免费A级毛片无码A∨蜜芽18禁 ,内射中出无码护士在线,大学生美女爽到高潮视频

搜索

APP

起點課堂會員權(quán)益

職業(yè)體系課特權(quán)

線下行業(yè)大會特權(quán)

個人IP打造特權(quán)

30+門專項技能課

1300+專題課程

12場職場軟技能直播

12場求職輔導(dǎo)直播

12場專業(yè)技能直播

會員專屬社群

榮耀標(biāo)識

發(fā)布

注冊 | 登錄

交互設(shè)計師應(yīng)具備的技能樹（9）| 設(shè)計流程的三個階段

WingST

2018-05-21

3 評論 9790 瀏覽 76 收藏

25 分鐘

設(shè)計流程的三個階段：需求分析、方案設(shè)計、設(shè)計驗證，前兩個階段每個團隊都會做，而第三個階段往往會被忽略。本文作者根據(jù)其騰訊電腦管家小火箭改版的案例，來為你解析設(shè)計流程的三個階段。

每個設(shè)計團隊都會有自己的設(shè)計流程，根據(jù)面向?qū)ο蠛推脚_的不同，可能會有些差別，但是大體上都會分為以下三大階段：

需求分析
方案設(shè)計
設(shè)計驗證

前兩個階段，我想不會有任何設(shè)計團隊會不做吧？只有做得好與壞的分別，這也是最考驗領(lǐng)導(dǎo)層戰(zhàn)略眼光和執(zhí)行力的地方。我們平時說的設(shè)計流程，其實更多地都是在看前兩者有什么可改進之處，但是第三個階段卻極容易被忽略。

現(xiàn)在的頂級的互聯(lián)網(wǎng)設(shè)計團隊，都越來越多地認(rèn)識到設(shè)計驗證的重要性，所以都會投很大力氣去看用戶數(shù)據(jù)、產(chǎn)品數(shù)據(jù)以及做用戶調(diào)查，或做A/B Test，或快速修正設(shè)計方案，或重新調(diào)整產(chǎn)品方向。沒人能保證自己憑經(jīng)驗和直覺一定就能做出令市場滿意的產(chǎn)品，所以這一步相當(dāng)于檢查射出的箭是否正中靶心，或者離靶心有多遠(yuǎn)，然后再去針對性地做調(diào)整，此謂“有的放矢”。

再由對設(shè)計驗證的重視，倒推而來，我們對前期的需求分析也不會馬虎，特別是做創(chuàng)新產(chǎn)品的時候，都會先做好足夠的市場分析和用戶調(diào)查，才會出手，力求一出手就能迅速地抓住用戶痛點，引爆產(chǎn)品。

我為什么會把“設(shè)計流程”放在“眼界”這一分類下呢？

因為互聯(lián)網(wǎng)環(huán)境變化地非常快，今天還是在為PC平臺做設(shè)計，明天就出了移動互聯(lián)網(wǎng)，接著又來了VR、AR，各種新技術(shù)、新平臺層出不窮，同時還有大量新興的獨角獸創(chuàng)業(yè)公司，他們的流程可能和傳統(tǒng)的有很大區(qū)別，到底怎樣的流程才是最好的？

這并沒有絕對的定數(shù)，所以我們一定要保持開放的心態(tài)，時刻學(xué)習(xí)和借鑒更優(yōu)秀的流程，因此它應(yīng)該屬于眼界的范疇。

根據(jù)我們DNA設(shè)計團隊（騰訊MIG電腦管家設(shè)計團隊）平時做設(shè)計的方法，我把設(shè)計流程總結(jié)為三個階段：

Why階段：我們?yōu)槭裁匆鲞@款產(chǎn)品？要做給誰用？我們做有什么優(yōu)勢？
How階段：通過上面的分析，我們應(yīng)該用怎樣的方式來做？
What階段：我們具體應(yīng)該做成什么樣？這里包含設(shè)計輸出和設(shè)計驗證。

