產(chǎn)品設(shè)計(jì)方法與流程

1、整理ppt網(wǎng)絡(luò)產(chǎn)品設(shè)計(jì)流程工業(yè)設(shè)計(jì)0804班鄧蓉蓉指導(dǎo)老師蘇莎整理ppt設(shè)計(jì)流程概述： 大多數(shù)產(chǎn)品都是由需求部門提出,當(dāng)項(xiàng)目完成審批流程后,就會(huì)交由產(chǎn)品負(fù)責(zé)人直接和我們(目前UE還處于起步階段，大部分設(shè)計(jì)師主要扮演UI及兼任UE的職責(zé))進(jìn)行溝通,進(jìn)行可行性評(píng)估,經(jīng)過N次討論后確定結(jié)構(gòu)、風(fēng)格、功能、并確定開發(fā)周期及最終的上線時(shí)間。 整理ppt項(xiàng)目負(fù)責(zé)項(xiàng)目負(fù)責(zé)：項(xiàng)目部門基本是:需求部門(比如:產(chǎn)品經(jīng)理，某頻道負(fù)責(zé)人或主編) 、銷售部、程序部 、 UI(界面設(shè)計(jì)) 、UE(交互及用戶體驗(yàn)) 、 UID(制作) 、SEO(搜索引擎優(yōu)化) 整理ppt設(shè)計(jì)師要做的： UI(界面設(shè)計(jì)) 、UE(交互及用戶體

2、驗(yàn)) 、 UID(制作) 、SEO(搜索引擎優(yōu)化) 整理ppt產(chǎn)品主要經(jīng)過以下幾個(gè)階段： 可行性評(píng)估(用戶體驗(yàn)研究員，作調(diào)查分析) 產(chǎn)品原型(信息建構(gòu)師，設(shè)計(jì)產(chǎn)品架構(gòu);互動(dòng)設(shè)計(jì)師，作出互動(dòng)流程 ) 產(chǎn)品界面設(shè)計(jì) (視覺設(shè)計(jì)師和用戶界面設(shè)計(jì)師，作出頁面視覺設(shè)計(jì) ) 規(guī)范整理、功能實(shí)現(xiàn) 產(chǎn)品上線 分析報(bào)告、優(yōu)化方案(用戶體驗(yàn)研究員，做用戶測(cè)試確保質(zhì)量) 整理ppt一、一、可行性評(píng)估 主要執(zhí)行人員：UI、UE、需求部門、程序部 需溝通人員：銷售部整理ppt可行性評(píng)估 當(dāng)產(chǎn)品經(jīng)理確定基本的思路后,會(huì)先會(huì)跟我們溝通，并說明這個(gè)產(chǎn)品的思路、受眾及一些自己的想法 接著會(huì)拿來一個(gè)結(jié)構(gòu)圖來和我們探討實(shí)現(xiàn)方面的可

3、行性。我們也會(huì)預(yù)備相關(guān)資料與其進(jìn)行溝通，主要會(huì)從數(shù)據(jù)報(bào)告、功能性及可行性三方面下手，在探討的同時(shí)會(huì)指出功能或結(jié)構(gòu)上的一些問題，并提出改善方案，這步一定得仔細(xì)，UI、UE深入探討并盡可能考慮到每個(gè)實(shí)現(xiàn)的細(xì)節(jié),待框架打好后,出好的產(chǎn)品很輕易.但假如在可行性評(píng)估上出現(xiàn)隱患,余下的其它工作也將會(huì)碰到諸多問題。 整理ppt主要從以下三方面進(jìn)行評(píng)估: 數(shù)據(jù)報(bào)告 功能性 可行性 整理ppt 數(shù)據(jù)報(bào)告 通過99Click、Netratings、Counter三套系統(tǒng)來進(jìn)行數(shù)據(jù)收集，并在分析報(bào)告中指出相應(yīng)的問題。 功能性 站在用戶角度上，對(duì)方案的結(jié)構(gòu)及功能性進(jìn)行評(píng)估，提出并解決操作上的問題。 可行性每個(gè)產(chǎn)品初期

4、都是感性的，但在不能保證每個(gè)功能都能按原有思路進(jìn)行實(shí)現(xiàn)，具體還需要和相關(guān)技術(shù) 人員進(jìn)行探討、碰撞后形成最終的產(chǎn)品思路。 整理ppt溫馨小貼士：由于各人思考問題的角度不同, 這個(gè)環(huán)節(jié)常碰到大家意見不統(tǒng)一情況，在接觸項(xiàng)目過程中，很多產(chǎn)品經(jīng)理都會(huì)將個(gè)人喜好溶入到產(chǎn)品設(shè)計(jì)思路中 。作為設(shè)計(jì)師，跟據(jù)自己的經(jīng)驗(yàn)判定，假如認(rèn)為不可取，可以盡最大能力去說服對(duì)方，當(dāng)然前提是把自己的位置擺正，站在中立的角度上去審閱產(chǎn)品。順便談?wù)劀贤?，相信大家?jīng)常會(huì)碰到和產(chǎn)品經(jīng)理矜持不下的情況，這時(shí)用理論及實(shí)際案例去說服對(duì)方基本是無效的。建議可以采用一對(duì)一的方式單獨(dú)溝通，碰到問題先記下來，放到會(huì)后進(jìn)行單獨(dú)討論，人都是要面子的嘛。只

