2022-9-2 博博
交互系統(tǒng)設(shè)計的目標可以從“可用性”和“用戶體驗”兩個層面上進行分析,關(guān)注以人為本的用戶需求。
交互設(shè)計有許多的方法和理論,如格式塔心理學原理、尼爾森可用性原則、7±2法則、3次點擊法則、功能可見性原則、菲茨定律等。
系統(tǒng)應(yīng)當在適當?shù)臅r間內(nèi)快速讓用戶知道當前所處的狀態(tài),即無論單擊、雙擊還是滾動都會給用戶一個反饋,讓用戶對過去發(fā)生、當前目標、以及對未來去向有所了解,防止用戶出現(xiàn)錯誤操作。
常見的反饋有刷新提示、加載提示、支付提示、下載提示、進度提示等(具體見#產(chǎn)品中的反饋機制#文章)
示例:進度條、已讀文章標題變灰
軟件的使用更符合現(xiàn)實的場景,通過直觀的視覺來貼近真實的世界,比如使用易懂和約定俗成的表達。
示例:圖標ICON等圖形化手法代替純語言文字(音樂播放轉(zhuǎn)盤)
產(chǎn)品需要支持用戶“反悔”,即在用戶出現(xiàn)誤操作時,需要給用戶提供“緊急出口”,做出“撤銷”“返回”“取消”“重做”等功能。
示例:微信聊天的撤回及重新編輯功能;備忘錄的恢復刪除功能
產(chǎn)品的信息架構(gòu)、交互方式、視覺表現(xiàn)等應(yīng)該具有一致性,主要包括結(jié)構(gòu)一致性、色彩一致性、文字一致性、操作一致性、反饋一致性
給用戶錯誤的提示不如在用戶發(fā)生錯誤之前避免它,可以幫助用戶排除一些容易出錯的情況,或者進行二次確認。
示例:微信朋友圈編輯內(nèi)容后點選返回會出現(xiàn)是否保留此次編輯的彈窗以及在付款頁面等重要操作之前給出彈窗是否確認支付,銀行卡號輸入時自動以4位數(shù)字為一組便于用戶輸入防錯
將用戶的記憶負擔最小化,盡量減少用戶記憶信息,應(yīng)該提供信息讓用戶辨認。
示例:淘寶的搜索功能,使用關(guān)鍵詞聯(lián)想要搜索的內(nèi)容,避免有些商品名稱記不全可以輕松搜索到;引導頁的新功能提示
既能保證第一次使用者能清晰明白功能,又能給老用戶提供更高效的使用方式,允許用戶可以定制常用功能。
示例:支付寶首頁可以自定義放置常用功能;餓了么訂單頁面支持用戶再次購買上次的菜單,不需要重復選擇
去除冗余和不相關(guān)元素,適當留白,讓功能突出,不會分散用戶注意力,簡潔精致的圖形能留下深刻的印象。
示例:知乎、簡書等內(nèi)容為主的產(chǎn)品,減少元素使用,讓用戶聚焦內(nèi)容,提升用戶體驗
盡量幫助用戶從錯誤中恢復,讓損失降到最低。指出錯誤信息,并給解決建議。
示例:word的自動保存功能;登錄頁密碼輸入錯誤,給出錯誤提示并修改建議
當用戶需要幫助時給予用戶適當?shù)膸椭肟?,幫助文檔要易于查找, 專注于用戶任務(wù)。
示例:微信 、淘寶等頁面的幫助與反饋
藍藍設(shè)計的小編 http://www.yvirxh.cn