網頁設計的完整分析思路整理

很多交互設計師在進行工作時,會出現需求溝通與操作難以鏈接的問題,溝通之後卻不知從何下手,這種情況多原因是在執行操作之前,沒有對需求進行具體的分析和定位。

而如何在操作之前根據客戶的需求來理清相關的思路,是解決這個問題的關鍵。以下我們詳細來討論一下。

一. 確定頁面的類型

首先,要先考慮對方需要的屬於什麼類型的頁面。針對不同類型的頁面,我們在佈局之前的時思路和側重點都是不一樣的。

我們平常會涉及到的主要頁麵類型有以下幾類:

1)導航型頁面:側重用戶路徑引導和流量分發,往往會帶有較強的運營性質。單純的入口型與以核心內容入口,這兩種方式的選擇可以根據強弱需求的不同來選擇。

2)消費型頁面:側重讓用戶能深度沉浸的瀏覽頁面內容,如京東商品列表頁,花瓣瀑布流內容頁。

3)任務型頁面:側重讓用戶順暢高效的完整一系列操作,達到某個明確目的,如訂入住酒店頁面。

當然,也會有多種類型混合的頁面,比如1+2成了天貓首頁。

二. 前期分析思路

“在公司中作為職能部門的UED團隊,需要站在用戶的角度思辨業務,通過服務內部客戶進而服務我們的最終用戶,用網頁設計專業幫助業務成功,與業務一起成長”。阿里的五導家ThinkFlow就提出過·這樣的理論。

具體分析的詳細步驟如下:

1. 挖掘業務(市場)本質需求

2. 洞見用戶需求

3. 確立網頁設計目標

4. 解決方案發散&收斂

5. 解決方案落地到頁面中

1. 挖掘業務本質需求

1). 了解項目概況和目標

這一步主要是跟需求方不斷的去聊去了解,基本的問題如下:

a. 為什麼會產生這樣的需求?目標是什麼? (一定要深問,可參考“五個為什麼分析法”)

b. 業務方針對目標提出的解決方案是什麼,具體是怎麼想的?是否還有想要解決的問題沒想好方案的?

c. 該業務經驗性的特點有哪些?是否有數據或報告。比如,產品/品類特色是什麼,何種內容轉化高點擊好…

b. 業務後續規劃的藍圖是怎樣的?

大概的方向如上,具體的小問題可以在溝通的時候細化出來,通過這些問題,我們能對項目方向有個基本了解。

2). 挖掘業務本質

有的網頁設計師到上一步就開始著手操作怎麼設計網頁了,其實這樣是不合理的,容易讓設計思路停留在語言描述的淺層次,設計功能浮於淺層需求,就會出現後續的解決方案有一定的限制性,很難達到客戶的本質需求。所以如果要避免這個問題,就需要設計師在溝通時進行深層次的思考,內容可以貼合以下方向。

a. 定位的主要目標用戶群體是誰?選取得是否合理?為他們帶來的核心價值是什麼?為公司帶來的核心價值是什麼?

b. 整個業務流程是怎樣的?盈利模式是什麼?

c. 市場/行業情況怎麼樣?未來的趨勢呢?

d. 競爭對手是誰?我們跟競爭對手相比核心競爭力在哪裡?

c. 我們的核心策略方向是否真的有效,發力重點是否合理?

2. 理解用戶訴求

在前面的目標用戶分析的基礎上,我們要占到用戶的真正訴求,通過了解用戶的品牌和產品,來體會和理解體會用戶真正的痛點和深層次的需求。

某家居用品商要製造一款家用鑽孔機,繼續往下深挖用戶訴求:

“用戶需要的並不是一台鑽孔機,他們需要的是牆上有幾個孔”

“用戶需要的並不是牆上的幾個孔,他們需要的是牆上顯示家人照片”

“用戶需要的並不是掛了照片的牆,他們需要的是一個更溫馨生動的家”

