尼爾森十大可用性原則

1瓢棒、狀態(tài)可見性

系統(tǒng)應(yīng)當(dāng)始終為用戶傳遞當(dāng)前的狀態(tài)信息,適時提供反饋客叉;不要讓用戶猜測诵竭,將信息直接顯示給用戶。

【正面例子】ALTO啟動頁-顯示當(dāng)前狀態(tài)(正在更新數(shù)據(jù)庫)恰當(dāng)?shù)臓顟B(tài)提示能夠消除用戶焦慮


【反面例子】知乎live界面-用戶開啟聽筒感應(yīng)后兼搏,操作頁面中并沒有顯示聽筒感應(yīng)當(dāng)前的狀態(tài)


2卵慰、貼近使用者環(huán)境

為你的目標用戶而設(shè)計,用通俗的用戶語言替代晦澀的系統(tǒng)術(shù)語向族;應(yīng)當(dāng)考慮到目標用戶自身因素(學(xué)歷呵燕、年齡、特殊文化背景件相、數(shù)字化水平等)對其行為操作的影響再扭。

iOS官方文檔中對于動效的說明:

頁面元素布局要與現(xiàn)實物體盡量一致;動效要力求真實性和可信性夜矗,遵循物理世界的運動規(guī)律泛范。

【正面例子】Apple Music播放界面中按鈕布局跟現(xiàn)實的MP3播放器按鈕布局一致


【反面例子】淘寶-保存圖片成功的提示(符號用 “i” 而非 “”)

3、用戶控制和可撤銷

用戶經(jīng)常性進行“探索性操作”紊撕,而撤銷和重做的提供能夠減緩他們的焦慮罢荡,進一步促使他們進一步操作。

iOS中對用戶控制的描述

在iOS內(nèi)部,是用戶——而不是應(yīng)用——在控制区赵。應(yīng)用可以對一系列用戶行為提供建議惭缰,或?qū)赡茉斐蓢乐睾蠊男袨榘l(fā)出警告,但不應(yīng)該替用戶做決定笼才。好的應(yīng)用會在讓用戶主導(dǎo)和避免不想要的結(jié)果中找到平衡漱受。為了讓用戶感覺到是他們在控制,應(yīng)用應(yīng)該使用熟悉且可預(yù)知的交互元素骡送,讓用戶二次確定有破壞性的行為昂羡,并且讓即使在運行中的操作也能夠被輕易取消。

【正面例子】ALTO-文件存檔或者刪除后出現(xiàn)“撤銷”按鈕


【反面例子】App store的應(yīng)用評價撰寫頁面-點擊OK后直接返回上級頁面摔踱,沒有給用戶重新填寫昵稱的機會

如何做:

1虐先、不干擾用戶工作流程。

2派敷、保留操作歷史蛹批、給予撤銷動作。


4膀息、一致性原則(Consistency)

應(yīng)用能夠貫徹相同的標準般眉,使用統(tǒng)一風(fēng)格的元素、相同功能按鈕的位置和樣式保持一致潜支、優(yōu)先級相同的元素也應(yīng)保持一致性甸赃。

當(dāng)然,在某些情況可以打破一致性讓某一重要元素突出冗酿;或者當(dāng)用戶執(zhí)行破壞性或重要操作時埠对,破壞一致性能讓其多加思考后行動(比如卸載某款應(yīng)用)。


【正面例子】Gmail注冊頁面-同等優(yōu)先級的元素風(fēng)格統(tǒng)一


【反面例子】iOS10控制中心-第一行圖標的優(yōu)先級一樣裁替,但是存在線性和實心兩種圖標風(fēng)格

5项玛、防犯錯誤

用戶討厭錯誤,甚至更討厭他們自己做錯了的感覺弱判。要么消除容易出錯的條件襟沮,要么檢查它們并在提交操作之前通知用戶。

iOS官方文檔中關(guān)于數(shù)據(jù)輸入(Data Entry)的一條描述:

在允許“下一步”或“繼續(xù)”按鈕前昌腰,確保所有必要的輸入框都有信息开伏。盡可能地在用戶輸入之后就立馬檢查輸入值,這樣他們就能立即改正

