具體頁面布局,在不與總布局沖突的情況下,有更細(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)出來?梢杂械捅U婧透弑U嬖蛨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://m.95time.cn/design/doc/2010/7898.asp
出處:百度泛用戶體驗(yàn)
責(zé)任編輯:bluehearts
上一頁 交互設(shè)計(jì)的方法 [3] 下一頁
|