1、互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)：產(chǎn)品制作人寫(xiě)產(chǎn)品計(jì)劃書(shū)，確定新產(chǎn)品或新功能的市場(chǎng)意義和經(jīng)濟(jì)效益，提交部門(mén)審批，同意后，確認(rèn)需要設(shè)計(jì)的部分，和用戶(hù)體驗(yàn)研究員(user researcher)，信息建構(gòu)師(information architect)，視覺(jué)設(shè)計(jì)師(visual designer)、user interface designer，互動(dòng)設(shè)計(jì)師(interaction designer)，web developer，工程師(engineer)一起討論需要的支持，然后訂出時(shí)間計(jì)劃分工合作。一般是先由用戶(hù)體驗(yàn)研究員作調(diào)查、分析后由信息建構(gòu)師設(shè)計(jì)產(chǎn)品架構(gòu)，然后由互動(dòng)設(shè)計(jì)師作出互動(dòng)流程，之后交給視覺(jué)設(shè)計(jì)師(vi

2、sual designer)和user interface designer作出視覺(jué)設(shè)計(jì)。然后web developer把設(shè)計(jì)通過(guò)編寫(xiě)程序(html, dhtml, JavaScript)等等再現(xiàn)出來(lái)，最后交給工程師。做完后用戶(hù)體驗(yàn)研究員需要做用戶(hù)測(cè)試，QA(Quality assurance) 需要測(cè)驗(yàn)這一產(chǎn)品的每一步驟，確認(rèn)產(chǎn)品的使用質(zhì)量，如果有問(wèn)題需要讓工程師或相關(guān)人員解決。小型項(xiàng)目的工作流程局往往限于有限的人力和時(shí)間，經(jīng)常是短、平、快：拿到brief，進(jìn)行設(shè)計(jì)，綜合意見(jiàn)，投放到網(wǎng)站，總結(jié)效果。比如廣告設(shè)計(jì)，一般是我組織市場(chǎng)部開(kāi)會(huì)，集體出創(chuàng)意，然后大家達(dá)成一致意見(jiàn)。決定設(shè)計(jì)主題后發(fā)到德國(guó)

3、和法國(guó)取得相關(guān)的翻譯。按照雅虎的廣告標(biāo)準(zhǔn)，我設(shè)計(jì)制作出最終的廣告，交到廣告發(fā)行部定期發(fā)行。廣告運(yùn)行兩周后，拿到數(shù)據(jù)信息，根據(jù)瀏覽量(page impressions)，點(diǎn)擊率(CTR: Click Through Rate)，和conversion rate來(lái)分析廣告效果，總結(jié)經(jīng)驗(yàn)。 總結(jié)起來(lái)就是：1. 產(chǎn)品制作人，寫(xiě)產(chǎn)品計(jì)劃書(shū)。2. 用戶(hù)體驗(yàn)研究員，作調(diào)查分析。3. 信息建構(gòu)師，設(shè)計(jì)產(chǎn)品架構(gòu)。4. 互動(dòng)設(shè)計(jì)師，作出互動(dòng)流程。5. 視覺(jué)設(shè)計(jì)師和用戶(hù)界面設(shè)計(jì)師，作出頁(yè)面視覺(jué)設(shè)計(jì)。6. 前臺(tái)工程師，前臺(tái)開(kāi)發(fā)。7. 后臺(tái)工程師，后臺(tái)開(kāi)發(fā)。8. 用戶(hù)體驗(yàn)研究員，做用戶(hù)測(cè)試確保質(zhì)量。應(yīng)該算是一個(gè)比較完善

