大家可能會(huì)覺得這種夢(mèng)寐以求狀態(tài)實(shí)在太理想了，也可能會(huì)問到底應(yīng)該怎么做才能掌控主動(dòng)權(quán)呢?其實(shí)我也沒有完全做到這種狀態(tài)，但是我們團(tuán)隊(duì)始終在以這個(gè)目標(biāo)不斷的嘗試和改進(jìn)自己的工作方法，在很多情況下都已經(jīng)產(chǎn)生了不錯(cuò)的效果，所以想分享一下我們的經(jīng)驗(yàn)：

1，設(shè)計(jì)師要做到知己知彼，掌握全面的信息

我曾經(jīng)做過瀏覽器的交互設(shè)計(jì)，我經(jīng)常接到的需求一般會(huì)類似于“做一個(gè)加載網(wǎng)頁的進(jìn)度條”，要是平常可能大家就這么去認(rèn)真的研究這個(gè)進(jìn)度條了。但是我們會(huì)首先放在整個(gè)產(chǎn)品架構(gòu)上去看這個(gè)需求，進(jìn)度條是屬于網(wǎng)頁速度體驗(yàn)的一個(gè)環(huán)境，那么和安全、瀏覽器性能上有什么關(guān)聯(lián)呢?又或者在表現(xiàn)形式上，加載的進(jìn)度條和下載的進(jìn)度條有什么區(qū)別呢?

所以我們的設(shè)計(jì)師會(huì)維護(hù)一個(gè)產(chǎn)品的用戶體驗(yàn)架構(gòu)，看問題并不是只看一個(gè)點(diǎn)，而是看一個(gè)面，并且看到他們之間的聯(lián)系。這樣可以提升我們的反應(yīng)能力和設(shè)計(jì)的精準(zhǔn)性，而要做到它就必須建立在有非常充分信息的基礎(chǔ)上。

1.1 我認(rèn)為設(shè)計(jì)師要掌握的信息有三類，第一個(gè)是要了解產(chǎn)品的戰(zhàn)略方向。

具體表現(xiàn)就是產(chǎn)品的商業(yè)目標(biāo)：為什么要做這個(gè)產(chǎn)品?;以及產(chǎn)品的策略：通過什么方式來實(shí)現(xiàn)這個(gè)目標(biāo)?

剛加入金山調(diào)入瀏覽器部門的時(shí)候，上班第一天我就問領(lǐng)導(dǎo)一個(gè)問題“為什么要做獵豹瀏覽器”，當(dāng)時(shí)領(lǐng)導(dǎo)一副詫異的表情類似“你一個(gè)美工干嘛要問這個(gè)?”。后來經(jīng)過長聊之后我們才溝通清楚，作為設(shè)計(jì)師，之后的每一項(xiàng)方案、每一個(gè)研究和思考的方向、每一次設(shè)計(jì)決策，都是為了幫助實(shí)現(xiàn)你的產(chǎn)品目標(biāo)。所以如果能溝通清楚讓大家都清晰才能夠更好的協(xié)作和執(zhí)行，甚至讓設(shè)計(jì)師發(fā)揮自己的主動(dòng)性來達(dá)成目標(biāo)。

給大家舉個(gè)例子，一年之后我們進(jìn)入海外市場(chǎng)，當(dāng)時(shí)海外的瀏覽器市場(chǎng)還沒有飽和，移動(dòng)瀏覽器的技術(shù)瓶頸也還沒有到。所以我們決定做一款“最快的手機(jī)瀏覽器”，依靠簡單極致的速度去贏得用戶的口碑。

但是可能很多人就問，“快”不是性能和開發(fā)的問題嗎?和設(shè)計(jì)有什么關(guān)系?其實(shí)快不僅是性能，視覺上的簡潔輕巧，交互上的化繁為簡，都是用戶能真切感受到的“快”。

所以當(dāng)時(shí)我們做的第一件事情就是把主題改成白色了。獵豹的品牌色一直是黑色和橙色，非常重的質(zhì)感，老板很喜歡。所以我們這個(gè)改動(dòng)不是一般的難，一來它觸犯了品牌一致性的大忌，二來非常難說服老板上個(gè)年代的審美觀。但是因?yàn)閺?qiáng)烈的目標(biāo)感，大家最終還是推進(jìn)下來了這件事情。

然后設(shè)計(jì)師因?yàn)閷?duì)目標(biāo)的了解也發(fā)揮了很大的主動(dòng)創(chuàng)新能力，比如在簡單App啟動(dòng)過程中，我們?yōu)榱俗孉pp的啟動(dòng)感覺更快，做了很多細(xì)節(jié)上的修改。

