尼爾森交互設(shè)計原則

2022-05-30    分類: 網(wǎng)站建設(shè)

Jakob Nielsen的十大交互設(shè)計原則。雅各布·尼爾森的交互設(shè)計法則擁有這豐富的經(jīng)驗,并且范圍是很廣泛。我們不會稱為某種標準,但可以作為一種經(jīng)驗學(xué)習(xí)學(xué)習(xí),并且與手中的設(shè)計結(jié)合使用。創(chuàng)新互聯(lián)小編這就為你一一展示,《尼爾森交互設(shè)計原則》。

Jakob Nielsen(雅各布·尼爾森)簡介

Jakob Nielsen(雅各布·尼爾森)是畢業(yè)于哥本哈根的丹麥技術(shù)大學(xué)的人機交互博士 , 他擁有79項美國專利,專利主要涉及讓互聯(lián)網(wǎng)更容易使用的方法。尼爾森在2000年6月,入選了斯堪的納維亞互動媒體名人堂。2006年4月,并被納入美國計算機學(xué)會人機交互學(xué)院,被賦予人機交互實踐的終身成就獎 。他還被紐約時報稱為「Web 易用性大師」,被 Internet Magazine 稱為「易用之王」。

尼爾森十大交互設(shè)計原則深度解析

原則一:狀態(tài)可見

  • 菜單tab鍵是否明顯,用戶是否明確自己所處的位置,并且能否可原路返回出發(fā)點?
  • 點擊狀態(tài)是否清晰?
  • 是否有數(shù)據(jù)加載提醒?

之前我們在中也提到過,有加載提示能降低用戶的跳出率,更多情況,是用戶不是不愿意等,而是想明白自己需要等待多久,給了明確的等待結(jié)果,用戶會更愿意停留。

案例:

例如"今日頭條"的下拉刷功能:頭條首頁的刷新使用交互模式下拉刷新頁面刷新功能,在用戶下拉頁面,頁面中間有內(nèi)容區(qū)域的狀態(tài)欄會出現(xiàn)“新年快樂”標示,當(dāng)用戶發(fā)布中間頁面將出現(xiàn)在“推薦中”表明,加載后,出現(xiàn)在「今日頭條推薦引擎有8條更新」的文本。這一系列的提示是我們所說的動態(tài)可見原則,如下:

 尼爾森交互設(shè)計原則

原則二:環(huán)境貼切

全部的圖標或者是語言、文字,是否在用戶的理解范圍之內(nèi),而不是系統(tǒng)語言?

案例:

例如計算機界面設(shè)計:我們手機系統(tǒng)帶有的原計算機軟件界面,與現(xiàn)實用使用的計算機樣式是類似的,可以說差別不是很大,我們能很快的上手使用。

 尼爾森交互設(shè)計原則

原則三:用戶可控

能否支持撤銷、重做,因為用戶會無意觸到某些功能,又不是他想要的,這種情況,應(yīng)該讓用戶可以方便的退出。這種情況下,應(yīng)該把「緊急出口」按鈕做得明顯些,而且不要在退出時彈出額外的對話框。

案例:

比如微信軟件就有這一功能,當(dāng)用戶在發(fā)送消息時,不小心打算字,可以在兩分鐘之內(nèi)撤回,具體看下圖:

 尼爾森交互設(shè)計原則

原則四:一致性

同一功能,從結(jié)構(gòu)、色彩、文字、使用、反饋上是否一致?

對于用戶來說,很重要,因為用戶遵從通用的平臺慣例。也就是,同一用語、功能、操作保持一致。

原則五:防錯

對于容易犯錯的重要操作是否有二次確認?例如取消訂單,或者是刪除記錄等。也可再次之前避免發(fā)生,防止用戶操作不可挽回的錯誤。

案例:

比如知乎安卓版本的登錄操作:當(dāng)用戶在知乎中登錄時,在沒有填寫完手機號碼和密碼前,底部的登錄按鈕是置灰不可點擊的,只有兩項都填寫完整,底部的登錄按鈕才會變?yōu)榭牲c擊狀態(tài),也就是藍色的。這是為了防止用戶犯更多的錯誤,是錯誤預(yù)防原則的體現(xiàn)。

 尼爾森交互設(shè)計原則

