|
頁(yè)面流程是上一步任務(wù)分析的自然轉(zhuǎn)化。一般來(lái)說(shuō)，一個(gè)主要任務(wù)就是一個(gè)頁(yè)面，其它子任務(wù)也可以轉(zhuǎn)化為頁(yè)面。
以動(dòng)感相冊(cè)為例，頁(yè)面流程如下：
頁(yè)面幾乎是把任務(wù)分析照搬過(guò)來(lái)了。所以上一步做好了，這一步很輕松，而且越往后越輕松。
注意這個(gè)流程圖應(yīng)該包括所有將要設(shè)計(jì)的新頁(yè)面，一個(gè)不少，一個(gè)不多。它不僅確定頁(yè)面內(nèi)容，頁(yè)面數(shù)量，還確定各頁(yè)面之間的關(guān)系。如果在后來(lái)設(shè)計(jì)具體頁(yè)面原型時(shí)，發(fā)現(xiàn)這個(gè)流程圖多了或少了頁(yè)面，或者頁(yè)面關(guān)系發(fā)生了變化，說(shuō)明你的功夫不到家（這個(gè)比較難，我一般不苛求我們的設(shè)計(jì)師）。根據(jù)原型圖來(lái)創(chuàng)建或者修改頁(yè)面流程圖，不是在做設(shè)計(jì)，而是在寫(xiě)設(shè)計(jì)說(shuō)明。
3. 頁(yè)面布局
第三步頁(yè)面布局是具體頁(yè)面設(shè)計(jì)的開(kāi)始，在上一步知道有哪些頁(yè)面需要進(jìn)行設(shè)計(jì)后，這里對(duì)頁(yè)面進(jìn)行劃分，對(duì)內(nèi)容進(jìn)行組織。最重要的一點(diǎn)是確定頁(yè)面分區(qū)。
以動(dòng)感相冊(cè)為例，頁(yè)面布局如下：
總布局，即通用布局，適合所有頁(yè)面。
出處：百度泛用戶體驗(yàn)
責(zé)任編輯：bluehearts
上一頁(yè) 交互設(shè)計(jì)的方法 [2] 下一頁(yè) 交互設(shè)計(jì)的方法 [4]
|
第 1 頁(yè) 
第 3 頁(yè) 交互設(shè)計(jì)的方法 [3]
