一個(gè)好的成熟的設(shè)計(jì)團(tuán)隊(duì)是能通過設(shè)計(jì)驅(qū)動產(chǎn)品，讓它像一個(gè)輪子一樣不斷的前進(jìn)，迭代。

在很多公司里面，一個(gè)產(chǎn)品的好壞更多的是取決于產(chǎn)品經(jīng)理、商務(wù)或者開發(fā)，而不是設(shè)計(jì)。因?yàn)楹芏嘣O(shè)計(jì)師都有一種“等需求”的想法，等待產(chǎn)品經(jīng)理的需求列表，按部就班的做事情，這樣會讓設(shè)計(jì)團(tuán)隊(duì)越來越不重要。所以作為設(shè)計(jì)師應(yīng)該主動轉(zhuǎn)變思路，從等待需求做設(shè)計(jì)轉(zhuǎn)變?yōu)樵跊]有需求的情況下用設(shè)計(jì)去驅(qū)動產(chǎn)品。

具體流程可以概括為：在現(xiàn)有版本通過數(shù)據(jù)挖掘和用戶反饋，把握產(chǎn)品的需求點(diǎn)和新版本的著力點(diǎn)；通過高保真Demo和可用性測試讓產(chǎn)品落地；最后收集新的用戶反饋和數(shù)據(jù)進(jìn)行下一版本的迭代。

一顆樹要想長成參天大樹，首先要有發(fā)達(dá)的根系，然后要有強(qiáng)壯的樹干，最后要有茂密的樹葉，只有這樣才能讓每個(gè)環(huán)節(jié)都吸收充足的養(yǎng)分，良好地生長。其實(shí)產(chǎn)品也一樣，我們以此類比，梳理出設(shè)計(jì)驅(qū)動產(chǎn)品的設(shè)計(jì)脈絡(luò)：

• 追根溯源
• 根生固本
• 枝繁葉茂
• 細(xì)枝末節(jié)

具體案例：電腦管家11.0版本改版

一、 追根溯源

在產(chǎn)品設(shè)計(jì)之初通過數(shù)據(jù)挖掘和用戶反饋把握產(chǎn)品需求點(diǎn)，找到新版設(shè)計(jì)的突破點(diǎn)。

以電腦管家為例，在10.0版本創(chuàng)造性的推出了大小界面，我們希望小界面服務(wù)小白用戶，做到快捷方便。而大界面服務(wù)于對電腦有一定研究的資深用戶，所以將復(fù)雜操作和功能放在了大界面。

通過對比8.0和1.0版本的數(shù)據(jù)我們發(fā)現(xiàn)：10.0版本的tab指數(shù)，頁面切換的點(diǎn)擊率上去了，但是按鈕的點(diǎn)擊率下去了，這說明用戶會在大小界面來回切換但是他并不會去點(diǎn)擊這個(gè)功能。

同時(shí)很多用戶反饋，8.0升級到10.0，大小界面不統(tǒng)一，功能感知弱，活躍度低下。

針對這些數(shù)據(jù)和用戶反饋我們列出了管家11.0的改版需求：

1. 完善大小界面
2. 功能模塊的整體包裝設(shè)計(jì)
3. 提高用戶活躍度

二、根生固本

依照第一步的得到的改版方向去做整體的交互框架。

2.1 大小界面不統(tǒng)一

10.0的版本tab是放在上面的，大小界面相差很多，用戶反饋很不適應(yīng)。于是我們在11.0的版本把tab進(jìn)行重新規(guī)劃，將tab區(qū)域整體移到放到下方，讓上方區(qū)域全部去做整體的狀態(tài)感知。

2.2 功能模塊的整體包裝設(shè)計(jì)

在10.0的版本中，我們在界面只放了一個(gè)按鈕，就是一鍵操作。而將其他的附加功能隱藏起來，用戶必須通過一級二級甚至是三級的路徑才能尋找。這造成了很多用戶找不到功能。所以在11.0版本中，我們將附加功能在主界面做一個(gè)曝光，讓用戶可以在主界面直接找到功能的入口。

