|
具體頁面布局，在不與總布局沖突的情況下，有更細(xì)節(jié)的布局。
頁面布局賦予零碎的內(nèi)容以邏輯性，以分區(qū)的形式把頁面各區(qū)域所對(duì)應(yīng)的功能區(qū)確定下來，減少具體設(shè)計(jì)時(shí)的隨意性。這是設(shè)計(jì)嚴(yán)謹(jǐn)與否的表現(xiàn)所在。把類似的操作放在一起，對(duì)于用戶來說是可以預(yù)見的，用戶能夠判斷哪個(gè)操作在哪個(gè)區(qū)域，減少盲目尋找?guī)淼睦щy和疑惑。
4. 原型設(shè)計(jì)
這一步是大家熟知的，即具體頁面的設(shè)計(jì)。這一步設(shè)計(jì)把所有的界面元素表現(xiàn)出來�？梢杂械捅Ｕ婧透弑Ｕ嬖蛨D。低保真即是線框圖，高保真多是接近最終效果圖。
下面是動(dòng)感相冊(cè)的低保真原型圖。
5. 設(shè)計(jì)說明
最后一步需要做的是對(duì)所有頁面進(jìn)行詳細(xì)的描述，包括對(duì)頁面上所有元素進(jìn)行說明，比如默認(rèn)狀態(tài)，跳轉(zhuǎn)頁面，字號(hào)字體，尺寸等。這里就不解釋了。這是交給開發(fā)人員的文檔，以及測(cè)試人員進(jìn)行測(cè)試的依據(jù)。
小結(jié)
交互設(shè)計(jì)是一個(gè)過程，它不僅僅是畫線框圖。交互設(shè)計(jì)最關(guān)鍵的兩個(gè)環(huán)節(jié)是頁面流程和頁面布局，前者建立清晰的架構(gòu)和嚴(yán)密的邏輯，后者整合零散的信息并確定分明的主次關(guān)系。這一切都是為了我們的終極目標(biāo)——讓我們的界面符合用戶的預(yù)期，不帶給他們?nèi)魏蔚囊馔�。一切都在用戶的意料之中�?/p>
原文：http://www.baiduux.com/blog/2010/08/03/interaction_design/
本文鏈接：http://www.95time.cn/design/doc/2010/7898.asp 
出處：百度泛用戶體驗(yàn)
責(zé)任編輯：bluehearts
上一頁 交互設(shè)計(jì)的方法 [3] 下一頁
|
第 1 頁 
第 4 頁 交互設(shè)計(jì)的方法 [4]
