尼爾森十大交互原則


一道批、狀態(tài)可見(jiàn)原則

用戶(hù)在網(wǎng)頁(yè)上的任何操作错英,不論是單擊、滾動(dòng)還是按下鍵盤(pán)隆豹,頁(yè)面應(yīng)即時(shí)給出反饋椭岩。“即時(shí)”是指璃赡,頁(yè)面響應(yīng)時(shí)間小于用戶(hù)能忍受的等待時(shí)間判哥。

舉例:CSDN上文章底部都會(huì)有一個(gè)[喜歡]按鈕,當(dāng)我們把鼠標(biāo)移到[喜歡]按鈕之后鉴吹,按鈕就會(huì)在原來(lái)的單純的心形按鈕外圈出現(xiàn)一個(gè)圈,這個(gè)狀態(tài)只要是鼠標(biāo)放上去之后惩琉,就會(huì)存在豆励。

這能夠反饋給用戶(hù)的信息就是:您的操作正確,喜歡的話(huà)就點(diǎn)下去吧瞒渠。

二良蒸、環(huán)境貼切原則

網(wǎng)頁(yè)的一切表現(xiàn)和表述,應(yīng)該盡可能貼近用戶(hù)所在的環(huán)境(年齡伍玖、學(xué)歷嫩痰、文化、時(shí)代背景)窍箍,而不要使用第二世界的語(yǔ)言串纺。

《iPhone人機(jī)交互指南》里提到的隱喻與擬物化是很好的實(shí)踐。此外椰棘,還應(yīng)該使用易懂和約定俗成的表達(dá)纺棺。

舉例:CSDN在網(wǎng)頁(yè)的表現(xiàn)和表述上,主要是使用擬物化的方法來(lái)表述的邪狞。

第一:這種方法不僅簡(jiǎn)便而且還易懂祷蝌。

第二:這里面用的擬物化的方法,

比如寫(xiě)作這個(gè)模塊帆卓,這里并沒(méi)有用漢字來(lái)表達(dá)巨朦,而是用了一個(gè)書(shū)寫(xiě)的圖標(biāo)來(lái)表示,能夠讓人聯(lián)想到奮筆疾書(shū)的感覺(jué)剑令。

三糊啡、撤銷(xiāo)重做原則

為了避免用戶(hù)的誤用和誤擊,網(wǎng)頁(yè)應(yīng)提供撤銷(xiāo)和重做功能吁津。

舉例:csdn上面悔橄,我沒(méi)有找到比較具體的案例,所以采用了360極速瀏覽器為例說(shuō)明,在左上角的按鈕中癣疟,有一個(gè)撤銷(xiāo)的按鈕挣柬,如果是誤操作導(dǎo)致的頁(yè)面關(guān)閉,這時(shí)候可以點(diǎn)擊它恢復(fù)原來(lái)的頁(yè)面睛挚,如果是瀏覽器直接被關(guān)閉的話(huà)邪蛔,那么可以通過(guò)撤銷(xiāo)來(lái)恢復(fù)所有誤關(guān)閉的頁(yè)面。

四扎狱、一致性原則

同一用語(yǔ)侧到、功能、操作保持一致淤击。

舉例:CSDN上鼠標(biāo)按鈕懸浮在寫(xiě)作按鈕上匠抗,會(huì)自動(dòng)單出一個(gè)選框,這里面有6個(gè)按鈕污抬,在文字描述上汞贸,而且文字之前還有圖標(biāo)。

讓人眼前一亮的是印机,每個(gè)圖標(biāo)都是符合后面文字的矢腻,比如創(chuàng)建代碼片,用的是代碼里面標(biāo)簽的圖標(biāo)射赛。能夠讓人直觀的看出每個(gè)按鈕的用途多柑。

五、防錯(cuò)原則

通過(guò)網(wǎng)頁(yè)的設(shè)計(jì)楣责、重組或特別安排竣灌,防止用戶(hù)出錯(cuò)。

舉例:在寫(xiě)代碼片的頁(yè)面內(nèi)秆麸,點(diǎn)擊[刪除代碼片]后帐偎,會(huì)彈出一個(gè)對(duì)話(huà)框,讓你確認(rèn)是否刪除文章蛔屹,在網(wǎng)頁(yè)上官方設(shè)計(jì)的時(shí)候給[確認(rèn)]按鈕填充了醒目的藍(lán)色削樊,多重防止誤操作。

