UI 設(shè)計(jì)的黃金法則

1.追求一致性


用戶經(jīng)常會(huì)被那些代表著同一件事,但又有著不同的語(yǔ)句、場(chǎng)景或者動(dòng)作搞混淆,換句話說(shuō),要使用一致性的元素貫穿在 App UI 設(shè)計(jì)中。例如,一個(gè) button 的某種樣式應(yīng)該都要保持一致;或者,導(dǎo)航的功能要具備邏輯性,在層級(jí)上要夠深入。

一致性包括:

  • 工作流程
  • 功能性
  • 外觀
  • 術(shù)語(yǔ)

2.系統(tǒng)狀態(tài)的可見(jiàn)性,或者提供信息反饋


系統(tǒng)應(yīng)該給用戶顯示任務(wù)進(jìn)程,在一個(gè)合理的時(shí)間段通過(guò)得當(dāng)?shù)姆答?。不要讓用戶猜測(cè),要告訴用戶系統(tǒng)在做些什么。

反饋:

  • 相關(guān)性
  • 重要性和緊急性
  • 全面性和有意義
  • 合適的時(shí)間和地點(diǎn)

3.系統(tǒng)和真實(shí)世界的匹配


系統(tǒng)應(yīng)該表達(dá)用戶的語(yǔ)言(使用用戶熟悉的句子或短語(yǔ)),讓用戶猜的越少越好。

在開(kāi)頭、中間和結(jié)尾處,將一系列交互動(dòng)作組織在一起。當(dāng)一個(gè)過(guò)程結(jié)束后,記住要展示一個(gè)通知信息。

4.用戶可以自由的 undo/reversal 交互動(dòng)作


這種特性,可以減少用戶的焦慮感,讓他知道錯(cuò)誤事可以被修正的;因此鼓勵(lì)用戶探索不熟悉的選項(xiàng)。

交互動(dòng)作的逆轉(zhuǎn):

  • 不要干擾工作流
  • 給用戶更多自由

5.預(yù)防錯(cuò)誤和簡(jiǎn)單的錯(cuò)誤處理


用戶討厭錯(cuò)誤,特別是他們自己導(dǎo)致錯(cuò)誤后的感覺(jué)。我們要在用戶進(jìn)行下一步動(dòng)作時(shí),幫他們排除或者檢查錯(cuò)誤。

6.減少記憶


認(rèn)出某件事物比記住某件事物更容易。使用標(biāo)記和其它可視化的輔助來(lái)幫助用戶找到產(chǎn)品的功能特點(diǎn)。

7.使用快捷鍵


允許用戶定制他們自己常用的交互動(dòng)作。縮寫、功能鍵和隱藏命令對(duì)一個(gè)專家用戶是很有幫助的。

8.美感和極簡(jiǎn)的設(shè)計(jì)


極簡(jiǎn)并不意味著有限性,所有的信息應(yīng)該有價(jià)值并且相關(guān)。

9.幫助用戶認(rèn)知、診斷和恢復(fù)錯(cuò)誤


應(yīng)該用通俗易懂的語(yǔ)句表達(dá)錯(cuò)誤的信息,精確的闡述問(wèn)題,并且提出建設(shè)性的建議。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容