30:交互設(shè)計操作指南(網(wǎng)易)

一、需要優(yōu)化什么 (Considerations)

“設(shè)計原則的主要目的之一就是優(yōu)化用戶的產(chǎn)品體驗。對于生產(chǎn)工具和其他非娛樂導向的產(chǎn)品而言偶器,這意味著將工作負荷降至最低觉壶∧蕴猓”——《交互設(shè)計精髓》

行為和界面層面的設(shè)計原則告訴我們,應(yīng)該為降低用戶的工作負荷而設(shè)計铜靶。但是我們常常不夠貼心叔遂,不知不覺就對用戶設(shè)下了種種考驗他炊,讓他們抓狂:

1.視覺負擔 visual work

?需要分解布局

?需要區(qū)分內(nèi)容層次

?需要區(qū)分視覺元素

?需要努力定位目標信息

?需要識別閱讀起點

?需要經(jīng)常變換視線

?視覺流被干擾、打斷

2.認知負擔 cognitive work

?需要理解不熟悉的概念和模式

?需要理解冗長已艰、生澀的文本內(nèi)容

?需要理解混亂的結(jié)構(gòu)和布局

?需要理解模棱兩可的操作

?需要猜測系統(tǒng)狀態(tài)痊末、行為、結(jié)果

3.記憶負擔 memory work

?需要記住對象的各種屬性(名字哩掺、位置凿叠、大小、顏色)

?需要記住對象的關(guān)聯(lián)

?需要記住操作的命令嚼吞、步驟盒件、結(jié)果

?需要記住以往的操作

4.物理負擔 physical work

?需要長距離移動鼠標

?需要進行(多次)點擊

?需要執(zhí)行不同的鼠標手勢

?需要多種操作組合

?需要切換輸入模式

?需要進出不同的頁面/區(qū)域

?需要長時間等待

二、優(yōu)化目標 (Goal)

仔細檢查已有的設(shè)計舱禽,或多或少總是能發(fā)現(xiàn)問題炒刁。在解決問題之前,我們應(yīng)該清楚要往什么方向進行優(yōu)化:

1.基于可用性的目標

?易于識別/定位/閱讀

?易于理解/學習/記憶

?易于操作

優(yōu)化的最重要的目的誊稚,是讓產(chǎn)品更好用翔始,

使設(shè)計符合Jakob Nielsen的十條可用性準則

?通過有效的反饋信息提供顯著的系統(tǒng)狀態(tài)

?符合用戶的真實世界

?用戶自由控制權(quán)

?一致性和標準性

?預(yù)防出錯

?識別而不是回憶

?靈活、便捷的使用

?美觀里伯,精簡的設(shè)計

?協(xié)助用戶認識城瞎,分析和改正錯誤

?幫助和說明

2.基于產(chǎn)品的目標

需要根據(jù)不同產(chǎn)品進行定義。例如疾瓮,對于快速注冊流程的優(yōu)化全谤,目的是讓用戶用最方便完成注冊進入目標頁面,優(yōu)化目標可能是最小化輸入爷贫、最短等待時間等认然。

三、快速檢查清單 (Check list)

為了達到優(yōu)化的目標漫萄,整理了一個簡易的checklist卷员,方便在走查時對架構(gòu)、布局腾务、內(nèi)容毕骡、行為四個方面對照檢查:

1.架構(gòu)和導航Architecture and navigation

?是否采用了用戶熟悉或容易理解的結(jié)構(gòu)?

?是否能識別當前在網(wǎng)站中的位置岩瘦?

?是否能清晰表達頁面之間的結(jié)構(gòu)未巫?

?是否能快速回到首頁/主要頁面?

?鏈接名稱與頁面名稱是否相對應(yīng)启昧?

?當前頁面的結(jié)構(gòu)和布局是否清晰叙凡?

2.布局和設(shè)計Layout and design

?是否采用了用戶熟悉的界面元素和控件?

?界面元素和控件的文字密末、位置握爷、布局跛璧、分組、大小新啼、顏色追城、形狀等是否合理、容易識別燥撞、一致座柱?

?界面元素/控件之間的關(guān)系是否表達正確?

