Please enable JavaScript.
Coggle requires JavaScript to display documents.
人機介面十大準則 (組員: ((林沂德1410531030), (黃靖凱1410531045), (戴肇均1410531049),…
人機介面十大準則
組員:
林沂德1410531030
黃靖凱1410531045
戴肇均1410531049
簡偉儀1410531050
2.環境貼切原則
(Match between system and the real world)
系統應該說用戶的語言,用戶熟悉的單詞,短語和概念,而不是系統導向的術語。
對於這條原則,想必谷歌出的Metrial design設計原則非常的複合,其設計理念便是來源於顯示世界中的紙張特徵,在這套設計語言中,使用者可以感知到從哪裡來,到哪裡去,以及每個動效都會複合現實世界中的重力規律.
遵循現實世界的約定,使信息以自然和合乎邏輯的順序出現。
10.人性化幫助原則(Help and documentation)
如果系統能讓用戶不需要閱讀文檔就會使用那是最好的,但通常情況下還是需要幫助文檔的。
原圖
insterinstagram的忘記密碼頁面,會提示輸入賬號或郵箱後,將會向用戶發現登錄鏈接,避免用戶對於下一步的不可知
任何信息應該容易被搜索,且專注於用戶的目標任務,並列出具體的步驟來告知用戶。
3.使用者可控原則(User control and freedom)
用戶通常會錯誤地選擇了系統的某個功能,並且需要一個明確標記的」緊急出口「來離開不想要的狀態,而不必進行擴展對話。
支持撤消和重做。
京東填寫訂單頁面,如果點擊返回,則會出現確認彈框,避免用戶誤操作.
Agoda訂房網站付款前會再度詢問並確認信用卡
6.易取原則(Recognition rather than recall)
通過使用對象,動作和選項的可視化表達,最大限度地減輕用戶的記憶負擔。
原圖
蘋果手機的Dock條去掉了文字內容,而桌面的應用任然保留了App的名稱,原因就是在Dock條的應用是高頻應用,這裡沒有文字也不會影響用戶的辨別.微信底部的導航條雖然也具有非常高的識別度,但對於用戶大量用戶,且用戶群裡跨度很大的微信來說,保留文字提示任然必要.但國外的社交應用instragram和fackbook只保留了圖形,這取決於用戶的不同特質.
盡量減少使用者需要記憶的事情、行動以及可見的選項。
App 如果有使用說明介紹,應該放在顯眼且可輕易使用的位置
用戶不應該記住從對話的一部分到另一部分的信息。
4.一致性原則(Consistency and standards)
用戶不應該懷疑不同的話語、情況或行為是否在表達同樣的一件事情。
原圖
比如網易云音樂的喜歡圖標,在每個頁面都會保持同樣的樣式.
IG喜歡貼文的愛心圖案
google經典的配色
yes/ no按鍵的顏色不一樣
刪除鍵的X
系統設計需遵循平台慣例。
8.優美且簡約原則(Aesthetic and minimalist design)
對話中不應該包含無關緊要或很少需要的信息。
原圖
界面設計風格的演變也是一個去繁為簡的過程,從最開始的擬物風格,到扁平風格,再後來的輕擬物風格,都是尋找一個最佳的方案來滿足用戶的需求.去掉多餘信息,但去的太多之後,發現又失去了太多細節.
開關的圖示
音量的增減
音樂軟體的音樂圖示
在對話中每增加一個相對重要的信息,就意味着需要弱化其他信息。
5.防錯原則(Error prevention)
比良好的錯誤提示信息更好的方法是:一個走心的設計可以提前防止錯誤的發生。
系統要麼消除容易出錯的情況,要麼檢查它們,並在用戶採取行動之前向用戶提供確認選項。
連結
在未填入表格信息的時候,登錄按鈕顯示不可點狀態
按鈕小不好按、又容易出錯,最好也最貼心的作法是連輸入都簡化
7靈活高效原則(Flexibility and efficiency of use)
一些被精心設計的體驗也許會被專家用戶察覺到,使系統需要能夠滿足無經驗和有經驗的用戶。
蘋果的控制中心,默認設置能夠滿足大部分用戶需求,但同時也可以讓用戶自己設置,滿足了不同經驗用戶的需求.
對於軟體中的每個特性、功能、或能力,都必須提供一種途徑讓使用者調用或控制
如果使用者的目標是可預測而且常用的,使用者不應該為了實現這個目標而必須做很多工作
允許用戶進行頻繁的操作。
1.狀態可見原則(Visibility of system status)
系統應該在合理的時間內通過適當的反饋,始終讓用戶了解正在發生的事情。
原圖
EX:京東上在我的訂單頁面,將使用者最關心的物流進度資訊展示出來,顯示出訂單的狀態,即滿足了這一原則,從而優化了使用者體驗,防止使用者出現等待商品急躁的心情.同理,對於外賣類App,也是將訂單處於什麼狀態顯示出來,讓使用者能夠實時掌握訂單的進度.
9.容錯原則(Help users recognize, diagnose, and recover from errors)
錯誤信息應該用通俗易懂的語言表達(不要用代碼),較準確的反應問題,並且提出解決方案。
原圖
Pixar網站的404頁面,採用動畫卡通形象和精緻的微文案,極大的提高的用戶體驗.
打錯字的修正建議
已取過的重複名稱提醒
帳密打錯的提醒
誤刪除的返回上一步功能