5、要讓對(duì)方意識(shí)到你是在幫他改善問題后，接下來的溝通就會(huì)比較輕松。 整理ppt二、二、產(chǎn)品原型 主要執(zhí)行人員： UI、UE、需求部門 需溝通人員： 程序部、銷售部整理ppt 在產(chǎn)品原型方面,主要指的是黑白稿或線稿，除了顏色基本采用黑白的形式，最終出的產(chǎn)品原型將會(huì)和實(shí)際產(chǎn)品沒區(qū)別。這個(gè)環(huán)節(jié)會(huì)擬定出產(chǎn)品頁面的寬度,廣告的形式,導(dǎo)航基本樣式,各內(nèi)容的區(qū)域的表現(xiàn)形式等 當(dāng)經(jīng)過可行性評(píng)估階段后,產(chǎn)品經(jīng)理的思路和設(shè)計(jì)師也基本達(dá)成共識(shí)，接下來將進(jìn)行原型設(shè)計(jì)，主要分為三個(gè)步驟來實(shí)現(xiàn) ：紙稿、線稿，黑白稿、原型整理ppt 紙稿 一般情況下結(jié)構(gòu)圖都是采用word文檔描繪，也可以選擇筆和紙的方式（主要還是比較方便、易修

6、改，有任何突發(fā)的思路只需要擦一下，就可以直接在已有的基礎(chǔ)上進(jìn)行調(diào)整），由于之前的討論沒有實(shí)物參照，在這個(gè)環(huán)節(jié)你一定會(huì)發(fā)現(xiàn)更多有趣的問題。 整理ppt 線稿、黑白稿當(dāng)紙稿確定后，則由UI或UE使用做繪圖工具來描繪黑白稿(主要使用Photoshop來進(jìn)行這個(gè)步驟，跟據(jù)個(gè)人習(xí)慣不同，大家的方式也有所區(qū)別，比如淘寶UED Team及Baidu UE更多的則采用線稿的形式)。UI主要是采用黑白稿，方便界面設(shè)計(jì)，在結(jié)構(gòu)上也會(huì)精確到像素,比如:導(dǎo)航高度40px.頭條采用20px黑體,圖片規(guī)格:104x85px,頁面的各區(qū)域的留白為5px等等，只有這樣才會(huì)發(fā)現(xiàn)更多細(xì)節(jié)上的問題，當(dāng)然到界面設(shè)計(jì)的同時(shí)你也會(huì)嘗到更

7、多的甜頭。整理ppt 完成以上的二個(gè)步驟后,產(chǎn)品的基本功能,結(jié)構(gòu),規(guī)范都已經(jīng)大致成型.這時(shí)就可以叫上程序部、銷售部及需求部門產(chǎn)品經(jīng)理，在白板上對(duì)著黑白稿做最終的討論。經(jīng)過二次、三次調(diào)整，最終定下完整的產(chǎn)品原型。整理ppt 原型整理ppt三、三、界面設(shè)計(jì) 主要執(zhí)行人員：UI、UE、需求部門 需溝通人員：UID、SEO 目前產(chǎn)品的雛形已基至的本成型，雖然還沒華麗的外衣，但凹凸有至身型已隱約可見。下一步將進(jìn)入界面設(shè)計(jì)階段.設(shè)計(jì)師們也將再次體會(huì)到黑白稿給他帶來的各種便利.整理ppt主要承接部門 UI UE UID SEO整理ppt整理pptUI 主要針對(duì)首頁進(jìn)行風(fēng)格設(shè)計(jì)，并出3-4套界面,最終挑選出2

8、套左右提交給需求部門,同時(shí)也會(huì)指出設(shè)計(jì)師自己最滿意的一套，和需求部門進(jìn)行二,三次碰撞后,最終拿出定稿。 整理pptUE UE則開始針對(duì)原型進(jìn)行操作上的優(yōu)化調(diào)整,召集用戶并組織頭腦風(fēng)暴,收集到相關(guān)意見后，由UE整理出交互及用戶體驗(yàn)方面改善意見,并反饋給UI及需求部門。 整理pptUID UID即開始著手預(yù)備制作方面相關(guān)文檔.并提出實(shí)現(xiàn)方面的意見.等待效果圖最終確定后,則開始相關(guān)代碼的編制(CSS DIV、AJAX、Java)。 整理pptSEO SEO則根據(jù)原型提出搜索引擎優(yōu)化的意見,為制作階段代碼優(yōu)化做預(yù)備. 這個(gè)階段一定要保證與需求部門溝通到位,當(dāng)產(chǎn)品界面最終定稿后,建議再組織一次討論,這次

9、用戶面對(duì)著是實(shí)實(shí)在在的產(chǎn)品,所感受會(huì)和之前有所不同.對(duì)產(chǎn)品效果上來說,這次的討論也會(huì)有不少收獲。整理ppt四、界面設(shè)計(jì)規(guī)范及功能實(shí)現(xiàn) 主要執(zhí)行人員：UI、UE、程序、SEO 需溝通人員：UE、銷售整理ppt 設(shè)計(jì)規(guī)范 考慮到在動(dòng)態(tài)實(shí)現(xiàn)方面,光憑效果圖很難直接的給予表現(xiàn)，這時(shí)需要配合使用說明文檔及設(shè)計(jì)規(guī)范規(guī)范來做輔助。比如按鈕及文字鏈在觸發(fā)前后的樣式,文字間距等。 整理ppt 代碼及程序開發(fā) 由UID進(jìn)行頁面的代碼開發(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ù)人員。整理ppt五 、產(chǎn)品上線 主要執(zhí)行人員：需求部門 需溝通人員：UI、UE、程序、銷售 模板無憂-MB5U.COM 整理ppt 這個(gè)階段主要是內(nèi)容的添加，主要由相關(guān)頻道編輯完成，對(duì)于軟性廣告位這塊還需要和銷售進(jìn)行協(xié)調(diào)。完成內(nèi)容添加后，由需求部門、UI、UE進(jìn)行核查，在保證和內(nèi)容、功能完整