?主要操作/閱讀區(qū)域的視線是否流暢物舒?

?其他文本(稱謂色洞、提示語、提供反饋)是否一致茶鉴?

3.內(nèi)容和可讀性Content and readability

?文字內(nèi)容的交流對象是用戶嗎?

?語言是否簡潔景用、易懂涵叮、禮貌?

?內(nèi)容表達的含義是否一致伞插?

?重要內(nèi)容是否處于顯著位置割粮?

?是否在需要時提供必要的信息?

?是否有干擾視線和注意力的元素媚污?

?

4.行為和互動Behavior and interaction

?是否告知舀瓢、引導用戶可以做什么?

?是否告知需要進行哪些步驟耗美?

?是否告知需要多少時間完成京髓?

?是否告知第一步做什么?

?是否告知輸入/操作限制商架?

?是否有必要的系統(tǒng)/用戶行為反饋堰怨?

?是否允許必要的撤銷操作?

?是否頁面上所有操作都必須由用戶完成蛇摸?

?是否已將操作步驟备图、點擊次數(shù)減至最少?

?是否所有跳轉(zhuǎn)都是必須的(無法在當前頁面呈現(xiàn))赶袄?

可用性測試檢查表揽涮,如普渡大學可用性測試檢查列表

四、確定優(yōu)先級 (Priority)

當我們通過checklist將需要優(yōu)化的問題篩選出來以后饿肺,可以根據(jù)問題的嚴重性和解決的問題的成本(時間蒋困、人力等)來綜合考慮問題的優(yōu)先級,例如敬辣,問題嚴重性得分高而且優(yōu)化成本低的問題家破,應(yīng)該優(yōu)先解決颜说。

五、小結(jié)

Considerations:為降低用戶的視覺負擔汰聋、認知負擔门粪、記憶負擔以及物理負擔而優(yōu)化設(shè)計

Goal:使設(shè)計易于識別/定位/閱讀,易于理解/學習/記憶烹困,易于操作玄妈,符合可用性原則和產(chǎn)品目標

Priority:根據(jù)問題的嚴重性和成本綜合考慮,優(yōu)先解決嚴重且成本低的問題髓梅。



Reference

1.《About Face3:交互設(shè)計精髓》

2.《人機交互:以用戶為中心的設(shè)計和評估》

3.Ten Usability Heuristics

4.Purdue Usability Testing Questionnaire

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末拟蜻,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子枯饿,更是在濱河造成了極大的恐慌酝锅,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件奢方,死亡現(xiàn)場離奇詭異搔扁,居然都是意外死亡,警方通過查閱死者的電腦和手機蟋字,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進店門稿蹲,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人鹊奖,你說我怎么就攤上這事苛聘。” “怎么了忠聚?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵设哗,是天一觀的道長。 經(jīng)常有香客問我两蟀,道長熬拒,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任垫竞,我火速辦了婚禮澎粟,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘欢瞪。我一直安慰自己活烙,他們只是感情好,可當我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布遣鼓。 她就那樣靜靜地躺著啸盏,像睡著了一般。 火紅的嫁衣襯著肌膚如雪骑祟。 梳的紋絲不亂的頭發(fā)上回懦,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天气笙,我揣著相機與錄音,去河邊找鬼怯晕。 笑死潜圃,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的舟茶。 我是一名探鬼主播谭期,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼吧凉!你這毒婦竟也來了隧出?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤阀捅,失蹤者是張志新(化名)和其女友劉穎胀瞪,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體饲鄙,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡凄诞,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了傍妒。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片幔摸。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡摸柄,死狀恐怖颤练,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情驱负,我是刑警寧澤嗦玖,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站跃脊,受9級特大地震影響宇挫,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜酪术,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一器瘪、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧绘雁,春花似錦橡疼、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至挪略,卻和暖如春历帚,著一層夾襖步出監(jiān)牢的瞬間滔岳,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工挽牢, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留谱煤,地道東北人。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓卓研,卻偏偏與公主長得像趴俘,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子奏赘,可洞房花燭夜當晚...
    茶點故事閱讀 42,792評論 2 345

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