六兔毒、易取原則

好記性不如爛筆頭漫贞。盡可能減少用戶(hù)回憶負(fù)擔(dān),把需要記憶的內(nèi)容擺上臺(tái)面育叁。

示例五中的圖片也說(shuō)明了這個(gè)原則的重要性迅脐,一個(gè)確認(rèn)對(duì)話(huà)框很好的減少了用戶(hù)的回憶負(fù)擔(dān)。

七豪嗽、靈活高效原則

中級(jí)用戶(hù)的數(shù)量遠(yuǎn)高于初級(jí)和高級(jí)用戶(hù)數(shù)谴蔑。為大多數(shù)用戶(hù)設(shè)計(jì)豌骏,不要低估,也不可輕視隐锭,保持靈活高效窃躲。

示例:在CSDN中,用戶(hù)擁有[富文本編輯器]钦睡、[Markdown編輯器]蒂窒、[XHTML語(yǔ)言],這樣滿(mǎn)足了由基礎(chǔ)到高不同層次的用戶(hù)的需求荞怒,[富文本編輯器]滿(mǎn)足了基礎(chǔ)用戶(hù)的需求洒琢,不需要記住太多的語(yǔ)法,一樣可以編寫(xiě)文章褐桌,而高層次的用戶(hù)可以使用三種方法來(lái)完成自己編寫(xiě)文章的需求衰抑。如果只有[XHTML語(yǔ)言]的話(huà),無(wú)疑會(huì)流失大量的用戶(hù)荧嵌。

八呛踊、易掃原則

互聯(lián)網(wǎng)用戶(hù)瀏覽網(wǎng)頁(yè)的動(dòng)作不是讀,不是看完丽,而是掃恋技。易掃拇舀,意味著突出重點(diǎn)逻族,弱化和剔除無(wú)關(guān)信息。

示例:在CSDN中執(zhí)行刪除代碼片的操作骄崩,點(diǎn)擊[刪除]后聘鳞,會(huì)出現(xiàn)彈出提示是否刪除的對(duì)話(huà)框,在對(duì)話(huà)框中點(diǎn)擊[刪除]后要拂,沒(méi)有提示出現(xiàn)抠璃,因?yàn)橐呀?jīng)讓用戶(hù)確認(rèn)是否刪除,而用戶(hù)確認(rèn)刪除之后可不宜用任何提示了脱惰,CSDN在這方面剔除了無(wú)關(guān)信息搏嗡。

九、容錯(cuò)原則

幫助用戶(hù)從錯(cuò)誤中恢復(fù)拉一,將損失降到最低采盒。如果無(wú)法自動(dòng)挽回,則提供詳盡的說(shuō)明文字和指導(dǎo)方向蔚润,而非代碼磅氨,比如404。

示例:CSDN中關(guān)鍵詞未找到的話(huà)嫡纠,會(huì)顯示一下頁(yè)面烦租,頁(yè)面上有一個(gè)放大鏡的圖標(biāo)延赌,并且提供了原因、建議叉橱、和知道方向挫以,并非直接使用404代碼。

十赏迟、人性化幫助原則

幫助性提示最好的方式是:1屡贺、無(wú)需提示;2锌杀、一次性提示甩栈;3、常駐提示糕再;4量没;幫助文檔。

示例:CSDN中在文檔方面突想,用戶(hù)肯定會(huì)出現(xiàn)一些對(duì)問(wèn)答的規(guī)則不太明確的用戶(hù)殴蹄,所以在右方有一個(gè)幫助文檔。

而且在用戶(hù)編寫(xiě)文檔時(shí)最先出現(xiàn)的編輯器是[富文本編輯器]猾担,能夠滿(mǎn)足所有用戶(hù)的編輯要求袭灯,

技術(shù)更高的用戶(hù)還可以根據(jù)自身的要求改變編輯器。

