筆記 - 尼爾森十大可用性設(shè)計(jì)原則

來自:http://www.ui.cn/detail/388146.html

尼爾森

尼爾森(Jakob Nielsen)是一位人機(jī)交互學(xué)博士,發(fā)表了「十大可用性原則」拯田。是 Web 易用性領(lǐng)域的頂尖領(lǐng)袖隆檀。

十大原則解析與案例

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

用戶在手機(jī)上的任何操作,上下滑動(dòng)刷新劫映,點(diǎn)擊跳轉(zhuǎn),頁面都應(yīng)該即時(shí)給出饋刹前∮靖常“即時(shí)”是指,頁面響應(yīng)時(shí)間小于用戶能忍受的等待的間喇喉。

二祖今、環(huán)境貼切原則

簡單的說就是產(chǎn)品設(shè)計(jì)符合真實(shí)世界中用戶的使用習(xí)慣和思考邏輯,盡可能貼近用戶所在的環(huán)境(年齡拣技、學(xué)歷千诬、文化、時(shí)代背景)膏斤,而不要使用第二世界的語言大渤,應(yīng)該使用易懂和約定俗成的表達(dá)。

案例2_產(chǎn)品換膚:

如下圖優(yōu)酷為視頻類產(chǎn)品和餓了么為外賣類產(chǎn)品掸绞,雖然他們的定位不同泵三,但是在世界杯期間,都替換了界面的皮膚衔掸,例如優(yōu)酷底部標(biāo)簽欄的圖標(biāo)烫幕,餓了么中間分類入口的圖標(biāo)。這就是環(huán)境貼切原則的體現(xiàn)敞映。在特殊的時(shí)間里我們也可以通過改變界面的皮膚增加產(chǎn)品與當(dāng)下環(huán)境的貼切性较曼。

上面是關(guān)于環(huán)境貼切原則的案例,我們在設(shè)計(jì)界面時(shí)必須知道產(chǎn)品的使用人群振愿,產(chǎn)品的類型捷犹,例如商務(wù)類產(chǎn)品和娛樂類產(chǎn)設(shè)計(jì)出來就會截然不同弛饭。這是產(chǎn)品風(fēng)格的環(huán)境貼切。除了產(chǎn)品大方向要貼切萍歉,我們也可通過一些特殊的節(jié)日改變產(chǎn)品的皮膚侣颂,讓用戶在短時(shí)間內(nèi)加強(qiáng)和產(chǎn)品的共通性。

三枪孩、撤銷重做原則

給用戶更多自主操作權(quán)憔晒,當(dāng)用戶在使用產(chǎn)品過程中產(chǎn)生錯(cuò)誤的操作時(shí),應(yīng)提供用戶更多的解決方案蔑舞,比如撤銷或重做等功能拒担。

四、一致性原則

產(chǎn)品的功能操作攻询、模塊樣式从撼、頁面布局、信息提示钧栖、顏色運(yùn)用的一致性低零,避免用戶突然跳轉(zhuǎn)后感覺在另一個(gè)產(chǎn)品中的錯(cuò)覺,影響用戶對產(chǎn)品的整體體驗(yàn)桐经。

e.g.交互一致

五、防錯(cuò)原則

比出現(xiàn)錯(cuò)誤信息提示更好的是更用心的設(shè)計(jì)防止這類問題發(fā)生浙滤。在用戶選擇動(dòng)作發(fā)生之前阴挣,就要防止用戶容易混淆或者錯(cuò)誤的選擇。對產(chǎn)品進(jìn)行不同的操作纺腊、重組或特別安排畔咧,防止用戶出錯(cuò)。

案例:

如下圖馬蜂窩的選擇日期功能揖膜,為了防止用戶錯(cuò)誤的選擇錯(cuò)誤誓沸,把當(dāng)天日期之前的日期都設(shè)定為不可選擇

再比如很多表單頁壹粟,當(dāng)內(nèi)容信息未填寫完時(shí)拜隧,按鈕為灰色不可點(diǎn)擊的樣式。避免用戶在未填寫完之前就點(diǎn)擊提交按鈕趁仙。

六洪添、易取原則

盡量減少用戶對操作目標(biāo)的記憶負(fù)荷,動(dòng)作和選項(xiàng)都應(yīng)該是可見的雀费。用戶不必記住一個(gè)頁面到另一個(gè)頁面的信息干奢。系統(tǒng)的使用說明應(yīng)該是可見的或者是容易獲取的。?

案例:

為了讓大家更好的理解什么是易取原則盏袄,我更改了京東的彈窗界面忿峻,(如下圖)京東到家為發(fā)現(xiàn)新版本的彈窗提示薄啥,在彈窗描述中告知用戶需要通過去App Store進(jìn)行操作更新,點(diǎn)擊確定后返回首頁逛尚。導(dǎo)致用戶需要記住路徑和方法垄惧,然后再去操作,如果流程復(fù)雜黑低,用戶需要反復(fù)切換確認(rèn)赘艳。

