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