我在產(chǎn)品思維部分其實有講過，這就是西蒙·斯內(nèi)克的“黃金圈法則”。

只講流程可能不太好理解，咱們繼續(xù)發(fā)揮“落羽敬齋”的優(yōu)良傳統(tǒng)，用一個項目的案例來講吧，這次選擇的還是我做騰訊電腦管家小火箭改版的案例，它是我之前投入過很大精力的產(chǎn)品，最終給出的成績也確實令人滿意。

由于這是一個產(chǎn)品升級改版的設(shè)計項目，我把這套設(shè)計流程類比成圍棋對弈，需要知彼（競品、用戶）、知己（發(fā)現(xiàn)問題），先防守好地盤（繼承和發(fā)揚之前的優(yōu)勢），再圖進攻（創(chuàng)新和突破），最后在細(xì)棋階段也不能放松，完成收官（細(xì)節(jié)和驗證）。

一、Why階段

這個階段的關(guān)鍵是要想清楚：我們?yōu)槭裁匆鲞@款產(chǎn)品？要做給誰用？我們做有什么優(yōu)勢？

1.產(chǎn)品目標(biāo)

在設(shè)計之前，需要先弄清楚產(chǎn)品要達(dá)成什么目標(biāo)？是要占領(lǐng)新的市場，還是鞏固舊有的用戶？是要提升產(chǎn)品DAU或UV，還是提升商業(yè)轉(zhuǎn)化率？

電腦管家的加速小火箭之前其實已經(jīng)獲得了很大的成功，有極高的用戶開啟率，人均日使用次數(shù)也很多，還被各類競品爭相模仿。但是我們從后臺的數(shù)據(jù)、用戶訪談和自己的體驗中發(fā)現(xiàn)，現(xiàn)在已經(jīng)到了一個平臺期，現(xiàn)有的產(chǎn)品形態(tài)已經(jīng)滿足不了用戶的需求了，需要更新設(shè)計，再次提升用戶的使用率和產(chǎn)品粘性。

對于這個日使用次數(shù)上億的產(chǎn)品要如何改好，我和視覺設(shè)計師 Nefish 都感到責(zé)任重大。

2.用戶需求

我們通過數(shù)據(jù)和問卷收集了現(xiàn)在小火箭的用戶人口屬性，發(fā)現(xiàn)主要的使用人群是80后和90后，這兩個群體都有自己鮮明的用戶特征。

這里的方法主要是通過用研的方式調(diào)查和統(tǒng)計，有后臺數(shù)據(jù)當(dāng)然更好。

他們的共同關(guān)鍵字是游戲、娛樂和個性，我們對這三點進行腦暴和進一步展開，得出了和用戶喜好相關(guān)的、更具有設(shè)計指導(dǎo)意義關(guān)鍵字。

3.競品分析

我們詳細(xì)體驗了一輪競品，分析它們做得好的和不好的地方，以及我們自身的特點在哪里。這一步其實大家都會做，但有一點需要注意：就是競品可以不是你本行業(yè)內(nèi)的競品，完全可以是表現(xiàn)形式上類似的產(chǎn)品，比如你要做一個Web后臺的表單系統(tǒng)，你一樣可以參考京東的商品列表、下單流程等。

特別是國外的優(yōu)秀案例，更值得我們?nèi)プ屑?xì)分析，他們有著和我們不一樣的思考習(xí)慣以及設(shè)計思路，多看看有助于開闊視野，不用和國內(nèi)競品在一個圈子里打滾。

還有一點要特別注意：在分析的時候切記直接人云亦云地照抄，你要知道他們的用戶群體是什么，和你的有什么差別，想清楚他們?yōu)槭裁催@么設(shè)計，既不小看對手，也不把對方奉為圭(gui)臬(nie)。

4.自身分析

