尼爾森設計原則是人機交互學博士 Jakob Nielsen 于 1995 年發(fā)表的“十大可用性原則”。尼爾森博士分析了兩百多個可用性問題而提煉出的十項通用型原則,它是產(chǎn)品設計與用戶體驗設計的重要參考標準,值得每個交互設計師理解與思考。今天把尼爾森設計原則結合一些產(chǎn)品案例進行總結:
系統(tǒng)應該讓用戶時刻清楚當前發(fā)生了什么事情,也就是快速的讓用戶了解自己處于何種狀態(tài)、對過去發(fā)生、當前目標、以及對未來去向有所了解,一般的方法是在合適的時間給用戶適當?shù)姆答仯乐褂脩羰褂贸霈F(xiàn)錯誤。
溝通是所有關系的基礎,無論人還是設備。產(chǎn)品應該通過在合理時間內的適當反饋,向用戶通知正在發(fā)生的事情或者當前的狀態(tài)。
- 用戶知道系統(tǒng)在做什么
- 用戶知道自己在什么位置
- 用戶知道下一步操作應該去往哪里
產(chǎn)品名稱:抖音
體驗說明:圖一是抖音用戶雙擊點贊后的反饋圖,圖二是抖音收藏成功后的提示圖
解釋說明:利用提示語、icon 圖標等方式告知用戶自己的操作“成功”;圖三,手機信號出現(xiàn)問題加載失敗的時候也會告知狀態(tài)。告知的方式有很多,除了圖中的圖標、文字等,還有聲音、震動、動效等方式。
軟件系統(tǒng)應該使用用戶熟悉的語言、文字、語句,或者其他用戶熟悉的概念,而非系統(tǒng)語言。軟件中的信息應該盡量貼近真實世界,讓信息更自然,邏輯上也更容易被用戶理解。
產(chǎn)品名稱:豆瓣 FM
解釋說明:音樂唱片切換播放的交互行為虛擬現(xiàn)實場景中翻唱片。利用現(xiàn)實生活中的一些行為作為設計元素進行隱喻,很大程度上降低用戶學習成本同時激發(fā)用戶的使用興趣。設計師在設計的過程中不要輕易自主創(chuàng)作手勢交互,表現(xiàn)形式也最好借鑒現(xiàn)實生活的圖形符號,以免增加用戶認知和學習成本。
用戶常常會誤觸到某些功能,我們應該讓用戶可以方便的退出。這種情況下,我們應該把“緊急出口”按鈕做的明顯一點,而且不要在退出時彈出額外的對話框。很多用戶發(fā)送一條消息、總會有他忽然意識到自己不對的地方,這個叫做臨界效應;所以最好支持撤銷/重做功能。
產(chǎn)品名稱:微信
解釋說明:用戶可控性原則需要用戶在操作過程可以自由的導航和退出、對于不可逆轉的操作可以有提示,需要用戶二次確認。如圖一用戶可以自由導航,進入內頁后返回按鈕或者右滑手勢可以返回;同時圖二,點擊“看看”按鈕,再次點擊可以進行取消收藏;圖三中,對于用戶的誤操作或者說是不可逆轉的行為,有彈出框提示。
對于用戶來說,同樣的文字、狀態(tài)、按鈕,都應該觸發(fā)相同的事情,遵從通用的平臺慣例;也就是,同 一用語、功能、操作保持一致。
產(chǎn)品名稱:微信閱讀
解釋說明:一致性原則在視覺、結構、行為交互、反饋層面都有所體現(xiàn),微信閱讀的交互行為在期刊和書籍閱讀上做了區(qū)分。所有的書籍采用左右滑動翻頁;期刊才有上下滾動方式翻頁。同時視覺上統(tǒng)一品牌色,文章的字體排版也一致,便于用戶識別。這就是為什么 UED 部門都要有自己的交互規(guī)范與視覺規(guī)范要遵守的原因。
比一個優(yōu)秀錯誤提醒彈窗更好的設計方式,是在這個錯誤發(fā)生之前就避免它。可以幫助用戶排除一些容易出錯的情況,或在用戶提交之前給他一個確認的選項。在此,特別要注意在用戶操作具有毀滅性效果的功能時要有提示,防止用戶犯不可挽回的錯誤。
產(chǎn)品名稱:微信
在進行危險操作或者不可逆轉操作的時候有提示,如上圖第一張的彈出框提示;錯誤預防的另外一個方法是利用一些視覺元素引起用戶注意 ,提供警示作用,如上圖的右圖。
通過把組件、按鈕及選項可見化,來降低用戶的記憶負荷。用戶不需要記住各個對話框中的信息。軟件的使用指南應該是可見的,且在合適的時候可以再次查看。
產(chǎn)品名稱:夸克
解釋說明:識別好過記憶是指讓用戶減少識別記憶時間。圖中夸克中的按鈕采用可視化的表現(xiàn)形式,加以文字來輔助,讓用戶對信息一目了然。圖標的形象比較扁平,虛擬現(xiàn)實生活的物品,或者其他 APP 的 icon 變形。PART2,展示用戶常用或最近的歷史記錄,幫助用戶記憶。
靈活高效原則旨在使用戶更快捷的使用產(chǎn)品,讓用戶在最短的路徑下最快實現(xiàn)目標。這需要對用戶的使用場景、使用流程進行深度挖掘。汽車油門—新手用戶常常看不見,而且對于高手來說可以通過它快速與汽車互動。這樣的系統(tǒng)可以同時滿足有經(jīng)驗和無經(jīng)驗的用戶。允許用戶定制常用功能。
產(chǎn)品:騰訊會議
點開騰訊會議 APP,首頁展示如下圖所示。根據(jù)用戶參會的場景進行分類,常用的會議場景包括:加入提前預定好的會議、即時性快速開始會議、個人提前預定會議,以及在線下會議室并且需要馬上進行無線投屏。四個場景分別對應:加入會議、快速會議、預定會議、無線投屏四個功能。四個功能分類,全面覆蓋用戶開會最常用的幾個場景。同時,直接把幾個場景功能進行區(qū)分,方便用戶快速選擇自己適合的功能,靈活高效,節(jié)約不必要的交互流程。
對話中的內容應該去除不相關的信息或幾乎不需要的信息。任何不相關的信息都會讓原本重要的信息更難被用戶察覺。
產(chǎn)品名稱:多抓魚
解釋說明:多抓魚是 C2B2C 的電商平臺,鏈接買賣雙方,但是多抓魚的框架、布局、視覺等各方面都很簡潔。框架層:首頁(瀏覽二手書)、賣書(一鍵掃碼免費上門取書)、購物車、個人中心。簡單明了,突出核心功能。同時多抓魚的買書界面(圖 2),圖文形式簡單的介紹賣書流程,一個按鈕可以掃碼賣書;個人中心中懸浮按鈕可以直接寫書評。界面布局與視覺干凈簡潔,減少視覺干擾項。首頁的書籍列表,僅僅展示折扣、書名、豆瓣評分、價格幾個關鍵字段,點進內頁才有更多評價和介紹。總體來說多抓魚的設計在各個方面都做的很簡潔、清新,也符合文藝小青年的目標人群
錯誤信息應該使用簡潔的文字(不要用代碼),指出錯誤是什么,并給出解決建議。也就是在用戶出錯時如何為出錯的用戶提供及時正確的幫助呢?即要幫助用戶識別出錯誤,分析出錯誤的原因再幫助用戶回到正確的道路上。如果真的不能幫助用戶從錯誤中恢復,也要盡量為用戶提供幫助讓用戶損失降到最低。
產(chǎn)品名稱:百度瀏覽器
解釋說明:在進行信息填寫等一些操作行為的時候,需要使用到這個原則。如圖一在用戶填報信息前會有提示性信息防止用戶填寫失誤、在用戶填寫的信息不符合要求的時候會有提示性信息描寫哪里有問題。這個原則在一些填報銀行卡等安全行為的時候也常用到,系統(tǒng)自動把需要注意的事項給用戶,使用戶防止出錯。
即使系統(tǒng)不適用幫助文檔是最好的,但我們也應該提供一份幫助文檔。任何幫助信息都應該可以方便地搜索到,以用戶的任務為核心,列出相應的步驟,但文字不要太多。
產(chǎn)品名稱:KEEP
解釋說明:如上圖中,用戶初次使用 KEEP 課程的時候,會有相關提示進行行為引導;下圖的添加設備的流程,每頁的步驟引導用戶進行選擇,找到自己想添加的設備進行添加,引導用戶將行為串行。并且最后一個 KEEP 鏈接小米設備的步驟,給用戶進行提示。從而總結最常用的幫助與引導原則的方式有:采用一次性的提示信息、常駐的提示性信息、流程引導、幫助信息等
若有收獲,就點個贊吧!
復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉載。
熱評 Stronger