聚焦到最深層次的需求,也許到最後你的產品從一台傳統的鑽孔機變成了嵌在牆上的一個電子相冊,說不定還能自動更新、可交互~~ 不管最後的形態是怎樣的,這樣的需求探究是有助於直達真正的需求,且接近客戶滿意度的一個很好的途徑。

a. 用戶角色+場景窮舉,再結合業務的核心價值(業務訴求分析時已經得出)對進行優先級排序,獲得典型場景。

b. 用戶需求&痛點收集,可參考KANO模型(基本型需求、期望型需求和興奮型需求)判斷痛點待解決的級別。

c. 定位用戶訴求背後的潛在訴求。 (“我要找到靠譜的網頁設計師幫我網頁設計房子”— >“我想實現理想中的生活方式”)

d. 用戶體驗地圖,結合數據分析和用戶意見反饋(適用於整個流程分析)

e. 同理心地圖

獲取方式更多樣,比如:直接找類似用戶訪談; 潛入用戶圈子看他們在說什麼,記錄下來(社區圈子、問答平台),follow資深型用戶; 看用戶對競品的評價和吐槽;後台用戶意見反饋收集整理… 通過這些手段,基本上能有一個比較生動的用戶形象呈現在你面前了,這時候就可以回到最後的輸出:

1)典型用戶場景(包含用戶關注點和用戶痛點)

2)用戶主要訴求和潛在訴求

3. 網頁設計目標確定

當業務訴求與用戶訴求都已經明確之後,我們會發現事情漸漸變得明朗起來。拿著市場需求和用戶需要以及業務原本的需求來對一對,市場趨勢和用戶需要也更加明確。

此時,我們已經可以判斷之前需求方提的目標是否合理,如果有補充和調整就可以提出跟需求方進行商量了,而且此時的商量應該是有理有據的,一般情況下,給出收集的實際情況,需求方應該會給出判斷,是否可以作為本期目標或其他階段的目標。

經過溝通,可以提煉出業務目標:

通過「某策略」,幫助用戶實現「某價值」,以完成「價值變現」

如“通過「讓用戶方便有趣地展示家庭相冊」,幫助用戶實現「家的溫馨感」,以完成「更大的市場佔有率」”。

業務目標中,判斷網頁設計這一步可以完成的是什麼,這便是網頁設計目標。比如以上案例,網頁設計目標就可以定為1.讓用戶方便的展示家庭相冊2.讓用戶在展示的過程中獲得更多樂趣。

4. 解決方案發散與收斂

解決方案的發散關鍵在於要緊扣網頁設計目標,同時又不脫離用戶角色。可把網頁設計目標具象化成幾個關鍵詞,比如周期性回訪、加強信任感、新客轉化…等,然後圍繞具體問題具體發散解決方案。

1) 核心問題聚焦-發散分析。依據分析得出的網頁設計目標和網頁設計策略,圍繞得出的結論點來不斷細分和發散。

2.)細分用戶類型和場景分析。如:細分新老客、帶目的1的用戶和目的2的用戶,他們的用戶場景和具體訴求。

3) 按流程步驟分析。當涉及頁面流程較長時,可以找到用戶幾個關鍵的流程節點,使用漸進流程節點分析,如下方案例分析買手機的用戶:

4)AICDA五步分析:引起注意——產生興趣——建立信任——刺激慾望——促使行動。這套分析思路比較適用於行銷活動類的頁面。

更多可參考的方法:

– 頭腦風暴/無聲頭腦風暴

– 用戶行為理論分析

– 五個WHY分析

– 用戶體驗地圖

– 服務藍圖

– SWOT分析

進行完發散之後,就可以跟業務方進行一輪溝通評估,通過評估的基本就可以留下作為最後要落地的解決方案了~~ 具體評判維度可參考以下2點,

1) 可行性評估,運營成本、開發可實現性

2)價值評估,判斷最能輔助目標達成的方案、投入產出比

做完以上分析,剩下的就是具體的設計思路和方案的落地了,在具體執行落地中,遵循一定的思路來,進行具體執行細化,形式可以有所變化,但大方向的把控是要準確的。