二 產(chǎn)品原型
主要執(zhí)行人員:UI、UE、需求部門 需溝通人員:程序部、銷售部
在產(chǎn)品原型方面,主要指的是黑白稿或線稿,除了顏色基本采用黑白的形式,最終出的產(chǎn)品原型將會和實際產(chǎn)品沒區(qū)別。這個環(huán)節(jié)會擬定出產(chǎn)品頁面的寬度,廣告的形式,導航基本樣式,各內(nèi)容的區(qū)域的表現(xiàn)形式等…
當經(jīng)過可行性評估階段后,產(chǎn)品經(jīng)理的思路和自己也基本達成共識,接下來將進行原型設(shè)計,我將主要分為三個步驟來實現(xiàn):
1) 紙稿
一般情況下結(jié)構(gòu)圖都是采用word文檔描繪,我選擇筆和紙的方式,主要還是比較方便、易修改,有任何突發(fā)的思路只需要擦一下,就可以直接在已有的基礎(chǔ)上進行調(diào)整,由于之前的討論沒有實物參照,在這個環(huán)節(jié)你一定會發(fā)現(xiàn)更多有趣的問題。
2) 線稿、黑白稿
當紙稿確定后,則由UI或UE使用做繪圖工具來描繪黑白稿(我主要使用Photoshop來進行這個步驟,跟據(jù)個人習慣不同,大家的方式也有所區(qū)別,比如淘寶UED Team及Baidu UE更多的則采用線稿的形式)。也許是做UI的原因,我習慣還是采用黑白稿,方便界面設(shè)計,在結(jié)構(gòu)上也會精確到像素,比如:導航高度40px.頭條采用20px黑體,圖片規(guī)格:104x85px,頁面的各區(qū)域的留白為5px…等等,只有這樣才會發(fā)現(xiàn)更多細節(jié)上的問題,當然到界面設(shè)計的同時你也會嘗到更多的甜頭。
3) 原型
完成以上的二個步驟后,產(chǎn)品的基本功能,結(jié)構(gòu),規(guī)范都已經(jīng)大致成型.這時你可以叫上程序部、銷售部及需求部門產(chǎn)品經(jīng)理,在白板上對著黑白稿做最終的討論。經(jīng)過二次、三次調(diào)整,最終定下完整的產(chǎn)品原型。
另外,值得提的一點是,在產(chǎn)品原型未確定前,千萬別急著去做界面設(shè)計,因為之前的討論主要會通過白板、Word或紙稿。在原型未確定前,有很多潛在的問題表現(xiàn)不是很直白,比如:"窄了、窄了,完了,新聞列表只能放八個字"、"廣告放不下了"、"數(shù)據(jù)提不出來,目前沒這個接口…"。如果提前進入界面設(shè)計的環(huán)節(jié),一但有問題,就意味著重新又需要找產(chǎn)品經(jīng)理、技術(shù)部、銷售進行再次溝通,這個步驟是很煩瑣的,也會讓人很郁悶的。
出處:藍色理想
責任編輯:moby
上一頁 天極產(chǎn)品設(shè)計流程 [1] 下一頁 天極產(chǎn)品設(shè)計流程 [3]
|