4、成熟的流程了，“信息建構(gòu)(IA)”和“互動(dòng)設(shè)計(jì)(ID)”明顯處于很重要的位置。談?wù)剛€(gè)人感受，國(guó)內(nèi)項(xiàng)目普遍流程就如bluedodo所說(shuō)：策劃設(shè)計(jì)制作開(kāi)發(fā)，普遍忽略的是第2, 3, 4，或者說(shuō)是其他某個(gè)流程附帶完成，第6前臺(tái)開(kāi)發(fā)也是只存在于大型正規(guī)公司，或者說(shuō)有普遍進(jìn)一步完善的趨勢(shì)。至于UE, IA, ID 如何進(jìn)行，我覺(jué)得沒(méi)有絕對(duì)固定的模式，根據(jù)項(xiàng)目實(shí)際情況，關(guān)鍵在于團(tuán)隊(duì)的默契。不是說(shuō)國(guó)內(nèi)從業(yè)者不知道如何進(jìn)行，而是根本沒(méi)有這個(gè)習(xí)慣，把項(xiàng)目環(huán)節(jié)細(xì)分一下，就很清楚各自職能了。這些流程的核心目的就是逐步保證產(chǎn)品質(zhì)量，減少“前臺(tái)開(kāi)發(fā)”和“后臺(tái)開(kāi)發(fā)”的重復(fù)勞動(dòng)。這方面國(guó)內(nèi)人才確實(shí)極少，整體水平基本處于幼稚

5、階段。就Yahoo這個(gè)流程來(lái)看，應(yīng)該是針對(duì)大型的應(yīng)用型產(chǎn)品項(xiàng)目?？纯慈思以凇按_認(rèn)設(shè)計(jì)需求”時(shí)，就需要幾乎所有項(xiàng)目環(huán)節(jié)參與者進(jìn)行綜合討論，讓人狂汗不已；定開(kāi)發(fā)計(jì)劃都是大家討論進(jìn)行，而不是單方面強(qiáng)制決定，多么人性化啊。 精彩評(píng)論：killuakun ：小公司的制作分工：1. 產(chǎn)品制作人，寫(xiě)產(chǎn)品計(jì)劃書(shū)。（某A）2. 用戶(hù)體驗(yàn)研究員，作調(diào)查分析。（某A某B混合）3. 信息建構(gòu)師，設(shè)計(jì)產(chǎn)品架構(gòu)。（某B，通常無(wú)）4. 互動(dòng)設(shè)計(jì)師，作出互動(dòng)流程。（某B，通常無(wú)）5. 視覺(jué)設(shè)計(jì)師和用戶(hù)界面設(shè)計(jì)師，作出頁(yè)面視覺(jué)設(shè)計(jì)。（某C）6. 前臺(tái)工程師，前臺(tái)開(kāi)發(fā)。（某B）7. 后臺(tái)工程師，后臺(tái)開(kāi)發(fā)。（某B）8. 用戶(hù)體驗(yàn)研

6、究員，做用戶(hù)測(cè)試確保質(zhì)量。（某B，通常無(wú)）xiaoxiao：比較認(rèn)同王小丹的“網(wǎng)頁(yè)設(shè)計(jì)的重要目的是創(chuàng)造經(jīng)濟(jì)效益”，我們最終的目地還是創(chuàng)造更多的經(jīng)濟(jì)效益，當(dāng)然我們?cè)谠O(shè)計(jì)的同時(shí)也會(huì)同時(shí)建立一個(gè)行之有效的、可操作性的統(tǒng)計(jì)系統(tǒng)以分析檢測(cè)我們的產(chǎn)品或設(shè)計(jì)能夠給用戶(hù)以吸引力。對(duì)比測(cè)試會(huì)用到，同類(lèi)產(chǎn)品、竟?fàn)帉?duì)手也會(huì)留意到，產(chǎn)品在于不段的調(diào)整和優(yōu)化。千鳥(niǎo)對(duì)于這種理想化的東西，我們正在變?yōu)楝F(xiàn)實(shí)。小丹提到大公司往往是一個(gè)人全包，這種現(xiàn)象在我們這里也有，不過(guò)必竟是少數(shù)，整個(gè)團(tuán)隊(duì)的分工及快速有效的執(zhí)行力往往是一個(gè)人所達(dá)不到的。不過(guò)我感覺(jué)Yahoo這方面的強(qiáng)人不少，而且近期來(lái)Yahoo的運(yùn)作和廣告的投放（在廣州看到不少