我們還對使用小火箭的用戶、使用一段時間后不用的用戶、以及長時間不用的用戶做了問卷調(diào)查，分析他們?yōu)槭裁聪矚g使用和不喜歡使用的原因，最終得出上面五個可改進點。

如果是做迭代改進式項目可以只分析問題，但如果是做創(chuàng)新型項目，就需要再加上一個維度：我們團隊做這個產(chǎn)品有什么優(yōu)勢？

我們找到了別人沒解決的用戶痛點？
我們的技術(shù)能解決別人無法解決的難題？
我們設(shè)計上的創(chuàng)新能起到很大的推動作用？
我們有比別人更強的商務(wù)合作與推廣的渠道能力？

等等這些，如果你分析了半天，自己做這個產(chǎn)品并沒有什么優(yōu)勢，那就得拉上團隊的人好好想想，你為什么要做這個東西了，別浪費時間和金錢。

二、How階段

這個階段是很容易被設(shè)計團隊忽略的，大家很喜歡研究完了用戶和競品，直接就開始設(shè)計了。但是想做一個優(yōu)秀的產(chǎn)品，還是需要從產(chǎn)品的維度繼續(xù)進行思考，得出了用戶關(guān)鍵字、競品特征以及自身優(yōu)缺點，要怎么指導(dǎo)設(shè)計？

1.設(shè)計關(guān)鍵字

小火箭從設(shè)計之初，就有三個設(shè)計關(guān)鍵詞：有用、有趣和輕量。我們要想繼承之前版本做得好的地方，首先就要明白這三個詞代表的是什么。

有用：作為一款在用戶電腦桌面上的加速控件，小火箭必須能起到加速的作用，這是它的立足點；
有趣：競品的桌面控件僅僅滿足了有用，在趣味上不足，而小火箭這個形態(tài)本身就是希望用一個游戲化的形態(tài)讓用戶覺得好玩；
輕量：因為常駐桌面，所以小火箭必須很輕、很簡單，絕不能騷擾用戶，否則用戶會毫不猶豫地退出和卸載。

這三點首先滿足的是用戶價值，只有用戶愿意用、喜歡用，小火箭才有可能給我們帶來更多的商業(yè)價值。

這種基于核心關(guān)鍵字的設(shè)計思想，也適用于創(chuàng)新型產(chǎn)品，而這幾個關(guān)鍵字，正應(yīng)該由前面的Why階段的分析得出的。我們在改版前重新思考后，覺得和原先的關(guān)鍵字并不沖突，所以繼續(xù)沿用了下來。

2.關(guān)鍵路徑

基于小火箭的核心關(guān)鍵字，我們繼續(xù)擴展出了現(xiàn)在是如何做、之后該如何改的思路。

僅僅是繼承和優(yōu)化原先的優(yōu)點是不行的，我們基于這次改版的核心產(chǎn)品目標(biāo)——使用率，詳細(xì)分析了為什么用戶會喜歡用或者不想用的原因，逐個給出解決辦法。

這些細(xì)致的解決辦法是怎么得出的？

當(dāng)然不是拍腦袋就能想出來的，其實全部和前面Why階段的分析有關(guān)：比如要強化能力感知是分析自身問題得出的；比如前面小火箭要旋轉(zhuǎn)、要燃燒等這些酷炫的效果，是因為我們的用戶群體關(guān)鍵字是游戲、娛樂和個性；比如加速智能提醒，是因為競品這點做得更好，等等……

千萬不要小看Why和How這兩個階段的分析，做還是沒做，做得好還是不好，真正有經(jīng)驗的設(shè)計師從你的最終設(shè)計呈現(xiàn)上一眼就能看出來，你前期的思考偷懶了，那就用后面的設(shè)計工作量來補吧。

磨刀不誤砍柴工，俗話說得確實好。

三、What階段

這一階段包含兩個部分：第一部分是設(shè)計師們最熟悉的設(shè)計輸出；第二部分是需要意識、勇氣和能力建設(shè)的設(shè)計驗證。