傳統(tǒng)上的App啟動(dòng)分為上圖這幾個(gè)步驟，程序啟動(dòng)是一定要等幾秒的，一般產(chǎn)品會(huì)選擇做一個(gè)品牌宣傳的頁面，比如UC這樣。但是我們當(dāng)時(shí)選擇一張圖片，讓模擬加載出一般的“框架效果”，這樣用戶就會(huì)以為我們是一個(gè)逐漸加載的過程。

圖

當(dāng)然這也不是我們?cè)瓌?chuàng)，只是我們?yōu)榱丝斓哪繕?biāo)，而最終選擇了這個(gè)方向。

另外一個(gè)步驟就是首頁的內(nèi)容展現(xiàn)也會(huì)有一個(gè)加載，雖然很短但是如果不作處理的話就會(huì)顯示一個(gè)loading也不是很好。于是我們又用了一張圖片，是用戶上次退出的時(shí)候主屏的截圖來替代loading的小菊花，這樣過渡效果就柔和很多。

圖

另外還有一個(gè)小細(xì)節(jié)，同樣的截圖，我們顏色確是不一樣的(下圖文本框)，這樣一深一淺是模擬加載的時(shí)候內(nèi)容漸隱展現(xiàn)出來的感覺。

圖

所以就是這樣幾張簡單的圖，我們?cè)诟泄偕辖o了用戶順暢和快速啟動(dòng)感受。所以其實(shí)在實(shí)際工作中，產(chǎn)品的方向深刻的影響了設(shè)計(jì)師的每一個(gè)判斷和思考，同樣也影響了設(shè)計(jì)師的效率和成敗。有的時(shí)候我們只覺得管好眼前的事情或者分內(nèi)的事情，殊不知反而會(huì)帶來更多的迷茫、爭執(zhí)和不理解。

1.2 了解用戶反饋和數(shù)據(jù)

在傳統(tǒng)的流程下設(shè)計(jì)師大部分情況可能都不會(huì)直接接觸到數(shù)據(jù)和用戶反饋，而是經(jīng)過運(yùn)營或產(chǎn)品經(jīng)理整理，或者好一點(diǎn)的公司還能有用研給一個(gè)結(jié)論。更有的同學(xué)覺得，數(shù)據(jù)和用戶反饋不就是產(chǎn)品經(jīng)理和運(yùn)營用到的嗎?設(shè)計(jì)主要還是靠美感和品位。

但是更多時(shí)候設(shè)計(jì)是解決問題的，問題的來源往往就來自于數(shù)據(jù)和用戶反饋。可是數(shù)據(jù)和反饋并不能直接給出設(shè)計(jì)師想要的目標(biāo)，它們僅僅是素材，運(yùn)營同學(xué)可以從中看出如何改善運(yùn)營活動(dòng)，產(chǎn)品同學(xué)可以從中挖掘需求，所以設(shè)計(jì)同學(xué)也應(yīng)該自己去研究和消化數(shù)據(jù)和用戶反饋來改進(jìn)自己的設(shè)計(jì)。

我們團(tuán)隊(duì)的流程通常是這樣的，有一位專門的同學(xué)每天收集來自各個(gè)渠道的用戶反饋然后發(fā)給團(tuán)隊(duì)所有成員，如果大家有興趣的話，可以挖掘用戶的原文并且找到用戶的聯(lián)系方式繼續(xù)深聊。如果數(shù)量多或者比較嚴(yán)重，則會(huì)在討論會(huì)上各個(gè)角色都提出自己的專業(yè)建議，并且討論項(xiàng)目排期和改進(jìn)計(jì)劃。

數(shù)據(jù)也是一個(gè)道理，數(shù)據(jù)的漲跌會(huì)因?yàn)楹芏鄰?fù)雜的原因造成，各個(gè)角色也會(huì)參與和跟進(jìn)到數(shù)據(jù)的變化的分析中。有的時(shí)候我們的設(shè)計(jì)師會(huì)做出很多種設(shè)計(jì)樣式小量測(cè)試，然后看數(shù)據(jù)的變化來得出最佳的設(shè)計(jì)方案。

所以這兩樣?xùn)|西設(shè)計(jì)師不光是簡單地看：反饋的原始場(chǎng)景是什么?反饋的是什么樣的用戶?能否深挖這個(gè)反饋，和用戶聯(lián)系?

也不僅僅是看而已：收集并且觀察，重要的還得跟進(jìn)細(xì)節(jié);長期保留作為以后設(shè)計(jì)決策的依據(jù);長期觀察，提升自己對(duì)用戶和數(shù)據(jù)的理解;