7、），都是有目共睹，相當(dāng)不錯(cuò)，向你們學(xué)習(xí)！王小丹：我想還有很重要的一點(diǎn)我在文章中沒(méi)有提到。那就是設(shè)計(jì)對(duì)網(wǎng)站或公司的經(jīng)濟(jì)效益的影響。設(shè)計(jì)師提供的是實(shí)用美術(shù)，服務(wù)于一個(gè)目標(biāo)，這個(gè)目標(biāo)或者是提高品牌影響，或者是增加產(chǎn)品效益。所以設(shè)計(jì)投放到市場(chǎng)之后很重要的是分析設(shè)計(jì)的表現(xiàn)，研究設(shè)計(jì)的之間或間接經(jīng)濟(jì)效益，總結(jié)優(yōu)點(diǎn)同時(shí)發(fā)現(xiàn)問(wèn)題，然后提高下一次的設(shè)計(jì)。我在設(shè)計(jì)中覺(jué)得很有效的一個(gè)方法就是A,B測(cè)試。舉例：比如同一個(gè)廣告，照片色彩設(shè)計(jì)等完全一樣，但是廣告語(yǔ)不同，在同方式給兩個(gè)相似的設(shè)計(jì)相同的瀏覽量，測(cè)試1-2周，根據(jù)不同的設(shè)計(jì)目的來(lái)分析那個(gè)設(shè)計(jì)表現(xiàn)得更好：點(diǎn)擊率（適用于提高品牌或產(chǎn)品的注意率），conversio

8、n rate（適用于需要直接付費(fèi)的產(chǎn)品或服務(wù)）。然后把得到的經(jīng)驗(yàn)用于下一次的設(shè)計(jì)。歸根結(jié)底，網(wǎng)頁(yè)設(shè)計(jì)的重要目的是創(chuàng)造經(jīng)濟(jì)效益。優(yōu)秀的互動(dòng)設(shè)計(jì)，信息建構(gòu)和視覺(jué)實(shí)際帶給用戶(hù)良好的體驗(yàn)，保持用戶(hù)的忠誠(chéng)度，從而帶動(dòng)經(jīng)濟(jì)效益。很高興我提供的一些信息引發(fā)了大家的討論。其實(shí)在大公司也經(jīng)常是一個(gè)人全包，不過(guò)可能區(qū)別在于，這一個(gè)人有綜合的技能，把信息建構(gòu)，產(chǎn)品架構(gòu)，互動(dòng)設(shè)計(jì)，甚至前臺(tái)開(kāi)發(fā)等流程都包括在設(shè)計(jì)范圍之內(nèi)。所以雖然人手也不夠，但是并不代表忽略細(xì)節(jié)或關(guān)鍵步驟。而這些往往都是視覺(jué)設(shè)計(jì)師做的工作，在英國(guó)現(xiàn)在信息設(shè)計(jì)師的工資很高也是因?yàn)楝F(xiàn)在大家認(rèn)識(shí)到這一職位的重要性而真正專(zhuān)業(yè)的人太少了。一葉千鳥(niǎo)：其實(shí)大家沒(méi)必要

