關于用戶界面設計你必須知道的八個法則

想設計出卓越派撕、高效和流暢的用戶界面,本·施耐德曼的“用戶界面設計的八大黃金法則”非常值得參考的片挂。蘋果幻林、微軟、谷歌等幾大巨頭設計的產品都反映了本·施耐德曼的法則音念,本次將給大家分享如何整合八大黃金法則來改進設計工作沪饺。


保持設計的一致性

當設計類似的功能和操作時,可以利用熟悉的圖標闷愤、顏色整葡、菜單的層次結構、 行為召喚按鈕(Call?to Action)讥脐、用戶流程圖等來實現(xiàn)一致性遭居。規(guī)范信息表現(xiàn) 的方式可以減少用戶的認知負擔啼器,使用戶體驗流暢易懂。一致性可以幫助用戶快 速熟悉產品的數(shù)字化環(huán)境從而更輕松地實現(xiàn)其目標俱萍。


為重度使用者提供快捷鍵

隨著使用次數(shù)的增加镀首,用戶需要更快的完成任務的方法。例如鼠次,Windows 和 Mac 為用戶提供了用于復制和粘貼的鍵盤快捷方式更哄,隨著用戶經驗的積累,他 們可以更輕松快速地瀏覽和操作用戶界面腥寇。


適時提供有意義的信息反饋

用戶應該知道他們在哪里成翩,以及在什么時候發(fā)生了什么。用戶每完成一個操 作赦役,需要系統(tǒng)給出反饋麻敌,然后用戶才能感知并進入下一步操作。反饋有很多類型掂摔,例如聲音提示术羔、觸感反饋、語音提示乙漓,以及各種類型的組合级历。對于用戶的每一個動作,應該在合理的時間內提供適當?shù)陌扰⑷诵曰姆答伭戎场H缭O計電商購物流程時應該告訴用戶進行到哪個步驟,要保證用戶在盡量少受干擾的情況下得到最有價值的信息并順暢完成任務涩蜘。但用戶經常操作的功能應適當減少不必要的反饋嚼贡,太 多不必要的反饋效果會起副作用,讓用戶感覺啰唆同诫、浪費時間甚至會發(fā)怒粤策。

最常見的視覺反饋是在操作系統(tǒng)中點擊某個文件或應用程序圖標時,就立即 變?yōu)椤巴怀鲲@示”误窖,如圖所示叮盘。該反饋是即時的,并且該操作概念(即心智 模式)具有自然贩猎、簡潔熊户、易于理解的特性萍膛,讓用戶覺得該操作本該如此吭服。


對話(明確告知用戶執(zhí)行動作后的狀態(tài))

如果用戶要達到目標需要執(zhí)行一 連串動作時(如應用程序安裝過程或網(wǎng) 絡購物流程等),需要精心設計每個引導過程蝗罗,尤其是開始時艇棕、進行中蝌戒,以及 完成時的反應。良好的引導設計能有效 提高用戶的滿意度沼琉,減少用戶操作過程 中的困惑北苟、壓力和等待時間。如圖所示為MacOS系統(tǒng)中安裝應用程序的 用戶界面打瘪,左側顯示安裝過程中的每個 步驟友鼻,右側顯示安裝進度。


提供簡單的錯誤處理機制

沒有用戶喜歡操作時被告知“錯誤”闺骚,設計時應該盡量考慮如何減少用戶犯錯誤的機會彩扔,但如果用戶操作時發(fā)生不可避免的錯誤,不能只報錯而不提供解決方案僻爽。請確保為用戶提供簡單虫碉、直觀的分步說明,以引導他們輕松快速地解決問題胸梆。 例如敦捧,用戶在填寫在線表單時忘記填寫某個輸入框時,可以標記這個輸入框以提 醒用戶碰镜。


允許用戶撤銷操作

設計人員應為用戶提供明顯的方式來讓用戶恢復之前的操作兢卵,無論是單次動 作、數(shù)據(jù)輸入還是整個動作序列后都應允許進行返回操作绪颖,正如本·施奈德曼在他的書中所說:

“撤銷功能減輕了焦慮济蝉,因為用戶知道即便操作失誤,之前的操作也可以 被撤銷菠发,鼓勵用戶去大膽放手探索王滤。”

在 Photoshop 和 Affinity Designer 兩款設計工具的“歷史記錄”面板中滓鸠, 用戶都可以非常直觀地退回到項目操作歷史的某一步動作雁乡,如圖所示。


讓用戶掌握控制權

設計時應考慮如何讓用戶主動去使用糜俗,而不是被動接受踱稍,要讓用戶感覺他們 對虛擬空間中的一系列操作了如指掌,在設計時按照他們預期的方式來獲得用戶的信任悠抹。


減輕用戶的短期記憶負擔

人的記憶力是有限的珠月,我們的短時記憶每次最多只能記住五個東西。因此楔敌, 界面設計應當盡可能簡潔啤挎,保持適當?shù)男畔哟谓Y構,讓用戶去識別信息而不是去回憶卵凑。識別信息總是比回憶更容易庆聘,因為識別是通過感知線索讓相關信息重現(xiàn)胜臊。 例如,我們自小學時就體會到做選擇題比簡答題更容易伙判,因為選擇題只需我們對 正確答案進行再次識別象对,而不是從我們的記憶中重新提取。

例如iOS和Android手機屏幕底部的主菜單區(qū)域中只能放置最多不超過四個應用程序圖標宴抚,這個設計不僅涉及對記憶負荷的考慮勒魔,還考慮了不同版本的一 致性問題,如圖所示菇曲。

最后沥邻,做一下總結

以上內容摘自UX先生的新書《用戶體驗設計師進階之路》

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市羊娃,隨后出現(xiàn)的幾起案子唐全,更是在濱河造成了極大的恐慌,老刑警劉巖蕊玷,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件邮利,死亡現(xiàn)場離奇詭異,居然都是意外死亡垃帅,警方通過查閱死者的電腦和手機延届,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來贸诚,“玉大人方庭,你說我怎么就攤上這事〗垂蹋” “怎么了械念?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長运悲。 經常有香客問我龄减,道長,這世上最難降的妖魔是什么班眯? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任希停,我火速辦了婚禮,結果婚禮上署隘,老公的妹妹穿的比我還像新娘宠能。我一直安慰自己,他們只是感情好磁餐,可當我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布违崇。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪亦歉。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天畅哑,我揣著相機與錄音肴楷,去河邊找鬼。 笑死荠呐,一個胖子當著我的面吹牛赛蔫,可吹牛的內容都是我干的。 我是一名探鬼主播泥张,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼呵恢,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了媚创?” 一聲冷哼從身側響起渗钉,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎钞钙,沒想到半個月后鳄橘,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡芒炼,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年瘫怜,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片本刽。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡鲸湃,死狀恐怖,靈堂內的尸體忽然破棺而出子寓,到底是詐尸還是另有隱情暗挑,我是刑警寧澤,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布斜友,位于F島的核電站窿祥,受9級特大地震影響,放射性物質發(fā)生泄漏蝙寨。R本人自食惡果不足惜晒衩,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望墙歪。 院中可真熱鬧听系,春花似錦、人聲如沸虹菲。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至浪漠,卻和暖如春陕习,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背址愿。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工该镣, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人响谓。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓损合,卻偏偏與公主長得像,于是被迫代替她去往敵國和親娘纷。 傳聞我的和親對象是個殘疾皇子嫁审,可洞房花燭夜當晚...
    茶點故事閱讀 44,689評論 2 354

推薦閱讀更多精彩內容