天極產(chǎn)品設(shè)計(jì)流程(3)_網(wǎng)頁設(shè)計(jì)教程
推薦:交互行為三部曲臭魚的blog:www.chouyu.com.cn之所以會出現(xiàn)“交互設(shè)計(jì)”這個詞兒,很大程度上是alancooper想?yún)^(qū)別于以往的界面視覺效果設(shè)計(jì),重新定義一下基于電腦的軟件設(shè)
三 產(chǎn)品界面設(shè)計(jì)
主要執(zhí)行人員:UI、UE、需求部門
需溝通人員:UID、SEO
目前產(chǎn)品的雛形已基至的本成型,雖然還沒華麗的外衣,但凹凸有至身型已隱約可見。下一步將進(jìn)入界面設(shè)計(jì)階段.設(shè)計(jì)師們也將再次體會到黑白稿給他帶來的各種便利.
1) UI
我的習(xí)慣是,主要針對首頁進(jìn)行風(fēng)格設(shè)計(jì),并出3-4套界面,最終挑選出2套左右提交給需求部門,同時也會指出自己最滿足一套,和需求部門進(jìn)行二,三次碰撞后,最終拿出定稿。
更多請?jiān)L問:http://www.webdoc.com.cn/demo/p/
2) UE
UE則開始針對原型進(jìn)行操作上的優(yōu)化調(diào)整,召集用戶并組織頭腦風(fēng)暴,收集到相關(guān)意見后,由UE整理出交互及用戶體驗(yàn)方面改善意見,并反饋給UI及需求部門。比如:"這個文字需要加下劃線"、"按鈕上不要加樣式,反而沒有點(diǎn)擊的欲望了…"。
3) UID
UID即開始著手預(yù)備制作方面相關(guān)文檔.并提出實(shí)現(xiàn)方面的意見.等待效果圖最終確定后,則開始相關(guān)代碼的編制(CSS DIV、AJAX、Java)。
4) SEO
SEO則根據(jù)原型提出搜索引擎優(yōu)化的意見,為制作階段代碼優(yōu)化做預(yù)備.
這個階段一定要保證與需求部門溝通到位,當(dāng)產(chǎn)品界面最終定稿后,建議再組織一次討論,這次用戶面對著是實(shí)實(shí)在在的產(chǎn)品,所感受會和之前有所不同.對產(chǎn)品效果上來說,這次的討論也會有不少收獲。
四 界面設(shè)計(jì)規(guī)范及功能實(shí)現(xiàn)
主要執(zhí)行人員:UI、UE、程序、SEO
需溝通人員:UE、銷售
1) 設(shè)計(jì)規(guī)范
考慮到在動態(tài)實(shí)現(xiàn)方面,光憑效果圖很難直接的給予表現(xiàn),這時需要配合使用說明文檔及設(shè)計(jì)規(guī)范規(guī)范來做輔助。比如按鈕及文字鏈在觸發(fā)前后的樣式,文字間距…。如下圖:
2) 代碼及程序開發(fā)
由UID進(jìn)行頁面的代碼開發(fā)(CSS DIV),并需嚴(yán)格參考SEO理出的相關(guān)規(guī)范,針對一些AJAX的動態(tài)效果還需要程序部人員協(xié)助完成,當(dāng)靜態(tài)HTML完成后即由技術(shù)人員進(jìn)行程序嵌套,并實(shí)現(xiàn)預(yù)期的功能。
這個階段由UI、UE全程跟蹤,保證HTML和設(shè)計(jì)稿最大限度相似前提下,對已實(shí)現(xiàn)的功能進(jìn)行測試,并出交互設(shè)計(jì)改善文檔,提交給技術(shù)人員。
五 產(chǎn)品上線
主要執(zhí)行人員:需求部門
需溝通人員:UI、UE、程序、銷售
這個階段主要是內(nèi)容的添加,主要由相關(guān)頻道編輯完成,對于軟性廣告位這塊還需要和銷售進(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ù)及意見的收集,在二周后出相關(guān)改善文檔,協(xié)調(diào)各部門進(jìn)行優(yōu)化的工作。
在產(chǎn)品設(shè)計(jì)中我基本上都是采用這套流程,也希望和大家同共探討。
這篇文章沒啥外鏈,還是來點(diǎn)吧,推薦看下 白鴉的Blog。
分享:開展全面的網(wǎng)站評估有時會被問到“看看XXX網(wǎng)站如何?”之類的問題。談到評估,通常都是指產(chǎn)品級的網(wǎng)站,假如模式很新,了解需要花一定時間。于是,很多人又問“那么你僅從UI/UE的
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會:打假,打出阿里的新未來
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費(fèi)CDN申請使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動廣告野蠻成長:75%投放在iOS平臺
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計(jì)教程-天極產(chǎn)品設(shè)計(jì)流程(3)
。