接下來我們在看看正確的姿勢是什么。(如下圖)當(dāng)選擇立即下載時(shí)會自己跳到App Store的更新界面克握,只要點(diǎn)擊更新即可蕾管,不需要用戶記錄整個(gè)過程。當(dāng)更新完成后菩暗,App Store中的更新按鈕變成打開按鈕掰曾,可以直接打開京東到家的首頁,這個(gè)流程不需要用戶提取任何記憶停团。

七旷坦、靈活高效原則

中級用戶的數(shù)量遠(yuǎn)高于初級和高級用戶數(shù)。為大多數(shù)用戶設(shè)計(jì)佑稠,不要低估秒梅,也不可輕視,保持靈活高效舌胶。

八捆蜀、易掃原則

互聯(lián)網(wǎng)用戶瀏覽的動(dòng)作不是讀,不是看幔嫂,而是掃辆它。

易掃,意味著突出重點(diǎn)履恩,弱化和剔除無關(guān)信息锰茉。

九、容錯(cuò)原則

幫助用戶從錯(cuò)誤中恢復(fù)切心,將損失降到最低飒筑。如果無法自動(dòng)挽回,則提供詳盡的說明文字和指導(dǎo)方向绽昏,而非代碼扬霜,比如404。

案例:

為了避免造成用戶的損失而涉,我們需要在重要事件中給出合理的文字說明和指導(dǎo)著瓶,比如有道云筆記中告訴用戶“文件刪除后將無法恢復(fù)”,就給用戶一次思考的時(shí)間啼县,避免一時(shí)誤刪材原,造成損失沸久。

iPhone自帶的備忘錄給用戶的容錯(cuò)空間更大,刪除后可以在30天內(nèi)找回余蟹。另外卷胯,對于容錯(cuò)程度的大小還是取決于產(chǎn)品用戶群的需要,并不是越大越好威酒。

十窑睁、人性化幫助原則

幫助性提示最好的方式是:1、無需提示葵孤;2担钮、一次性提示;3尤仍、常駐提示箫津;4;幫助文檔宰啦。

案例:

如下圖對于初次使用產(chǎn)品的用戶來說苏遥,可能不知道表單里面需要填寫什么,如果沒有幫助性文檔的提示赡模,很容易出現(xiàn)錯(cuò)誤田炭。因此我們可以增加一些填寫前的文檔幫助,如每日優(yōu)鮮的截圖漓柑。還有在我們剛下次一款產(chǎn)品時(shí)教硫,如DaDaBaby的截圖,會提供幫助界面欺缘,幫用戶在最短的時(shí)間內(nèi)了解產(chǎn)品的主要功能及用法栋豫。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末挤安,一起剝皮案震驚了整個(gè)濱河市谚殊,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌蛤铜,老刑警劉巖嫩絮,帶你破解...
    沈念sama閱讀 216,692評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異围肥,居然都是意外死亡剿干,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,482評論 3 392
  • 文/潘曉璐 我一進(jìn)店門穆刻,熙熙樓的掌柜王于貴愁眉苦臉地迎上來置尔,“玉大人,你說我怎么就攤上這事氢伟“窠危” “怎么了幽歼?”我有些...
    開封第一講書人閱讀 162,995評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長谬盐。 經(jīng)常有香客問我甸私,道長,這世上最難降的妖魔是什么飞傀? 我笑而不...
    開封第一講書人閱讀 58,223評論 1 292
  • 正文 為了忘掉前任皇型,我火速辦了婚禮,結(jié)果婚禮上砸烦,老公的妹妹穿的比我還像新娘弃鸦。我一直安慰自己,他們只是感情好外冀,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,245評論 6 388
  • 文/花漫 我一把揭開白布寡键。 她就那樣靜靜地躺著,像睡著了一般雪隧。 火紅的嫁衣襯著肌膚如雪西轩。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,208評論 1 299
  • 那天脑沿,我揣著相機(jī)與錄音藕畔,去河邊找鬼。 笑死庄拇,一個(gè)胖子當(dāng)著我的面吹牛注服,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播措近,決...
    沈念sama閱讀 40,091評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼溶弟,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了瞭郑?” 一聲冷哼從身側(cè)響起辜御,我...
    開封第一講書人閱讀 38,929評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎屈张,沒想到半個(gè)月后擒权,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,346評論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡阁谆,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,570評論 2 333
  • 正文 我和宋清朗相戀三年碳抄,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片场绿。...
    茶點(diǎn)故事閱讀 39,739評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡剖效,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情璧尸,我是刑警寧澤劝贸,帶...
    沈念sama閱讀 35,437評論 5 344
  • 正文 年R本政府宣布,位于F島的核電站逗宁,受9級特大地震影響映九,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜瞎颗,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,037評論 3 326
  • 文/蒙蒙 一件甥、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧哼拔,春花似錦引有、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,677評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至檬姥,卻和暖如春曾我,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背健民。 一陣腳步聲響...
    開封第一講書人閱讀 32,833評論 1 269
  • 我被黑心中介騙來泰國打工抒巢, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人秉犹。 一個(gè)月前我還...
    沈念sama閱讀 47,760評論 2 369
  • 正文 我出身青樓蛉谜,卻偏偏與公主長得像,于是被迫代替她去往敵國和親崇堵。 傳聞我的和親對象是個(gè)殘疾皇子型诚,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,647評論 2 354

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