原則六:易取

通過可視化組件、按鈕和選項,可以減少用戶的內(nèi)存負載。用戶不需要記住對話框中的信息。使用該軟件的指南應(yīng)該是可見的,并且可以在正確的時間再次看到。

案例:

比如谷歌相冊中的刪除照片操作:用一個類似垃圾桶的「圖標」標識刪除功能,對于用戶來講是有一定的認知負荷的,且點擊「刪除」之后用戶對于造成的后果及影響也不清楚。因此,刪除之后出現(xiàn)彈窗提示很有必要。此彈窗清楚的寫明了刪除之后的影響、后續(xù)的幫助說明以及操作的選項,彈出框的出現(xiàn)很好的減少了用戶前后的記憶,這就是易取原則的體現(xiàn),如下圖:

 尼爾森交互設(shè)計原則

原則七:靈活高效

可允許用戶定制常用功能。讓用戶自己能容易上手,并且對其進行操作。

案例:

例如安卓版本支付寶中的編輯應(yīng)用功能:支付寶首頁的應(yīng)用是可以根據(jù)自身喜好自定義的,包括定義常用應(yīng)用、排序、刪除、新增等等。這樣用戶可以根據(jù)自己的個人興趣定制自己適合的應(yīng)用分布方式,這就叫做用戶定制常用功能,也就是靈活高效原則的一種體現(xiàn),如下圖:

 尼爾森交互設(shè)計原則

原則八:優(yōu)美且簡約

對話中的內(nèi)容應(yīng)該去除不相關(guān)的信息或幾乎不需要的信息。任何不相關(guān)的信息都會讓原本重要的信息更難被用戶察覺。

案例:

蘋果手機中自帶的軟件(iOS11設(shè)計規(guī)范):在新版本的蘋果手機自帶的軟件中標題都屬于字體放大,界面簡潔的設(shè)計風(fēng)格。還有蘋果自帶的音樂軟件中,段落中的標題和正文區(qū)別是很明顯的,標題明顯很大,而正文部分相對較小,這就是優(yōu)美簡約原則的體現(xiàn),如下圖:

原則九:容錯

錯誤信息應(yīng)該使用簡潔的文字(不要用代碼),指出錯誤是什么,并給出解決建議。也就是在用戶出錯時如何為出錯的用戶提供及時正確的幫助呢?即要幫助用戶識別出錯誤,分析出錯誤的原因,再幫助用戶回到正確的道路上。如果真的不能幫助用戶從錯誤中恢復(fù),也要盡量為用戶提供幫助,讓用戶損失降到最低。

案例:

比如網(wǎng)易郵箱PC端的注冊界面:用戶在網(wǎng)易163電腦端注冊郵箱時,在輸入出錯時不但會出現(xiàn)錯誤的提示,還會給出相應(yīng)的建議,幫助用戶進行正確的抉擇,這樣就避免用戶出現(xiàn)更大的失誤并且提高了注冊的效率,這是一種相當(dāng)好的用戶體驗,也是容錯原則的一種體現(xiàn),如下圖:

原則十:人性化幫助

即使系統(tǒng)不使用幫助文檔,它也是最好的,但是我們也應(yīng)該提供一個幫助文檔。任何幫助信息都應(yīng)該方便搜索,以用戶任務(wù)為核心,并列出相應(yīng)的步驟,但文字不要太多。也可添加客服在線。

案例:

例如淘寶APP和知乎APP登錄頁面的幫助入口:在比較重要的功能入口處有必要提供相應(yīng)的幫助入口,來解決用戶在操作功能過程中遇到的問題或者反饋問題的入口,不要讓用戶在出現(xiàn)問題時手足無措,不知道怎么辦,具體看下圖:

總結(jié)

本文標題:尼爾森交互設(shè)計原則
文章源于:http://bm7419.com/news/160965.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站動態(tài)網(wǎng)站、云服務(wù)器、網(wǎng)站內(nèi)鏈、手機網(wǎng)站建設(shè)、App開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計公司