中文字幕在线观看,亚洲а∨天堂久久精品9966,亚洲成a人片在线观看你懂的,亚洲av成人片无码网站,亚洲国产精品无码久久久五月天

Web交互設(shè)計(jì)優(yōu)化的簡易check list

2019-04-03    來源:網(wǎng)易用戶體驗(yàn)設(shè)計(jì)中心

容器云強(qiáng)勢(shì)上線!快速搭建集群,上萬Linux鏡像隨意使用

“優(yōu)化已有產(chǎn)品的體驗(yàn)”,這是用戶體驗(yàn)相關(guān)崗位職責(zé)中常見的描述。我們的產(chǎn)品常常是在快速的迭代過程中不斷完善的,就像孩子生下來需要養(yǎng)育才能長大一樣,優(yōu)化已有功能/產(chǎn)品,和設(shè)計(jì)新功能/產(chǎn)品同樣重要,不可偏廢。

但是,相比實(shí)現(xiàn)新功能,已有功能的優(yōu)化總是顯得沒有那么緊迫而且很零散,導(dǎo)致了迭代優(yōu)化的計(jì)劃總是被歸入“重要不緊急”甚至是“不重要不緊急”的象限,變成了東一棒子西一榔錘的買賣。我們可以通過可用性測(cè)試來發(fā)現(xiàn)問題,但是測(cè)試往往受到時(shí)間、用戶邀約、場(chǎng)地和設(shè)備等條件的限制,可能無法進(jìn)行。更多時(shí)候,設(shè)計(jì)師需要根據(jù)一定的原則(例如可用性準(zhǔn)則)進(jìn)行走查,以快速地發(fā)現(xiàn)并解決問題。

這篇小文章關(guān)心的問題是:如果想對(duì)非娛樂導(dǎo)向產(chǎn)品已有的交互設(shè)計(jì)進(jìn)行優(yōu)化,我們

需要從哪些方面考慮

遵從什么樣的原則

如何開始檢查現(xiàn)有的設(shè)計(jì)

如何確定優(yōu)化的優(yōu)先級(jí)

而不涉及:

新功能/產(chǎn)品的交互設(shè)計(jì)過程

娛樂導(dǎo)向產(chǎn)品的設(shè)計(jì)優(yōu)化

產(chǎn)品概念、功能層次的優(yōu)化

適合每一類型產(chǎn)品的tips

具體的優(yōu)化方法

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

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

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

1.視覺負(fù)擔(dān) visual work

需要分解布局

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

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

需要努力定位目標(biāo)信息

需要識(shí)別閱讀起點(diǎn)

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

視覺流被干擾、打斷

2.認(rèn)知負(fù)擔(dān) cognitive work

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

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

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

需要理解模棱兩可的操作

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

3.記憶負(fù)擔(dān) memory work

需要記住對(duì)象的各種屬性(名字、位置、大小、顏色)

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

需要記住操作的命令、步驟、結(jié)果

需要記住以往的操作

4.物理負(fù)擔(dān) physical work

需要長距離移動(dòng)鼠標(biāo)

需要進(jìn)行(多次)點(diǎn)擊

需要執(zhí)行不同的鼠標(biāo)手勢(shì)

需要多種操作組合

需要切換輸入模式

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

需要長時(shí)間等待

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

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

1.基于可用性的目標(biāo)

易于識(shí)別/定位/閱讀

易于理解/學(xué)習(xí)/記憶

易于操作

優(yōu)化的最重要的目的,是讓產(chǎn)品更好用,使設(shè)計(jì)符合Jakob Nielsen的十條可用性準(zhǔn)則:

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

2、符合用戶的真實(shí)世界

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

4、一致性和標(biāo)準(zhǔn)性

5、預(yù)防出錯(cuò)

6、識(shí)別而不是回憶

7、靈活、便捷的使用

8、美觀,精簡的設(shè)計(jì)

9、協(xié)助用戶認(rèn)識(shí),分析和改正錯(cuò)誤

10、幫助和說明

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

需要根據(jù)不同產(chǎn)品進(jìn)行定義。例如,對(duì)于快速注冊(cè)流程的優(yōu)化,目的是讓用戶用最方便完成注冊(cè)進(jìn)入目標(biāo)頁面,優(yōu)化目標(biāo)可能是最小化輸入、最短等待時(shí)間等。

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

為了達(dá)到優(yōu)化的目標(biāo),整理了一個(gè)簡易的checklist(pdf版本下載鏈接請(qǐng)見文末),方便在走查時(shí)對(duì)架構(gòu)、布局、內(nèi)容、行為四個(gè)方面對(duì)照檢查:

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

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

¨ 是否能識(shí)別當(dāng)前在網(wǎng)站中的位置?

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

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

¨ 鏈接名稱與頁面名稱是否相對(duì)應(yīng)?

¨ 當(dāng)前頁面的結(jié)構(gòu)和布局是否清晰?

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

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

¨ 界面元素和控件的文字、位置、布局、分組、大小、顏色、形狀等是否合理、容易識(shí)別、一致?

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

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

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

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

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

¨ 語言是否簡潔、易懂、禮貌?

¨ 內(nèi)容表達(dá)的含義是否一致?

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

¨ 是否在需要時(shí)提供必要的信息?

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

4.行為和互動(dòng)Behavior and interaction

¨ 是否告知、引導(dǎo)用戶可以做什么?

¨ 是否告知需要進(jìn)行哪些步驟?

¨ 是否告知需要多少時(shí)間完成?

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

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

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

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

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

¨ 是否已將操作步驟、點(diǎn)擊次數(shù)減至最少?

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

以上只是一個(gè)不完全的清單,同學(xué)們可以根據(jù)自己的實(shí)踐經(jīng)驗(yàn)修改,也可以參考更全面、權(quán)威的可用性測(cè)試檢查表,如普渡大學(xué)可用性測(cè)試檢查列表。

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

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

五、小結(jié)

Considerations:為降低用戶的視覺負(fù)擔(dān)、認(rèn)知負(fù)擔(dān)、記憶負(fù)擔(dān)以及物理負(fù)擔(dān)而優(yōu)化設(shè)計(jì)

Goal:使設(shè)計(jì)易于識(shí)別/定位/閱讀,易于理解/學(xué)習(xí)/記憶,易于操作,符合可用性原則和產(chǎn)品目標(biāo)

Check list:交互設(shè)計(jì)快速檢查清單v1 PDF版本 Download

交互設(shè)計(jì)快速檢查清單V1 View more documents from j Lin

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

Reference

《About Face3:交互設(shè)計(jì)精髓》

《人機(jī)交互:以用戶為中心的設(shè)計(jì)和評(píng)估》

Ten Usability Heuristics

Purdue Usability Testing Questionnaire

文章來源:uedc.163.com/4308.html 轉(zhuǎn)載請(qǐng)注明出處鏈接。

標(biāo)簽: 交互設(shè)計(jì) wen設(shè)計(jì) 用戶體驗(yàn) 

版權(quán)申明:本站文章部分自網(wǎng)絡(luò),如有侵權(quán),請(qǐng)聯(lián)系:west999com@outlook.com
特別注意:本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)!
本站所提供的圖片等素材,版權(quán)歸原作者所有,如需使用,請(qǐng)與原作者聯(lián)系。

上一篇:網(wǎng)絡(luò)營銷條條大路通羅馬 介紹QQ空間營銷之道

下一篇:由產(chǎn)品經(jīng)理招人難想到的