9、考慮的這么理想化，而且不同項(xiàng)目對(duì)各環(huán)節(jié)要求也是有強(qiáng)有弱，說(shuō)到最后還是歸結(jié)為專(zhuān)業(yè)人才對(duì)流程的把握上。我們目的不是去設(shè)計(jì)流程，而是用最優(yōu)的流程來(lái)設(shè)計(jì)產(chǎn)品?！皩?duì)比測(cè)試”方法相當(dāng)有趣，分析是一門(mén)科學(xué)，設(shè)計(jì)是一門(mén)藝術(shù)，把他們完美結(jié)合起來(lái)是我們工作的目標(biāo)。來(lái)說(shuō)說(shuō)一些工作中碰到比較普遍的問(wèn)題，經(jīng)常聽(tīng)到很多設(shè)計(jì)師在遇到作品被槍斃或被打回返工后抱怨，比如領(lǐng)導(dǎo)層對(duì)作品風(fēng)格、顏色、細(xì)節(jié)的不認(rèn)同，抑或是上頭意見(jiàn)變化太快，一天一個(gè)想法讓設(shè)計(jì)師摸不著頭腦，作品被否定的原因很多，但結(jié)果總是一樣，那我們不如回過(guò)頭來(lái)看看現(xiàn)在常見(jiàn)的設(shè)計(jì)流程是怎樣的，從中找到問(wèn)題的根源，并盡量去避免這些問(wèn)題的發(fā)生。簡(jiǎn)單來(lái)說(shuō)說(shuō)我現(xiàn)在所處公司的一個(gè)設(shè)

10、計(jì)流程：1、產(chǎn)品負(fù)責(zé)人或者總監(jiān)會(huì)先出一個(gè)對(duì)要求設(shè)計(jì)的產(chǎn)品的文字策劃方案，然后根據(jù)此方案，我們的產(chǎn)品負(fù)責(zé)人出一個(gè)大致的畫(huà)板草稿，上面標(biāo)明頁(yè)面中有哪些板塊，那些區(qū)域放什么內(nèi)容等。2、根據(jù)此文字草案和畫(huà)板，和設(shè)計(jì)師與技術(shù)支撐討論功能是否能實(shí)現(xiàn)，并且可以通過(guò)什么方式實(shí)現(xiàn)。（主要是設(shè)計(jì)和技術(shù)之間的一些功能需求。）3、產(chǎn)品負(fù)責(zé)人對(duì)設(shè)計(jì)師提出風(fēng)格等視覺(jué)方面的要求（一般都為簡(jiǎn)單的描述，比如：時(shí)尚、艷麗），設(shè)計(jì)師根據(jù)以上所有信息開(kāi)始設(shè)計(jì)，完成初稿。4、在初稿基礎(chǔ)上產(chǎn)品負(fù)責(zé)人和領(lǐng)導(dǎo)層面提出修改反饋意見(jiàn)，綜合所有意見(jiàn)，修改，完稿。5、將定稿設(shè)計(jì)稿切片完成HTML稿，交由技術(shù)支撐，OVER。相信各位在看完這個(gè)流程的時(shí)

11、候已經(jīng)能夠發(fā)現(xiàn)很多問(wèn)題了。我們來(lái)逐一分解。第一步：產(chǎn)品負(fù)責(zé)人出文字策劃和畫(huà)板。有兩個(gè)意見(jiàn)，畫(huà)板應(yīng)該由產(chǎn)品經(jīng)理出還是由設(shè)計(jì)師出？在回答這個(gè)問(wèn)題前我們先來(lái)看看什么是所謂的“畫(huà)板”，剛才已經(jīng)說(shuō)過(guò)“畫(huà)板”其實(shí)就是一個(gè)“圖”版的策劃方案，也是我們常說(shuō)的線(xiàn)框模型（wireframe model）和原型圖，它直觀(guān)的以圖的形勢(shì)表明了頁(yè)面的大框架和布局，讓設(shè)計(jì)師對(duì)要設(shè)計(jì)的頁(yè)面有了一個(gè)非常直觀(guān)的感受，知道頁(yè)面有多少板塊和欄目，并且在哪些位置放那些內(nèi)容。這就涉及到一個(gè)問(wèn)題，關(guān)于頁(yè)面的框架和布局應(yīng)該由產(chǎn)品來(lái)定，還是由設(shè)計(jì)來(lái)定。很多人說(shuō)關(guān)于框架和布局應(yīng)該是設(shè)計(jì)師的事，這是對(duì)“畫(huà)板”理解上的一個(gè)誤區(qū)，其實(shí)一個(gè)優(yōu)秀的畫(huà)板已

