交互設(shè)計(jì)優(yōu)化
從設(shè)計(jì)圖到原型的誕生，是一個(gè)復(fù)雜而又有趣的過程。首先我們怎么完成復(fù)雜的設(shè)計(jì)圖呢？前期的市場調(diào)研與需求分析為我們提供了第一手好資料，接下來我們要把這些資料逐條分析并提煉需求要點(diǎn)。在頭腦風(fēng)暴討論中，交互設(shè)計(jì)師要與產(chǎn)品設(shè)計(jì)師、需求分析師等一起參加設(shè)計(jì)圖創(chuàng)建的討論。在討論中確定商業(yè)需求范圍、產(chǎn)品需求邏輯、產(chǎn)品規(guī)范等，最后總結(jié)出一份過程文檔。它可能是BRD或FRD，它將是紙上原型的設(shè)計(jì)指導(dǎo)書。
當(dāng)交互設(shè)計(jì)師拿到這個(gè)過程文檔后，就可以創(chuàng)建設(shè)計(jì)圖中的邏輯架構(gòu)圖和任務(wù)操作流程圖了。在創(chuàng)建邏輯架構(gòu)圖時(shí)，可以選擇Camp Tools或Illustrator制作，當(dāng)然也有人選擇Mind Manage制作。不管選用哪一種制作工具只要能把邏輯架構(gòu)表達(dá)清晰即可，這里就不再贅述每種工具的使用方法和優(yōu)缺點(diǎn)了。同時(shí)，交互設(shè)計(jì)師要始終以信息架構(gòu)的原則來創(chuàng)建邏輯架構(gòu)圖，確保邏輯信息的完整性、表達(dá)信息的一致性、架構(gòu)信息的簡潔性等。在創(chuàng)建任務(wù)操作流程圖時(shí)，通常選擇Visio制作。在用Visio制作過程中，重在表達(dá)功能點(diǎn)之間的交互，我們可以用Visio中提供的流程圖形與流程符號，來表達(dá)設(shè)計(jì)中的關(guān)鍵功能與關(guān)鍵節(jié)點(diǎn)。
在經(jīng)過紙上原型設(shè)計(jì)之后，交互設(shè)計(jì)師要與產(chǎn)品規(guī)劃師、可用性工程師迅速溝通，優(yōu)化紙上原型。交互設(shè)計(jì)師會(huì)根據(jù)紙上原型確定的功能點(diǎn)與信息框架，通過Axure制作出低保真的交互設(shè)計(jì)原型DEMO。在制作Axure交互設(shè)計(jì)原型DEMO時(shí)候，應(yīng)該注意的以下幾點(diǎn)原則：
- 用Axure頁面導(dǎo)航結(jié)構(gòu)去構(gòu)建信息架構(gòu)。
- 頁面的命名要有統(tǒng)一的規(guī)范標(biāo)準(zhǔn)。例如：一級頁面，二級頁面，過程頁面（狀態(tài)頁、結(jié)果頁）等都要有統(tǒng)一的標(biāo)準(zhǔn)。
- 避免糾結(jié)復(fù)雜的交互控件實(shí)現(xiàn)。要記得Axure是快速原型實(shí)現(xiàn)工具，并且網(wǎng)上已經(jīng)有很多成型的Axure交互設(shè)計(jì)模板可以直接調(diào)用。
- 少一點(diǎn)色彩與布局，多一點(diǎn)標(biāo)注與說明。把色彩與布局的問題留給視覺思考吧，多些減少溝通成本并可消除歧義的注釋吧。
- Axure交付物也要注意可讀性、可及性。把你的交互產(chǎn)出物移交給視覺和前端的時(shí)候，記得讓他們能很容易看懂你想傳達(dá)的東西。
- 交互設(shè)計(jì)原型不是必須生成HTML文件并能動(dòng)態(tài)交互。不一定要能動(dòng)態(tài)展示，但必須要能完整清楚傳達(dá)出你的交互過程。
最后，請交互設(shè)計(jì)師們把自己當(dāng)成真正的產(chǎn)品設(shè)計(jì)師，你們對產(chǎn)品與項(xiàng)目的責(zé)任不低于項(xiàng)目（產(chǎn)品）經(jīng)理。
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 電子商務(wù)搜索LIST頁面用戶體驗(yàn)設(shè)計(jì) [1] 下一頁 電子商務(wù)搜索LIST頁面用戶體驗(yàn)設(shè)計(jì) [3]
|
第 1 頁 
第 2 頁 電子商務(wù)搜索LIST頁面用戶體驗(yàn)設(shè)計(jì) [2]