【正面例子】餓了么登陸界面-用戶未輸入完整手機號時遭商,“獲取驗證碼 ”按鈕不可點擊

此外Apple Music新建播放列表時固灵,點擊取消后之前天的信息作廢。相反微信朋友圈編輯新的文字信息時劫流,點擊取消后再次進入之前填寫的信息完好保存巫玻。

如何做:

1丛忆、錯誤發(fā)生前,禁止操作繼續(xù)仍秤。

2熄诡、操作時,預(yù)示錯誤信息徒扶。

3粮彤、操作后根穷,允許撤銷回滾姜骡。


6、減輕用戶記憶負擔(dān)

人們識別某物相比記憶更容易屿良。

iOS 10規(guī)范文檔中關(guān)于手勢操作的說明圈澈,也遵循此原則。

手勢操作應(yīng)當(dāng)為基于界面導(dǎo)航和操作提供補充性的快捷手勢尘惧,而不是取而代之康栈。

在一些情況下,提供簡單明顯的方式顯示導(dǎo)航或者執(zhí)行操作喷橙,即使這可能意味著額外的點擊啥么。

【正面例子】Any do通知編輯頁面-編輯通知詳細內(nèi)容時,用選擇控件替代鍵盤輸入贰逾,減少用戶使用負擔(dān)

如何做到:

1悬荣、簡化應(yīng)用層級結(jié)構(gòu)。

2疙剑、遵循“二八法則”突出重點氯迂,減少干擾元素。

3言缤、提供視覺輔助以及文本提示(例:步驟繁多的進程應(yīng)提供進度指示器嚼蚀、郵政編碼的輸入框就不要和用戶名的一樣長啦、控制輸入框中的占位符標簽在未錄入文本時保持可見)管挟。


7轿曙、效率優(yōu)先

功能與易用性之間通常存在一個平衡,對于軟件中的每個特性僻孝、功能导帝、或能力,都必須提供一種途徑讓使用者調(diào)用或控制皮璧。如果用戶的目標是可預(yù)測而且常用的舟扎,使用者不應(yīng)該為了實現(xiàn)這個目標而必須做很多工作。

【正面例子】淘寶-系統(tǒng)檢測到用戶在商品頁面截屏動作時自動出現(xiàn)分享操作頁面


【反面例子】豌豆莢一覽密碼重置頁面-輸入賬號后點擊忘記密碼卻出現(xiàn)登陸的網(wǎng)頁悴务,離開了豌豆莢一覽的應(yīng)用睹限。

如何做:

1譬猫、提供快捷方式以及快捷手勢(例:右滑返回)。

2羡疗、允許用戶進行“個性設(shè)置”(例:ALTO中的手勢自定義)染服。

3、對用戶行動進行預(yù)測(例:pinterest自動補全搜索叨恨、搜索歷史)柳刮。

4、簡化流程或者將長流程分解成多個步驟痒钝。

5秉颗、聰明的默認值


8、美學(xué)和極簡設(shè)計

極簡主義并不意味著有限送矩。所有信息都應(yīng)該是有價值的蚕甥、彼此相關(guān)的。

iOS規(guī)范的三大原則-清晰(Clarity)栋荸、遵從(Deference)菇怀、深度(Depth)

縱觀整個系統(tǒng),任何尺寸的文字都清晰易讀晌块,圖標精確易懂爱沟,恰當(dāng)且微妙的修飾,聚焦于功能匆背,一切設(shè)計由功能驅(qū)動呼伸。


【正面例子】Google Map首頁-界面只有搜索框、視圖靠汁、出行三個選項滿足多數(shù)用戶需求蜂大,無多余干擾。

如何做:

1蝶怔、留白奶浦、顏色、字體踢星、圖形以及其它界面元素能夠巧妙地突出重點內(nèi)容并且表達可交互性澳叉。

2、減少使用邊框沐悦、漸變和陰影讓界面盡可能輕量化成洗。

3、厘清信息的優(yōu)先級藏否,按需分配瓶殃。


9、容錯原則

錯誤消息應(yīng)以簡明的語言表達(不要使用系統(tǒng)語言來描述系統(tǒng)正在做什么)副签,準確地指出問題遥椿,并建設(shè)性地提出解決方案幫助用戶從錯誤中恢復(fù)基矮,將損失降到最低。

