明確
- 可點和不可點要有明確區(qū)分。其中可點的一般樣式是:按鈕(文字帶框)、下劃線、帶顏色的文字;明顯的不可點的樣式是:灰色字體。如果不幸設(shè)計了不可點擊的文字帶框的樣式,“直角矩形”較“圓角矩形”更不可點,“小尺寸”較“大尺寸”更不可點。
- 鼠標(biāo)懸停時變成小手,是PC端非常規(guī)范的可點擊的樣式。
有整有散
同質(zhì)信息或者功能相似的按鈕要放在一起,不同類的信息和功能要分開。具體可以用線框分割,也可以在間距上做文章。這是降低了人接受信息的門檻,快速理解哪些信息或功能是一類的,哪些是有明顯區(qū)別的。有整有散的設(shè)計會更加舒服,也能提高用戶的效率。
主次分明
一個頁面必須要有主次,這也是人理解信息的方式?jīng)Q定的,先找到主要的,再查看次要的,在頁面上劃分明顯的主次,更符合人獲取信息的習(xí)慣。一般而言,標(biāo)題的都是需要強調(diào)的,個人感覺用大號字體、加粗、加大周圍留白的方式強調(diào)重點都要優(yōu)于用顏色做強調(diào),而且大號字體、加粗和加大周圍留白往往同時使用。
避免信息過載
在一個操作步驟中切忌給出太多的信息,信息過載會嚴(yán)重降低人接受信息的效率,也就影響了體驗。
避免功能過載
這個是需要非常注意的一點,在每一個交互流程中,可操作項最好精簡到最少,最典型的就是每一個操作步驟中給最少的按鈕(點擊是最高頻的操作)。有些交互流程,甚至是沒有可操作項的,如為了使程序單任務(wù)執(zhí)行,在加載的時候不允許任何操作。所以在交互設(shè)計的時候,非常有必要想清楚在一個交互流程中,可操作項是哪幾個,應(yīng)該采用什么的加載視圖(讀條、轉(zhuǎn)圈、遮罩)。當(dāng)然,更進一步的交互設(shè)計是需要考慮前后端邏輯的,后端返回什么參數(shù)的時候需要給出什么樣的交互樣式?
總之,精簡可操作項是對用戶和程序都友好的設(shè)計。
少用顏色
一個頁面的顏色最好不要超過3種,如果不幸超過了,考慮用和主色系相近的輔助色,少用顏色往往是不會錯的。
友好的文案
文案盡量從使用者的角度出發(fā),使用用戶非常熟悉的文案,在字數(shù)允許的情況下,最好適當(dāng)詳細一些。