天極產品設計流程(3)_網頁設計教程
推薦:交互行為三部曲臭魚的blog:www.chouyu.com.cn之所以會出現“交互設計”這個詞兒,很大程度上是alancooper想區別于以往的界面視覺效果設計,重新定義一下基于電腦的軟件設
三 產品界面設計
主要執行人員:UI、UE、需求部門
需溝通人員:UID、SEO
目前產品的雛形已基至的本成型,雖然還沒華麗的外衣,但凹凸有至身型已隱約可見。下一步將進入界面設計階段.設計師們也將再次體會到黑白稿給他帶來的各種便利.
1) UI
我的習慣是,主要針對首頁進行風格設計,并出3-4套界面,最終挑選出2套左右提交給需求部門,同時也會指出自己最滿足一套,和需求部門進行二,三次碰撞后,最終拿出定稿。
更多請訪問:http://www.webdoc.com.cn/demo/p/
2) UE
UE則開始針對原型進行操作上的優化調整,召集用戶并組織頭腦風暴,收集到相關意見后,由UE整理出交互及用戶體驗方面改善意見,并反饋給UI及需求部門。比如:"這個文字需要加下劃線"、"按鈕上不要加樣式,反而沒有點擊的欲望了…"。
3) UID
UID即開始著手預備制作方面相關文檔.并提出實現方面的意見.等待效果圖最終確定后,則開始相關代碼的編制(CSS DIV、AJAX、Java)。
4) SEO
SEO則根據原型提出搜索引擎優化的意見,為制作階段代碼優化做預備.
這個階段一定要保證與需求部門溝通到位,當產品界面最終定稿后,建議再組織一次討論,這次用戶面對著是實實在在的產品,所感受會和之前有所不同.對產品效果上來說,這次的討論也會有不少收獲。
四 界面設計規范及功能實現
主要執行人員:UI、UE、程序、SEO
需溝通人員:UE、銷售
1) 設計規范
考慮到在動態實現方面,光憑效果圖很難直接的給予表現,這時需要配合使用說明文檔及設計規范規范來做輔助。比如按鈕及文字鏈在觸發前后的樣式,文字間距…。如下圖:
2) 代碼及程序開發
由UID進行頁面的代碼開發(CSS DIV),并需嚴格參考SEO理出的相關規范,針對一些AJAX的動態效果還需要程序部人員協助完成,當靜態HTML完成后即由技術人員進行程序嵌套,并實現預期的功能。
這個階段由UI、UE全程跟蹤,保證HTML和設計稿最大限度相似前提下,對已實現的功能進行測試,并出交互設計改善文檔,提交給技術人員。
五 產品上線
主要執行人員:需求部門
需溝通人員:UI、UE、程序、銷售
這個階段主要是內容的添加,主要由相關頻道編輯完成,對于軟性廣告位這塊還需要和銷售進行協調。完成內容添加后,由需求部門、UI、UE進行核查,在保證和內容、功能完整后,進行整體上線。
六 分析報告及優化方案
主要執行人員:UE
需溝通人員:UE、UID、程序、需求部門、 銷售
產品上線后,由UE進行數據及意見的收集,在二周后出相關改善文檔,協調各部門進行優化的工作。
在產品設計中我基本上都是采用這套流程,也希望和大家同共探討。
這篇文章沒啥外鏈,還是來點吧,推薦看下 白鴉的Blog。
分享:開展全面的網站評估有時會被問到“看看XXX網站如何?”之類的問題。談到評估,通常都是指產品級的網站,假如模式很新,了解需要花一定時間。于是,很多人又問“那么你僅從UI/UE的
- 相關鏈接:
- 教程說明:
網頁設計教程-天極產品設計流程(3)
。

