一道批、狀態(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