12、經(jīng)相當(dāng)于一個(gè)頁(yè)面“初初稿”，設(shè)計(jì)師所要做的就是美化它，使排版更加合理，更加人性化，并不會(huì)限制設(shè)計(jì)師的發(fā)揮空間，反而可以在設(shè)計(jì)師理解產(chǎn)品策劃時(shí)候多一個(gè)方向，更加有效率。起碼在我現(xiàn)在實(shí)際工作中，我是比較提倡產(chǎn)品出畫(huà)板這一做法的。但是主要問(wèn)題并不是出在這里，而是產(chǎn)品負(fù)責(zé)人在提交畫(huà)板和策劃方案給設(shè)計(jì)的時(shí)候，他所依托的大部分都來(lái)自于同類(lèi)網(wǎng)站“別人做到的東西”，而不是“用戶(hù)是否需要”和“用戶(hù)的感受”。這里的誤區(qū)在于同類(lèi)站點(diǎn)“做到的”往往被錯(cuò)誤的認(rèn)為是權(quán)威和借鑒的方向，這個(gè)出發(fā)點(diǎn)首先就有問(wèn)題。我認(rèn)為網(wǎng)頁(yè)設(shè)計(jì)和平面設(shè)計(jì)根本的區(qū)別在于：平面設(shè)計(jì)的核心是體現(xiàn)產(chǎn)品的品牌，而網(wǎng)頁(yè)設(shè)計(jì)的核心卻在于用戶(hù)，要和用戶(hù)產(chǎn)生行為

13、上的互動(dòng)。產(chǎn)品經(jīng)理在提出自己對(duì)設(shè)計(jì)風(fēng)格用色排版等要求的時(shí)候，大多數(shù)的依據(jù)是來(lái)自于自己的經(jīng)驗(yàn)和同類(lèi)產(chǎn)品的參考，但有沒(méi)有思考過(guò)為什么同類(lèi)產(chǎn)品要這么做，同樣的東西是否適合我們現(xiàn)今的產(chǎn)品。而設(shè)計(jì)師有沒(méi)有去研究過(guò)這個(gè)產(chǎn)品的定位，面對(duì)的又是哪些用戶(hù)。借用EXDOOKY一文中關(guān)于設(shè)計(jì)的決定權(quán)中一段話(huà)：“當(dāng)我們和非設(shè)計(jì)團(tuán)隊(duì)人員大聲地爭(zhēng)執(zhí)色彩的時(shí)候，其實(shí)我們已經(jīng)忘記了初衷。設(shè)計(jì)的決定不是設(shè)計(jì)師，不是產(chǎn)品經(jīng)理，而是用戶(hù)。我們?cè)诏偪竦臑樽约旱囊庖?jiàn)大聲互責(zé)的時(shí)候，早已經(jīng)把用戶(hù)忘記到九霄云外了。多見(jiàn)鬼的流程！現(xiàn)在可以看出來(lái)，開(kāi)始的溝通與研究是多么重要，如果開(kāi)始沒(méi)有一個(gè)共同的目標(biāo)，一個(gè)設(shè)計(jì)師和一個(gè)產(chǎn)品經(jīng)理腦子中的設(shè)計(jì)模型

14、怎么能相同呢？”細(xì)節(jié)決定成敗本想去公司做點(diǎn)東西，結(jié)果一覺(jué)睡到下午2點(diǎn)，起來(lái)連著看了放逐和臥虎兩部片子，天又黑了下來(lái)，休息日的時(shí)間總是過(guò)得那么快。接著上次的話(huà)題，繼續(xù)胡言亂語(yǔ)一些。上次的話(huà)題中說(shuō)到流程中第一步所碰到的問(wèn)題：“同類(lèi)站點(diǎn)“做到的”往往被錯(cuò)誤的認(rèn)為是權(quán)威和借鑒的方向”和“以用戶(hù)需求作為設(shè)計(jì)出發(fā)點(diǎn)”。接著我們來(lái)看上文提到的設(shè)計(jì)流程中的第二步和第三步：2、根據(jù)此文字草案和畫(huà)板，和設(shè)計(jì)師與技術(shù)支撐討論功能是否能實(shí)現(xiàn)，并且可以通過(guò)什么方式實(shí)現(xiàn)。（主要是設(shè)計(jì)和技術(shù)之間的一些功能需求。）3、產(chǎn)品負(fù)責(zé)人對(duì)設(shè)計(jì)師提出風(fēng)格等視覺(jué)方面的要求（一般都為簡(jiǎn)單的描述，比如：時(shí)尚、艷麗），設(shè)計(jì)師根據(jù)以上所有信息開(kāi)