1.設(shè)計輸出

我把這個部分需要輸出的內(nèi)容做了個簡單的整理：

（1）主流程圖：

在畫交互框架前，建議新人交互設(shè)計師（無論是新入行還是新加入一個領(lǐng)域）都先畫一下主流程圖，可以避免犯一些低級的流程錯誤；

（2）交互框架：

這是交互稿的主要呈現(xiàn)形式，在騰訊內(nèi)部，交互稿主要是用一整張靜態(tài)圖呈現(xiàn)的，里面包含產(chǎn)品目標(biāo)、設(shè)計目標(biāo)的說明，以及所有界面的黑白稿和交互說明；

主流程交互：對應(yīng)主流程圖，把這塊的交互先畫出來，評審之后再畫下一步；
新裝流程：如果是軟件，那新安裝這一步的流程必不可少；
新手引導(dǎo)：這一步雖然不是必須的，但如果功能比較復(fù)雜或是新版功能改動多，那還是要考慮；
分支流程：除了上面三種流程之外，剩下的分支流程界面；
異常狀態(tài)：空狀態(tài)、網(wǎng)絡(luò)異常、網(wǎng)頁404等，一定要有一個異常狀態(tài)檢查表，不要遺漏這類界面；
動畫原則：如果有界面動畫，那在做交互的時候就要考慮到，提前和視覺同學(xué)溝通好，在稿件中做簡單的描述或展示。

（3）視覺界面：

這是視覺稿的主要呈現(xiàn)，同樣是用一張大的PSD把所有界面、界面名稱陳列出來：

主風(fēng)格定義：這是第一步，視覺設(shè)計師會和交互設(shè)計師溝通好，選擇幾個主要的界面來設(shè)計主風(fēng)格，評審之后再畫下一步；
主圖形：界面中有時需要一些大的主圖形，如啟動閃屏、首頁大圖等，需要重點設(shè)計，一般會和第一步一起做出風(fēng)格；
主要界面：前兩步確定后，設(shè)計師會根據(jù)交互稿繼續(xù)補充主要的視覺界面；
次要界面：這一步需要注意，不是所有的界面都需要設(shè)計，有些重復(fù)性的、控件可復(fù)用的界面可以讓開發(fā)根據(jù)交互稿進行拼湊組合，但是視覺設(shè)計師得給出完整的標(biāo)注規(guī)范；
控件狀態(tài)：按鈕狀態(tài)、下拉、進度條等等都需要視覺定義；
LOGO設(shè)計：LOGO的設(shè)計時間會比較長，一般在項目前期就會啟動命名和設(shè)計流程，這里還會影響到主圖形的設(shè)計。

（4）高保真Demo：

我在開發(fā)思維那篇中提過，只有交互稿和視覺稿是不夠的，要想保證重要產(chǎn)品能夠完整呈現(xiàn)你的設(shè)計，最好有高保真Demo來給老板、客戶和開發(fā)同學(xué)進行展示：

1）動畫Demo：用AE或Flash這類動畫軟件做演示，一般不是可交互的；

2）高保真原型：用Principle、Framer、Axure或者Proto.io做的交互原型，一般會用視覺稿進行切圖制作，可交互，幾可亂真；

3）動畫說明書：我在開發(fā)思維那篇中有提到，這是寫給開發(fā)同學(xué)看的詳細(xì)動畫分解，有助于他們 1:1 還原你的動畫設(shè)計。

2.設(shè)計驗證

這一部分的重要性我在文章開頭已經(jīng)強調(diào)過了，它關(guān)系到設(shè)計的還原以及設(shè)計是否有效，值得每一位有志于提高自己設(shè)計水平的設(shè)計師認(rèn)真對待，設(shè)計不是搞藝術(shù)，只有經(jīng)得起市場檢驗的設(shè)計才是真正好的設(shè)計。

