身邊常見的25個設計可用性原則
《點石成金》說過:“人類大腦的容量不會馬上發(fā)生變化,所以這些人類行為研究所得到的成果在很長時間內(nèi)都不會失效,20年前他們遇到的困難,現(xiàn)在同樣如此”。分享里面一些常識性的設計原則,了解它們,并結(jié)合身邊的一些設計說明,不為其它,只為自己的設計Sense。
01
當看一個頁面時,它應該是不言而喻,一目了然,自我解釋的,糟糕的設計是大而全,什么都往里面放。
12306改版前后相信大家一眼都能看出,改版之后把最重要的車票查詢放到中心位置,去除了一些無用的展示,整個界面清爽了很多,用戶進來就能鎖定中間車票查詢。
02
永遠不要讓用戶花時間去思考某個東西是否點擊,所以鏈接和按鈕應該明顯。
上圖中某行APP中財富、轉(zhuǎn)賬等按鈕,底色是藍色,按鈕是白色,第一時間我考慮這些按鈕是否能點擊,同時我第一感覺“下午好,XXX”這個歡迎詞是否也能點擊。
03
命名不要自以為很酷或者自以為很聰明,應該是顯而易見的。
某音頻APP有個功能叫一鍵聽,相對于旁邊的經(jīng)典必聽、每日必聽,剛看到這個按鈕的時候真不知道里面是什么內(nèi)容。
04
如果不能做到讓一個頁面不言而喻,那么至少應該讓它自我解釋,比如:一些復雜界面或者新功能,需要做簡單的解釋說明。
咕咚APP上線了硬件產(chǎn)品后,提示“點擊此處可以添加咕咚裝備了”,好的本跑渣知道了。
05
盡量利用習慣用法,習慣用法能讓人瞬間理解,所以應該多研究主流產(chǎn)品的設計,找到用戶的習慣用法。
微信電話本拔號功能仿照蘋果系統(tǒng)的撥號設計,這是騰訊的強項,但毫無違和感。
06
設計創(chuàng)新要慎重,因為大部分創(chuàng)新可能是重復造輪子,如果想要對已有的習慣進行創(chuàng)新,那么一定要確認這是更好的,更實用的。
大部分APP的首頁都是搜索+功能塊+banner設計,當設計一款新APP的時候,如果不知道如何布局,可以直接參考,因為用戶習慣了。
07
越重要的部分越突出,比如:標題字體更大,更粗,顏色更特別,旁邊有更多空白。
拉勾APP從出道開始就是很高的設計水準,上圖中公司名稱、圖片、面試評分分別加粗、放大、顏色顯示用以突出重要性。
08
邏輯上相關(guān)的部分也在視覺上相關(guān),比如:可把相近的內(nèi)容分成一組,放在同一個標題之下。
飛豬APP中免簽落地簽、高星酒店控等放在旅行主題下,這種設計在APP中比較常見了。
09
邏輯上包含的部分在視覺上進行嵌套中。
去哪兒APP首頁中酒店和包含關(guān)系的特價酒店、海外酒店用同一種顏色顯示,在視覺中達到嵌套效果。
10
把頁面劃分成明確定義的區(qū)域,這樣可以讓用戶很快決定關(guān)注頁面的哪些區(qū)域,或者跳過哪些區(qū)域。
網(wǎng)易云音樂把音頻分為知識技能和商業(yè)財經(jīng)等模塊,這是APP中的塊設計(這點太常見了,但是至少知道了為什么這么設計)。
11
明顯標識可以點擊的地方,可以點擊相當于視覺掃描的線索,比如:用戶需要關(guān)注哪些地方可以點擊,用某種形狀、某些位置、某些格式標識。
我們小區(qū)APP中,把開門按鈕設計成鑰匙形狀并且顏色上凸顯出來,點擊開門按鈕就可以直接開門。
12
降低視覺躁聲,比如:眼花繚亂、組織不當、太過密集等。
APP由于屏幕比較小,擺放內(nèi)容有限,但是當web界面有大把面積給到設計師充分發(fā)揮的時候,結(jié)果上面那個界面讓我有密集恐懼癥。
13
為文本設置格式,以便掃描,比如:使用標題,保持段落簡短,和使用符號列表,突出關(guān)鍵詞等。
加粗的標題和簡潔的段落,看起來干凈(網(wǎng)易的界面從來沒讓我失望過)。
14
必要的幫助和支持,提供簡短、及時、不會錯過的幫助和支持。
某車APP進入之后,有個toast提示新的改版功能點。
15
歡迎詞必須消滅,歡迎詞就像閑聊,內(nèi)容無所謂。
某車APP歡迎詞占用了大量空間,并且還顯示了11月15日,星期四?
可是一般手機都有日歷,浪費空間好奢侈~
16
不要忽視導航的用途,導航幫助我們找到想要的任何東西和告訴我們現(xiàn)在身在何處。
除了傳統(tǒng)意義上的類目導航,天貓對于商品詳情頁,還設置了頁面目錄,把過長的詳情頁拆分成幾大塊,以卡片的形式展示,方便用戶選擇,這個有點贊。
17
讓一個返回主頁的按鈕始終可見,讓用戶無論迷失到何種地步,都能重新開始。
APP設計中,當界面下拉很深的時候,支持點擊返回到頂部,京東有,為什么天貓沒有?
18
喜歡搜索的用戶比喜歡瀏覽的用戶更多,除非界面非常小,否則每個頁面都應該有一個搜索框或者搜索頁面的鏈接。
電商網(wǎng)站除了支持在首頁搜索之外,還支持在店鋪內(nèi)進行搜索,信息量越大,搜索就越重要。
19
每個頁面都需要一個名稱,就像每個拐角都應該有一個路牌一樣。
從淘寶進入天貓超市之后的界面,對于電商APP來講,界面元素已經(jīng)夠擁擠了,空間再不夠用,在頂端還是有顯示天貓超市的頁面說明。
20
一個網(wǎng)站應該有一個 個性、生動、還有點俏皮的口號。
keep的口號,讓我對生活充滿的敬畏和期待~。
21
沒有簡單的正確答案,良好的、一體化的設計能滿足需要,也就是說,經(jīng)過仔細考慮,實現(xiàn)和測試的設計就是好設計,如果有爭執(zhí),那么就讓做一個可用性測試
找一個安靜的屋子,安排一次可用性測試活動。
22
讓用戶感受到設計過程是花了心思的。
樂刻APP開屏時顯示樂刻用戶的照片和視頻,讓用戶的參與感更強(上圖用戶正面比背影更帥,這個我知道)。
23
好的設計需要有良好的反饋,促進設計者能夠不斷的改進。
Boss直聘中,對于公司信息展示,讓用戶評判是否有用,個人覺得注冊資本、法人代表沒啥用,最好加上公司介紹和產(chǎn)品介紹。
24
好的設計需要以用戶為中心,最大化的減少用戶操作。
網(wǎng)易云音樂截屏后系統(tǒng)自動彈出圖片分享渠道,網(wǎng)易比別人更懂我一步。
25
知道用戶可能有哪些疑問,并且給予解答。
支付寶里面,有個“上銀匯款”功能,他們可能知道我不知道這個是啥,在功能中添加了使用幫助, 對于常見問題都做了解答(結(jié)束了)
本文由 @青蛙王子 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
尼爾森原則拆稀碎 ?
我沒讀過怎么辦 ??
真的一針見血,好文?。?/p>
信了你的鬼,你個小可愛
這個網(wǎng)站在閱讀文章時也應該在其他地方也增加點贊和收藏按鈕,比如文章最上方(登錄后會自動刷新頁面至網(wǎng)站頂部)或者是在側(cè)邊欄(閱讀過程中想要收藏以后再看),只能拉倒最下方去收藏確實不太方便,尤其是文章篇幅長的情況下
那你最后收藏了么? ??
那是必須滴
簡單粗暴的分析
就當你在夸我了。
我倒是挺喜歡這種舉這種接地氣例子的文章。吸收效果比大段方法論好多了
建行的設計真的看得很累,功能也不好找
是的啊,可能是提高門檻,讓我們少花點錢