|
長(zhǎng)期以來(lái)我就有對(duì)幾年來(lái)交互設(shè)計(jì)的心得進(jìn)行總結(jié)整理的想法。回到中國(guó)來(lái)親身體會(huì)到不少同行，主要是交互設(shè)計(jì)師和視覺(jué)設(shè)計(jì)師對(duì)于交互設(shè)計(jì)的困惑，以及其他行業(yè)對(duì)于交互設(shè)計(jì)的誤解和濫用。后來(lái)我在小范圍內(nèi)開(kāi)設(shè)了一個(gè)關(guān)于交互設(shè)計(jì)的講座；現(xiàn)在把它整理成文，希望與同行切磋，共同進(jìn)步。
這篇文章是我?guī)啄陙?lái)在美國(guó)從事交互設(shè)計(jì)工作的一個(gè)經(jīng)驗(yàn)總結(jié)。當(dāng)時(shí)我們遵循以用戶為中心（User-Centered-Design, 簡(jiǎn)稱UCD）的設(shè)計(jì)原則，每一個(gè)項(xiàng)目都是不折不扣的按所有UCD的步驟進(jìn)行。下面總結(jié)的交互設(shè)計(jì)的方法，是從UCD的過(guò)程中提煉出來(lái)，也就是說(shuō)，同樣適用于任何非UCD的設(shè)計(jì)過(guò)程。
交互設(shè)計(jì)的流程
如果一提到交互設(shè)計(jì)，你就想到畫線框圖或原型圖，那你只對(duì)了五分之一。交互設(shè)計(jì)是一個(gè)過(guò)程，從開(kāi)始到結(jié)束有一套系統(tǒng)的流程。原型圖只是其中的一個(gè)環(huán)節(jié)。
當(dāng)接到一個(gè)設(shè)計(jì)項(xiàng)目，怎么開(kāi)始？都應(yīng)該做哪些工作？怎樣盡可能的保證交付物滿足既定的功能以及用戶體驗(yàn)層面的易用性？
第一步，是任務(wù)分析，列出界面所要完成的所有任務(wù)。第二步按各任務(wù)確定頁(yè)面流程，建立信息架構(gòu)。接下來(lái)是創(chuàng)建統(tǒng)一的頁(yè)面布局包括分區(qū)等。然后在頁(yè)面布局的基礎(chǔ)上進(jìn)行原型設(shè)計(jì)，可以是低保真和高保真的原型圖。最后編寫設(shè)計(jì)說(shuō)明。
下面以設(shè)計(jì)一款動(dòng)感相冊(cè)界面為例，逐步講解各個(gè)環(huán)節(jié)。
1. 任務(wù)分析
第一步任務(wù)分析。這里要做的是對(duì)于將要設(shè)計(jì)的這個(gè)新界面的所有任務(wù)的分析，也就是用戶在界面上能進(jìn)行的所有操作。這個(gè)分析在功能需求的基礎(chǔ)上進(jìn)行，需求方一般提供一個(gè)功能點(diǎn)的列表。
任務(wù)分析最常見(jiàn)的是任務(wù)列表，另外有任務(wù)流程和任務(wù)場(chǎng)景等。下面以任務(wù)列表為例。
列出所有主要任務(wù)，以及每個(gè)主要任務(wù)的子任務(wù)。再把子任務(wù)細(xì)分到各個(gè)步驟。形成下面這個(gè)列表。
主要任務(wù)1
子任務(wù)1
步驟1
步驟2
子任務(wù)2
步驟1
步驟2
主要任務(wù)2
…
出處：百度泛用戶體驗(yàn)
責(zé)任編輯：bluehearts
上一頁(yè) 下一頁(yè) 交互設(shè)計(jì)的方法 [2]
|
第 1 頁(yè) 交互設(shè)計(jì)的方法 [1]
第 2 頁(yè) 
