前言:本文跳過需求分析及功能規(guī)劃碟狞,直入原型設(shè)計(jì)討論律罢,此案例為商城+社區(qū)兩大功能的結(jié)合耕姊。
進(jìn)行原型設(shè)計(jì)前桶唐,需要注意的事項(xiàng):
1.完成全部的功能規(guī)劃(如圖1),對(duì)整體功能有非常透徹的把握茉兰,原型設(shè)計(jì)時(shí)尤泽,盡量保證不要修改功能規(guī)劃,因?yàn)橐?guī)劃變更后规脸,相應(yīng)原型頁面更改成本較高坯约。
2.對(duì)功能契合度較高的競(jìng)品有透徹體驗(yàn),包括各個(gè)交互及板塊設(shè)置莫鸭,了解利弊闹丐;創(chuàng)新板塊的設(shè)計(jì)需要考慮易用性。
3.選擇適合自己的工具被因,Axure卿拴、Visio、Xd等都能滿足設(shè)計(jì)需求梨与。
原型設(shè)計(jì)時(shí)堕花,需要注意的事項(xiàng):
1.分清主次,根據(jù)一般交互原則蛋欣,規(guī)劃首頁(主要板塊)航徙,這一步直接影響到整體規(guī)劃,可以做多版草圖進(jìn)行比對(duì)及深入討論陷虎,最終定稿到踏。
2.首頁完成后,根據(jù)功能規(guī)劃尚猿,逐步仔細(xì)完成其余頁面窝稿,需要考慮到所有頁面控件被點(diǎn)擊的情況,萬不可疏忽凿掂,因?yàn)樵统尚螢楫a(chǎn)品時(shí)伴榔,必須完善所有情況纹蝴,后期新增功能或頁面,不論是設(shè)計(jì)圖制作踪少、程序制作還是在線更新塘安,都會(huì)遇到意想不到阻力。
3.設(shè)計(jì)每個(gè)頁面時(shí)援奢,首先自己畫出理想情況下的頁面兼犯,完成并且自己認(rèn)可后,再與競(jìng)品進(jìn)行對(duì)比分析集漾,發(fā)現(xiàn)問題及時(shí)改正切黔,這樣在和其他人過原型設(shè)計(jì)時(shí),就更有自信說服他人了:D
4.模板與配色盡量選擇單調(diào)一點(diǎn)具篇,畢竟不是設(shè)計(jì)稿纬霞,原型需要突出功能規(guī)劃及交互設(shè)計(jì),視覺呈現(xiàn)盡量平淡驱显。
注:案例制作過程使用了Axure及MindNode工具