同時(shí)我們讓很多功能的展現(xiàn)數(shù)據(jù)化、可視化，讓用戶知道軟件每一步在做什么。而不是像以前只是通過文字去展示狀態(tài)。這極大的提高了用戶對產(chǎn)品功能和自身電腦狀態(tài)的感知。

2.3 提高用戶活躍度

通過數(shù)據(jù)我們發(fā)現(xiàn)很多人打開電腦管家其實(shí)不是一個(gè)單一的行為，例如在查殺病毒之后，還會繼續(xù)清理磁盤垃圾。所以我們在11.0的版本的結(jié)果頁做了很多其他功能的入口。還是以查殺病毒為例，在結(jié)果頁并不是單純只顯示一個(gè)結(jié)果，告訴你發(fā)現(xiàn)了多少病毒殺滅了多少病毒，我們還做了很多功能的拉動。去引導(dǎo)用戶繼續(xù)使用其他功能。

三、枝繁葉茂

這一步是確定視覺的過程，我們會定出產(chǎn)品主色調(diào)，相應(yīng)模塊的熱區(qū)范圍。圖標(biāo)的定義，如圖標(biāo)大小、線的寬度等。然后根據(jù)這些定義做出所有的頁面并完成最后的標(biāo)注。

最終形成了電腦管家11.0.

四、細(xì)致末節(jié)

在第三步我們實(shí)際已經(jīng)打造出了一個(gè)完整的產(chǎn)品。那為什么會有第四步？因?yàn)樵谝粋€(gè)大型的項(xiàng)目中一般會有一個(gè)主設(shè)計(jì)師去定義好一個(gè)框架并做完一個(gè)模塊，剩下的模塊會交給其他設(shè)計(jì)師做。但是我們會發(fā)現(xiàn)這些設(shè)計(jì)師只會單純的依照主設(shè)的框架去設(shè)計(jì)，他們往往會忽略用戶場景。

一個(gè)成熟的產(chǎn)品，每個(gè)功能使用的場景是不相同的，不同場景也造成了每個(gè)功能的配合點(diǎn)不同。

以電腦管家的加速功能為例：

在設(shè)計(jì)之初我們定義的主流程是：打開管家，選擇加速，開始掃描，完成加速。

但真實(shí)的情況下用戶不會這樣去做，他們希望在電腦卡慢時(shí)能馬上加速，并不會去找打開管家去尋找加速的button。

因此我們最后選擇了大界面＋小火箭浮窗的形式，玩家需要加速的時(shí)候點(diǎn)一下小火箭就可以快速的完成加速。

之后我們會輸出高保真的Demo。

因?yàn)樵谝粋€(gè)大的項(xiàng)目或者大版本迭代中視覺稿并不能很好的發(fā)現(xiàn)問題，所以我們需要Demo來驗(yàn)證設(shè)計(jì)，模擬真實(shí)情況下的用戶手感。同時(shí)Demo也能更直觀的向負(fù)責(zé)人或者開發(fā)闡明設(shè)計(jì)思路，設(shè)計(jì)需求，從而降低溝通成本縮短開發(fā)周期，保證產(chǎn)品的順利落地。

最后我們會進(jìn)行可用性測試和專家訪談。從中收集數(shù)據(jù)和用戶反饋，并對這些數(shù)據(jù)和反饋進(jìn)行整理，列出下個(gè)版本的優(yōu)化點(diǎn)。這其實(shí)就是回到了整個(gè)設(shè)計(jì)脈絡(luò)的第一步，完成了一個(gè)閉環(huán)。

總結(jié)：

通過可用性測試和反饋找到新版本的需求點(diǎn)，高保真Demo+可用性測試讓產(chǎn)品落地，然后通過數(shù)據(jù)挖掘和反饋再進(jìn)行后續(xù)版本的優(yōu)化。

所以一個(gè)好的成熟的設(shè)計(jì)團(tuán)隊(duì)是能通過設(shè)計(jì)驅(qū)動產(chǎn)品，讓它像一個(gè)輪子一樣不斷的前進(jìn)，迭代。

作者：楊凱(騰訊資深交互設(shè)計(jì)師) ? ? 整理：?小朱、夜旭

本文由 @UXRen 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。