|
三 產(chǎn)品界面設(shè)計(jì)
主要執(zhí)行人員：UI、UE、需求部門
需溝通人員：UID、SEO
目前產(chǎn)品的雛形已基至的本成型，雖然還沒(méi)華麗的外衣，但凹凸有至身型已隱約可見(jiàn)。下一步將進(jìn)入界面設(shè)計(jì)階段.設(shè)計(jì)師們也將再次體會(huì)到黑白稿給他帶來(lái)的各種便利.
1) UI
我的習(xí)慣是,主要針對(duì)首頁(yè)進(jìn)行風(fēng)格設(shè)計(jì)，并出3-4套界面,最終挑選出2套左右提交給需求部門,同時(shí)也會(huì)指出自己最滿意一套，和需求部門進(jìn)行二,三次碰撞后,最終拿出定稿。
點(diǎn)擊放大
更多請(qǐng)?jiān)L問(wèn)：http://www.webdoc.com.cn/demo/p/
2) UE
UE則開(kāi)始針對(duì)原型進(jìn)行操作上的優(yōu)化調(diào)整,召集用戶并組織頭腦風(fēng)暴,收集到相關(guān)意見(jiàn)后，由UE整理出交互及用戶體驗(yàn)方面改善意見(jiàn),并反饋給UI及需求部門。比如:"這個(gè)文字需要加下劃線"、"按鈕上不要加樣式,反而沒(méi)有點(diǎn)擊的欲望了…"。
3) UID
UID即開(kāi)始著手準(zhǔn)備制作方面相關(guān)文檔.并提出實(shí)現(xiàn)方面的意見(jiàn).等待效果圖最終確定后,則開(kāi)始相關(guān)代碼的編制(CSS+DIV、AJAX、Java)。
4) SEO
SEO則根據(jù)原型提出搜索引擎優(yōu)化的意見(jiàn),為制作階段代碼優(yōu)化做準(zhǔn)備.
這個(gè)階段一定要保證與需求部門溝通到位,當(dāng)產(chǎn)品界面最終定稿后,建議再組織一次討論,這次用戶面對(duì)著是實(shí)實(shí)在在的產(chǎn)品,所感受會(huì)和之前有所不同.對(duì)產(chǎn)品效果上來(lái)說(shuō),這次的討論也會(huì)有不少收獲。
四 界面設(shè)計(jì)規(guī)范及功能實(shí)現(xiàn)
主要執(zhí)行人員：UI、UE、程序、SEO
需溝通人員：UE、銷售
1) 設(shè)計(jì)規(guī)范
考慮到在動(dòng)態(tài)實(shí)現(xiàn)方面,光憑效果圖很難直接的給予表現(xiàn)，這時(shí)需要配合使用說(shuō)明文檔及設(shè)計(jì)規(guī)范規(guī)范來(lái)做輔助。比如按鈕及文字鏈在觸發(fā)前后的樣式,文字間距…。如下圖：
2) 代碼及程序開(kāi)發(fā)
由UID進(jìn)行頁(yè)面的代碼開(kāi)發(fā)（CSS+DIV），并需嚴(yán)格參考SEO理出的相關(guān)規(guī)范，針對(duì)一些AJAX的動(dòng)態(tài)效果還需要程序部人員協(xié)助完成，當(dāng)靜態(tài)HTML完成后即由技術(shù)人員進(jìn)行程序嵌套，并實(shí)現(xiàn)預(yù)期的功能。
這個(gè)階段由UI、UE全程跟蹤，保證HTML和設(shè)計(jì)稿最大限度相似前提下，對(duì)已實(shí)現(xiàn)的功能進(jìn)行測(cè)試，并出交互設(shè)計(jì)改善文檔，提交給技術(shù)人員。
五 產(chǎn)品上線
主要執(zhí)行人員：需求部門
需溝通人員：UI、UE、程序、銷售
這個(gè)階段主要是內(nèi)容的添加，主要由相關(guān)頻道編輯完成，對(duì)于軟性廣告位這塊還需要和銷售進(jìn)行協(xié)調(diào)。完成內(nèi)容添加后，由需求部門、UI、UE進(jìn)行核查，在保證和內(nèi)容、功能完整后，進(jìn)行整體上線。
六 分析報(bào)告及優(yōu)化方案
主要執(zhí)行人員：UE
需溝通人員：UE、UID、程序、需求部門、 銷售
產(chǎn)品上線后，由UE進(jìn)行數(shù)據(jù)及意見(jiàn)的收集，在二周后出相關(guān)改善文檔，協(xié)調(diào)各部門進(jìn)行優(yōu)化的工作。
在產(chǎn)品設(shè)計(jì)中我基本上都是采用這套流程，也希望和大家同共探討。
這篇文章沒(méi)啥外鏈，還是來(lái)點(diǎn)吧，推薦看下 白鴉的Blog。
本文鏈接：http://m.95time.cn/design/doc/2007/4972.asp 
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁(yè) 天極產(chǎn)品設(shè)計(jì)流程 [2] 下一頁(yè)
|
第 1 頁(yè) 
第 3 頁(yè) 天極產(chǎn)品設(shè)計(jì)流程 [3]
