交互探討:以用戶場景和產品需求導向的設計 | 雷鋒網

【編者按】本文作者@wbuild,在文中,作者介紹了設計師在成長過程中的三個階段,並針對這三種不同的發展階段講述了三種不同適應自己水平的設計方法。從基礎技術到效果設計,最後要設計師要做的就是設計用戶。在對設計師而言,對自己設計最重要的就是深刻理解產品需求,深入考慮用戶是如何使用產品,作為交互設計師,我覺得有幾個發展階段:初入這個領域,大部份人可能更多精力放在如何使用工具、如何畫線框圖、如何將想法變為實際可見的Demo;再往下一個階段的設計師,可能會考慮線框圖怎樣做得更加合理、怎樣可以有更棒的交互效果、關注任務流程和信息結構的設計以及可用性原則;再到一個更高層次,我覺得需要設計師在前兩個層次的基礎上去前置產品,深刻理解產品需求,深入考慮用戶是如何使用產品的。用戶使用產品有哪些路徑以及在這些路徑上的實際使用場景是怎樣的。哪些是強場景,哪些是弱場景,在各場景下用戶目標是怎樣的,他們有怎樣的需求,哪些是強需求,哪些是弱需求……跟大家分享第3個層次的設計方法,這些方法適合WebBase類產品的設計。首先做產品的初期,從PM那裡拿到需求時,一定不是立馬開始畫線框圖。做一個產品,我們設計師的工作就是要確定兩個核心的問題:1、需要哪些頁面以及這些頁面的關係;2、每個頁面應該如何設計。對於第1個問題我是這樣考慮的。首先確定產品的用戶群和使用場景,這裡的用戶群是產品中實際存在的、互斥的幾個群體,分類方法很多,以產品自身特徵來確定,也可以在前期用研的基礎上來確定。基於此思路就產生下面的一個思維圖:

當然,這裡需要去判斷哪些是強場景,哪些是弱場景,然後在做設計時,做些取捨。比如強場景下,可以考慮將較核心的路徑入口添加到明顯的位置(如導航)。拿百度身邊來舉例,這裡按這種模型大致羅列了頁面路徑:

(這邊重點介紹設計模型,對於裡面的分類方法是否有優化空間這裡不做特別的探討)在設計時,我們綜合考慮這兩種用戶,並從中選擇幾個最強的場景,如找美食、商家,這樣就需要有清晰的商家聚合頁及美食聚合頁。現在,「需要哪些頁面以及這些頁面之間的關係」已經非常清楚了,我們就可以產出如下產品架構圖:

第1個問題解決了,下面看看單獨一個頁面應該如何去設計。首先還是引用與第1個問題類似的設計模型:考慮此頁面有幾種互斥的用戶,這些用戶在這個頁面有哪些使用場景,每一種使用場景下用戶有哪些需求及對應的功能。針對每一個功能,從深度、廣度、頻度這3個維度來評價功能的強弱。功能越強,設計時需要優先考慮此功能,比如在最明顯的位置給予最強的展現;功能越弱,則考慮將功能隱藏、合併或置於非核心視圖區域。

以百度XX產品APP官網為例,引用此模型則可以導出以下思維圖:

由此模型,我們發現平台入口、下載入口、產品功能等得分較高,因此這些是我們在設計時需要重點考慮和突出展示的信息。因此,我們做了以下的設計:

在設計一個產品過程中,引入以上設計模型,我們可以真正做到「以用戶為中心「去設計,同時,可以非常清晰的解決以下問題:模擬重現真實用戶實際是如何使用我們的產品,避免盲目的主觀臆斷;設計師與PM能用同樣的思維模式考慮同一個問題,避免無休的爭論;真實考慮每一種用戶的使用路徑,為任務流程的優化以及頁面路徑的合理化提供依據;重現每個頁面的用戶目標及需求,從而使頁面布局和功能展現更加合理,符合用戶預期;原文鏈接:【交互探討:以用戶場景和產品需求導向的設計】2您可能也喜歡:

人人都「懂」交互設計-未必人人都是交互設計師

Mijlo:如何設計不過時的產品

交互設計師存在的價值

視覺設計師的進階心法

視覺設計—衍生產品風格設計無覓關聯推薦[?](若無特別註明,雷鋒網文章皆為原創,轉載請註明出處)

郭曉龍 @雷鋒網最近玩脫了,一路敗家各種設備,如果有興趣一起敗的請持續關注本站,如果需要精準通知的跳到渣浪找@warlial 需要確定一下才能決定應該是告訴你電話、郵件、QQ微信還是給你個公眾號就好。最新發表DIY:擁有絕佳移動力的球平衡機器人系出名門:Intel Galileo的十大特性真要命:錢包會向老媽投訴我沒錢樂高積木:沒有什麼外形是我們無法塑造的Sono:貼在玻璃上的「滅聲器」


推薦閱讀:

探討伏羲八卦的形成
明心見性之探討
運輸毒品犯罪刑罰適用問題探討
《問題探討》《孝經》在當代有何價值?
(轉載)關於宇宙的個人簡略探討

TAG:設計 | 產品 | 需求 | 用戶 | 雷鋒 | 場景 | 雷鋒網 | 產品需求 | 探討 |