從一個案例說起,如何用設計驅動重塑設計團隊

6 評論 12564 瀏覽 21 收藏 8 分鐘

一個好的成熟的設計團隊是能通過設計驅動產品,讓它像一個輪子一樣不斷的前進,迭代。

在很多公司里面,一個產品的好壞更多的是取決于產品經理、商務或者開發,而不是設計。因為很多設計師都有一種“等需求”的想法,等待產品經理的需求列表,按部就班的做事情,這樣會讓設計團隊越來越不重要。所以作為設計師應該主動轉變思路,從等待需求做設計轉變為在沒有需求的情況下用設計去驅動產品。

具體流程可以概括為:在現有版本通過數據挖掘和用戶反饋,把握產品的需求點和新版本的著力點;通過高保真Demo和可用性測試讓產品落地;最后收集新的用戶反饋和數據進行下一版本的迭代。

一顆樹要想長成參天大樹,首先要有發達的根系,然后要有強壯的樹干,最后要有茂密的樹葉,只有這樣才能讓每個環節都吸收充足的養分,良好地生長。其實產品也一樣,我們以此類比,梳理出設計驅動產品的設計脈絡:

  • 追根溯源
  • 根生固本
  • 枝繁葉茂
  • 細枝末節

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

一、 追根溯源

在產品設計之初通過數據挖掘和用戶反饋把握產品需求點,找到新版設計的突破點。

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

通過對比8.0和1.0版本的數據我們發現:10.0版本的tab指數,頁面切換的點擊率上去了,但是按鈕的點擊率下去了,這說明用戶會在大小界面來回切換但是他并不會去點擊這個功能。

同時很多用戶反饋,8.0升級到10.0,大小界面不統一,功能感知弱,活躍度低下。

針對這些數據和用戶反饋我們列出了管家11.0的改版需求:

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

二、根生固本

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

2.1 大小界面不統一

10.0的版本tab是放在上面的,大小界面相差很多,用戶反饋很不適應。于是我們在11.0的版本把tab進行重新規劃,將tab區域整體移到放到下方,讓上方區域全部去做整體的狀態感知。

2.2 功能模塊的整體包裝設計

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

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

2.3 提高用戶活躍度

通過數據我們發現很多人打開電腦管家其實不是一個單一的行為,例如在查殺病毒之后,還會繼續清理磁盤垃圾。所以我們在11.0的版本的結果頁做了很多其他功能的入口。還是以查殺病毒為例,在結果頁并不是單純只顯示一個結果,告訴你發現了多少病毒殺滅了多少病毒,我們還做了很多功能的拉動。去引導用戶繼續使用其他功能。

三、枝繁葉茂

這一步是確定視覺的過程,我們會定出產品主色調,相應模塊的熱區范圍。圖標的定義,如圖標大小、線的寬度等。然后根據這些定義做出所有的頁面并完成最后的標注。

最終形成了電腦管家11.0.

四、細致末節

在第三步我們實際已經打造出了一個完整的產品。那為什么會有第四步?因為在一個大型的項目中一般會有一個主設計師去定義好一個框架并做完一個模塊,剩下的模塊會交給其他設計師做。但是我們會發現這些設計師只會單純的依照主設的框架去設計,他們往往會忽略用戶場景。

一個成熟的產品,每個功能使用的場景是不相同的,不同場景也造成了每個功能的配合點不同。

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

在設計之初我們定義的主流程是:打開管家,選擇加速,開始掃描,完成加速。

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

因此我們最后選擇了大界面+小火箭浮窗的形式,玩家需要加速的時候點一下小火箭就可以快速的完成加速。

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

因為在一個大的項目或者大版本迭代中視覺稿并不能很好的發現問題,所以我們需要Demo來驗證設計,模擬真實情況下的用戶手感。同時Demo也能更直觀的向負責人或者開發闡明設計思路,設計需求,從而降低溝通成本縮短開發周期,保證產品的順利落地。

最后我們會進行可用性測試和專家訪談。從中收集數據和用戶反饋,并對這些數據和反饋進行整理,列出下個版本的優化點。這其實就是回到了整個設計脈絡的第一步,完成了一個閉環。

總結:

通過可用性測試和反饋找到新版本的需求點,高保真Demo+可用性測試讓產品落地,然后通過數據挖掘和反饋再進行后續版本的優化。

所以一個好的成熟的設計團隊是能通過設計驅動產品,讓它像一個輪子一樣不斷的前進,迭代。

 

作者:楊凱(騰訊資深交互設計師) ? ? 整理:?小朱、夜旭

本文由 @UXRen 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. ?? ?? ??

    來自香港 回復
  2. ?? ?? ??

    來自香港 回復
  3. ? ? ??

    來自香港 回復
  4. ? ?? ? ? ?? ?? ??

    來自香港 回復
  5. 這個是不是在說工作的主動性?

    來自廣東 回復
  6. 設計驅動重塑設計團隊,4動詞+1名詞組合在一起原來有這么多種斷句方式 ??

    來自上海 回復