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