如何做:

【正面例子】蝦米音樂-訂閱的精選集界面為空時冠场,能夠為用戶提供訂閱的操作

1家浇、告知用戶當(dāng)前的錯誤發(fā)生的具體原因,確保信息清晰無誤(例:密碼位數(shù)少于8位)碴裙。

2钢悲、為用戶提供解決方案,引導(dǎo)用戶朝正確方向前進(例:網(wǎng)絡(luò)連接不給力舔株,請檢查網(wǎng)絡(luò)設(shè)置)


10莺琳、幫助和說明文件

即使最好的應(yīng)用也需要一份幫助和說明文檔。

【正面例子】Blyss-可以隨時關(guān)閉督笆,按步驟進行

如何做:

1芦昔、無需提示。

2娃肿、一次性提示。

3珠十、常駐提示料扰。

4、幫助文檔焙蹭。


結(jié)論:

在交互晒杈、視覺層面的設(shè)計不管如何變化,都應(yīng)以滿足底層商業(yè)目標和用戶基本需求為主要孔厉。另一方面尼爾森十大原則之所以被稱為“啟發(fā)式”拯钻,是因為它是適用廣泛的經(jīng)驗原則,而不是具體的可用性指南撰豺,一切都應(yīng)根據(jù)具體需要而定粪般。

引用:

十大啟發(fā)式原則

拿不定設(shè)計?讓經(jīng)典的尼爾森十大可用性原則幫你

iOS 10人機界面設(shè)計指南

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末污桦,一起剝皮案震驚了整個濱河市亩歹,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌凡橱,老刑警劉巖小作,帶你破解...
    沈念sama閱讀 217,826評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異稼钩,居然都是意外死亡顾稀,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,968評論 3 395
  • 文/潘曉璐 我一進店門坝撑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來静秆,“玉大人氮块,你說我怎么就攤上這事」钭冢” “怎么了滔蝉?”我有些...
    開封第一講書人閱讀 164,234評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長塔沃。 經(jīng)常有香客問我蝠引,道長,這世上最難降的妖魔是什么蛀柴? 我笑而不...
    開封第一講書人閱讀 58,562評論 1 293
  • 正文 為了忘掉前任螃概,我火速辦了婚禮,結(jié)果婚禮上鸽疾,老公的妹妹穿的比我還像新娘吊洼。我一直安慰自己,他們只是感情好制肮,可當(dāng)我...
    茶點故事閱讀 67,611評論 6 392
  • 文/花漫 我一把揭開白布冒窍。 她就那樣靜靜地躺著,像睡著了一般豺鼻。 火紅的嫁衣襯著肌膚如雪综液。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,482評論 1 302
  • 那天儒飒,我揣著相機與錄音谬莹,去河邊找鬼。 笑死桩了,一個胖子當(dāng)著我的面吹牛附帽,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播井誉,決...
    沈念sama閱讀 40,271評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼蕉扮,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了送悔?” 一聲冷哼從身側(cè)響起慢显,我...
    開封第一講書人閱讀 39,166評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎欠啤,沒想到半個月后荚藻,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,608評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡洁段,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,814評論 3 336
  • 正文 我和宋清朗相戀三年应狱,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片祠丝。...
    茶點故事閱讀 39,926評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡疾呻,死狀恐怖除嘹,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情岸蜗,我是刑警寧澤尉咕,帶...
    沈念sama閱讀 35,644評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站璃岳,受9級特大地震影響年缎,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜铃慷,卻給世界環(huán)境...
    茶點故事閱讀 41,249評論 3 329
  • 文/蒙蒙 一单芜、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧犁柜,春花似錦洲鸠、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,866評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至股囊,卻和暖如春袜匿,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背稚疹。 一陣腳步聲響...
    開封第一講書人閱讀 32,991評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留祭务,地道東北人内狗。 一個月前我還...
    沈念sama閱讀 48,063評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像义锥,于是被迫代替她去往敵國和親柳沙。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,871評論 2 354

推薦閱讀更多精彩內(nèi)容