15、始設(shè)計(jì)，完成初稿。在我的實(shí)際工作中，這短短的兩個(gè)步驟之間碰到的問(wèn)題無(wú)數(shù)。最普遍的現(xiàn)象就是產(chǎn)品經(jīng)理交給設(shè)計(jì)師線(xiàn)框模型（wireframe model）或原型圖后會(huì)提出一些設(shè)計(jì)上的要求，比如這個(gè)站點(diǎn)的設(shè)計(jì)風(fēng)格用色等，接著找一些他心里覺(jué)得比較符合要求的同類(lèi)站點(diǎn)給設(shè)計(jì)師作為參考。雖然已經(jīng)有了線(xiàn)框模型圖規(guī)定了大致結(jié)構(gòu)和布局，也有產(chǎn)品經(jīng)理給出的一些站點(diǎn)可以作參考，但是我想大部分設(shè)計(jì)師到這個(gè)時(shí)候還是會(huì)比較茫然吧，為什么是這種風(fēng)格，為什么要用這個(gè)色調(diào)，為什么這些內(nèi)容要這么排列，設(shè)計(jì)師們帶著無(wú)數(shù)的問(wèn)號(hào)就開(kāi)始了設(shè)計(jì)工作，在初稿的設(shè)計(jì)過(guò)程中碰到了問(wèn)題，或者更有甚者在初稿完成后被打回返工的時(shí)候才和產(chǎn)品經(jīng)理有了更多的交

16、流，這是個(gè)什么狗屁流程阿。我們來(lái)看看這個(gè)流程錯(cuò)誤在哪里，是在產(chǎn)品經(jīng)理和設(shè)計(jì)師得交流不夠充分么？并不是，很多時(shí)候?yàn)榱吮苊鉁贤ú怀浞值那闆r發(fā)生，我們會(huì)讓設(shè)計(jì)師一開(kāi)始就參與到整個(gè)產(chǎn)品的初期策劃討論中來(lái)，但是效果卻并不理想。很簡(jiǎn)單因?yàn)椴徽撌窃O(shè)計(jì)師還是產(chǎn)品經(jīng)理都忽視了細(xì)節(jié)的問(wèn)題，我所見(jiàn)到的大部分的設(shè)計(jì)師參與的產(chǎn)品策劃討論會(huì)議中，在談到很多細(xì)節(jié)問(wèn)題的時(shí)候往往會(huì)碰到“這些細(xì)節(jié)我們會(huì)后討論”的情況，大家似乎都認(rèn)為這些小東西并不值得會(huì)上討論，大家都忽視了做產(chǎn)品細(xì)節(jié)決定著成敗。商業(yè)模式、創(chuàng)意等固然重要，但是在現(xiàn)今的互聯(lián)網(wǎng)，一個(gè)優(yōu)秀的創(chuàng)意后面會(huì)有無(wú)數(shù)的人跟進(jìn)，那么什么才能使你成為后來(lái)跟進(jìn)者中的佼佼者呢，那就是細(xì)節(jié)、就是執(zhí)行力。舉個(gè)我實(shí)際工作中的例子：最近的一次是做公司自己的三網(wǎng)合一項(xiàng)目，公司的定位是由原來(lái)各自分開(kāi)運(yùn)營(yíng)的三個(gè)網(wǎng)站合并的基