Lzer0

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末绑嘹,一起剝皮案震驚了整個(gè)濱河市稽荧,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌工腋,老刑警劉巖姨丈,帶你破解...
    沈念sama閱讀 219,039評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異擅腰,居然都是意外死亡蟋恬,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,426評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)趁冈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)歼争,“玉大人,你說(shuō)我怎么就攤上這事渗勘°迦蓿” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,417評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵呀邢,是天一觀的道長(zhǎng)洒沦。 經(jīng)常有香客問(wèn)我,道長(zhǎng)价淌,這世上最難降的妖魔是什么申眼? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,868評(píng)論 1 295
  • 正文 為了忘掉前任瞒津,我火速辦了婚禮,結(jié)果婚禮上括尸,老公的妹妹穿的比我還像新娘巷蚪。我一直安慰自己,他們只是感情好濒翻,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,892評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布屁柏。 她就那樣靜靜地躺著,像睡著了一般有送。 火紅的嫁衣襯著肌膚如雪淌喻。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,692評(píng)論 1 305
  • 那天雀摘,我揣著相機(jī)與錄音裸删,去河邊找鬼。 笑死阵赠,一個(gè)胖子當(dāng)著我的面吹牛涯塔,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播清蚀,決...
    沈念sama閱讀 40,416評(píng)論 3 419
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼匕荸,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了枷邪?” 一聲冷哼從身側(cè)響起榛搔,我...
    開(kāi)封第一講書(shū)人閱讀 39,326評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎齿风,沒(méi)想到半個(gè)月后药薯,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體绑洛,經(jīng)...
    沈念sama閱讀 45,782評(píng)論 1 316
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡救斑,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,957評(píng)論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了真屯。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片脸候。...
    茶點(diǎn)故事閱讀 40,102評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖绑蔫,靈堂內(nèi)的尸體忽然破棺而出运沦,到底是詐尸還是另有隱情,我是刑警寧澤配深,帶...
    沈念sama閱讀 35,790評(píng)論 5 346
  • 正文 年R本政府宣布携添,位于F島的核電站,受9級(jí)特大地震影響篓叶,放射性物質(zhì)發(fā)生泄漏烈掠。R本人自食惡果不足惜羞秤,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,442評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望左敌。 院中可真熱鬧瘾蛋,春花似錦、人聲如沸矫限。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,996評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)叼风。三九已至取董,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間无宿,已是汗流浹背甲葬。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,113評(píng)論 1 272
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留懈贺,地道東北人经窖。 一個(gè)月前我還...
    沈念sama閱讀 48,332評(píng)論 3 373
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像梭灿,于是被迫代替她去往敵國(guó)和親画侣。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,044評(píng)論 2 355

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

  • 尼爾森十大交互原則 以CSDN網(wǎng)頁(yè)為例堡妒,解釋尼爾森十大交互原則配乱。 一、狀態(tài)可見(jiàn)原則 用戶(hù)在網(wǎng)頁(yè)上的任何操作皮迟,不論是...
    Lzer0閱讀 9,461評(píng)論 0 17
  • 首先我是一個(gè)產(chǎn)品經(jīng)理搬泥,關(guān)于產(chǎn)品經(jīng)理的定義,比較寬泛伏尼,所以很多人都自稱(chēng)產(chǎn)品經(jīng)理忿檩。 今天看到了尼爾森的交互原則,然后自...
    藍(lán)軼辰閱讀 716評(píng)論 0 1
  • 1爆阶、通過(guò)CocoaPods安裝項(xiàng)目名稱(chēng)項(xiàng)目信息 AFNetworking網(wǎng)絡(luò)請(qǐng)求組件 FMDB本地?cái)?shù)據(jù)庫(kù)組件 SD...
    陽(yáng)明先生_X自主閱讀 15,982評(píng)論 3 119
  • 原則一:狀態(tài)可感知 系統(tǒng)應(yīng)該讓用戶(hù)時(shí)刻清楚當(dāng)前發(fā)生了什么事情燥透,也就是快速的讓用戶(hù)了解自己處于何種狀態(tài)、對(duì)過(guò)去發(fā)生辨图、...
    pmriver閱讀 821評(píng)論 0 1
  • 一班套、狀態(tài)可見(jiàn)原則 用戶(hù)在網(wǎng)頁(yè)上的任何操作,不論是單擊故河、滾動(dòng)還是按下鍵盤(pán)吱韭,頁(yè)面應(yīng)即時(shí)給出反饋∮愕模“即時(shí)”是指理盆,頁(yè)面響應(yīng)...
    懂項(xiàng)目管理的分析師閱讀 2,850評(píng)論 0 0