設(shè)計走查：從開發(fā)同學(xué)根據(jù)設(shè)計稿和Demo做出第一版成品之后，交互和視覺同學(xué)就要開始檢查開發(fā)的還原程度，把不對的地方整理后列成一份圖文并茂的設(shè)計走查文檔，將開發(fā)效果和設(shè)計稿進行對比說明，并且給出修改的優(yōu)先級；
可用性測試：這個步驟可能會在原型設(shè)計階段就做，也可以放在開發(fā)出測試版之后做，取決于這款產(chǎn)品的重要程度；
專家測試：讓設(shè)計專家、產(chǎn)品專家和資深用戶來體驗產(chǎn)品，提出改進意見。產(chǎn)品較小或者資源有限的時候，會用這個步驟替代可用性測試；
用戶內(nèi)測：在產(chǎn)品正式上線前，可以用開發(fā)版給熱心用戶或公司內(nèi)部用戶進行小規(guī)模測試，收集穩(wěn)定性Bug和設(shè)計問題；
用戶訪談：常和可用性測試一起做，除了讓用戶體驗產(chǎn)品問題，還可以進行深入訪談，了解目標(biāo)用戶的使用場景、使用習(xí)慣以及對產(chǎn)品的觀感；
灰度上線數(shù)據(jù)驗證：產(chǎn)品剛上線時，可以使用灰度下發(fā)或者少量放號的方式，讓部分用戶先開始測試，并且收集他們的啟動量、使用率等指標(biāo)的變化，如果出現(xiàn)大規(guī)模異常，就要及時停止上線并檢查問題；
上線數(shù)據(jù)跟進：產(chǎn)品上線后，產(chǎn)品經(jīng)理和設(shè)計師還需要定期觀察數(shù)據(jù)，一個是上線數(shù)據(jù)需要一定時間之后幾個指標(biāo)才會穩(wěn)定，另一個是防止出現(xiàn)一些Bug和設(shè)計問題，在影響擴大之前應(yīng)該快速解決；
滿意度調(diào)查：產(chǎn)品上線后（迭代型的產(chǎn)品在上線前也要），需進行問卷式的滿意度調(diào)查，收集用戶對于產(chǎn)品的評價。

我們的小火箭改版設(shè)計，在上線前就做了小范圍的用戶測試，并收集了他們對新版設(shè)計的評價。

可以看出，他們對于如此多的設(shè)計改動點并沒有不適應(yīng)，對新版的設(shè)計非常認(rèn)可，我們也就能夠非常放心地將產(chǎn)品正式上線了。

后來的數(shù)據(jù)也非常好，用戶的啟動率和使用次數(shù)都有大幅提升，再次驗證了這次改版設(shè)計的有效性。

對這塊設(shè)計呈現(xiàn)感興趣的同學(xué)，可以參看之前的視覺思維部分的文章：

交互設(shè)計師應(yīng)具備的技能樹（4）：交互設(shè)計師的視覺思維

三、設(shè)計流程庫

上面介紹的主要是我們團隊在使用的設(shè)計流程，僅供參考，相信你們也有自己的一套系統(tǒng)的設(shè)計流程。除此之外，我們平時還要多注意收集一些設(shè)計流程，有更好的地方我們可以及時地進行迭代和改進，這就是我說的眼界。

典型的流程當(dāng)然不止下面三個，從BAT等各大互聯(lián)網(wǎng)公司的設(shè)計團隊中你還可以找到更多。

1.目標(biāo)導(dǎo)向的設(shè)計過程

在《About Face 4：交互設(shè)計精髓》中，艾倫·庫伯（Alan Cooper）首次提出了目標(biāo)導(dǎo)向的設(shè)計過程，對用戶體驗設(shè)計領(lǐng)域造成了重大影響。我認(rèn)為，就算到如今，這個流程里也依然有很多值得我們學(xué)習(xí)和借鑒的地方。