網(wǎng)頁設(shè)計(jì)的完整分析思路整理

時(shí)間：2023-10-15 22:18:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-10-15 22:18:02 來源：網(wǎng)站運(yùn)營

網(wǎng)頁設(shè)計(jì)的完整分析思路整理：很多交互設(shè)計(jì)師在進(jìn)行工作時(shí)，會出現(xiàn)需求溝通與操作難以鏈接的問題，溝通之后卻不知從何下手，這種情況多原因是在執(zhí)行操作之前，沒有對需求進(jìn)行具體的分析和定位。

而如何在操作之前根據(jù)客戶的需求來理清相關(guān)的思路，是解決這個(gè)問題的關(guān)鍵。以下我們詳細(xì)來討論一下。

一. 確定頁面的類型

首先，要先考慮對方需要的屬于什么類型的頁面。 針對不同類型的頁面，我們在布局之前的時(shí)思路和側(cè)重點(diǎn)都是不一樣的。

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

1）導(dǎo)航型頁面：側(cè)重用戶路徑引導(dǎo)和流量分發(fā)，往往會帶有較強(qiáng)的運(yùn)營性質(zhì)。單純的入口型與以核心內(nèi)容入口，這兩種方式的選擇可以根據(jù)強(qiáng)弱需求的不同來選擇。

2）消費(fèi)型頁面：側(cè)重讓用戶能深度沉浸的瀏覽頁面內(nèi)容，如京東商品列表頁，花瓣瀑布流內(nèi)容頁。

3）任務(wù)型頁面：側(cè)重讓用戶順暢高效的完整一系列操作，達(dá)到某個(gè)明確目的，如訂入住酒店頁面。

當(dāng)然，也會有多種類型混合的頁面，比如1+2成了天貓首頁。

二. 前期分析思路

“在公司中作為職能部門的UED團(tuán)隊(duì)，需要站在用戶的角度思辨業(yè)務(wù)，通過服務(wù)內(nèi)部客戶進(jìn)而服務(wù)我們的最終用戶,用網(wǎng)頁設(shè)計(jì)專業(yè)幫助業(yè)務(wù)成功，與業(yè)務(wù)一起成長”。 阿里的五導(dǎo)家ThinkFlow就提出過·這樣的理論。

具體分析的詳細(xì)步驟如下：

1. 挖掘業(yè)務(wù)（市場）本質(zhì)需求

2. 洞見用戶需求

3. 確立網(wǎng)頁設(shè)計(jì)目標(biāo)

4. 解決方案發(fā)散&收斂

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

1. 挖掘業(yè)務(wù)本質(zhì)需求

1）. 了解項(xiàng)目概況和目標(biāo)

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

a. 為什么會產(chǎn)生這樣的需求？目標(biāo)是什么？（一定要深問，可參考“五個(gè)為什么分析法”）

b. 業(yè)務(wù)方針對目標(biāo)提出的解決方案是什么，具體是怎么想的？是否還有想要解決的問題沒想好方案的？

c. 該業(yè)務(wù)經(jīng)驗(yàn)性的特點(diǎn)有哪些？是否有數(shù)據(jù)或報(bào)告。比如，產(chǎn)品/品類特色是什么，何種內(nèi)容轉(zhuǎn)化高點(diǎn)擊好…

b. 業(yè)務(wù)后續(xù)規(guī)劃的藍(lán)圖是怎樣的？

大概的方向如上，具體的小問題可以在溝通的時(shí)候細(xì)化出來，通過這些問題，我們能對項(xiàng)目方向有個(gè)基本了解。

2）. 挖掘業(yè)務(wù)本質(zhì)

有的網(wǎng)頁設(shè)計(jì)師到上一步就開始著手操作怎么設(shè)計(jì)網(wǎng)頁了，其實(shí)這樣是不合理的，容易讓設(shè)計(jì)思路停留在語言描述的淺層次，設(shè)計(jì)功能浮于淺層需求，就會出現(xiàn)后續(xù)的解決方案有一定的限制性，很難達(dá)到客戶的本質(zhì)需求。所以如果要避免這個(gè)問題，就需要設(shè)計(jì)師在溝通時(shí)進(jìn)行深層次的思考，內(nèi)容可以貼合以下方向。

a. 定位的主要目標(biāo)用戶群體是誰？選取得是否合理？為他們帶來的核心價(jià)值是什么？為公司帶來的核心價(jià)值是什么？

b. 整個(gè)業(yè)務(wù)流程是怎樣的？盈利模式是什么？

c. 市場/行業(yè)情況怎么樣？未來的趨勢呢？

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

c. 我們的核心策略方向是否真的有效，發(fā)力重點(diǎn)是否合理？

2. 理解用戶訴求

在前面的目標(biāo)用戶分析的基礎(chǔ)上，我們要占到用戶的真正訴求，通過了解用戶的品牌和產(chǎn)品，來體會和理解體會用戶真正的痛點(diǎn)和深層次的需求。

某家居用品商要制造一款家用鉆孔機(jī)，繼續(xù)往下深挖用戶訴求：

“用戶需要的并不是一臺鉆孔機(jī)，他們需要的是墻上有幾個(gè)孔”

“用戶需要的并不是墻上的幾個(gè)孔，他們需要的是墻上顯示家人照片”

“用戶需要的并不是掛了照片的墻，他們需要的是一個(gè)更溫馨生動的家”

聚焦到最深層次的需求，也許到最后你的產(chǎn)品從一臺傳統(tǒng)的鉆孔機(jī)變成了嵌在墻上的一個(gè)電子相冊，說不定還能自動更新、可交互~~ 不管最后的形態(tài)是怎樣的，這樣的需求探究是有助于直達(dá)真正的需求，且接近客戶滿意度的一個(gè)很好的途徑。

a. 用戶角色+場景窮舉，再結(jié)合業(yè)務(wù)的核心價(jià)值（業(yè)務(wù)訴求分析時(shí)已經(jīng)得出）對進(jìn)行優(yōu)先級排序，獲得典型場景。

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

c. 定位用戶訴求背后的潛在訴求。（“我要找到靠譜的網(wǎng)頁設(shè)計(jì)師幫我網(wǎng)頁設(shè)計(jì)房子”— >“我想實(shí)現(xiàn)理想中的生活方式”）

d. 用戶體驗(yàn)地圖，結(jié)合數(shù)據(jù)分析和用戶意見反饋（適用于整個(gè)流程分析）

e. 同理心地圖

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

1）典型用戶場景（包含用戶關(guān)注點(diǎn)和用戶痛點(diǎn)）

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

3. 網(wǎng)頁設(shè)計(jì)目標(biāo)確定

當(dāng)業(yè)務(wù)訴求與用戶訴求都已經(jīng)明確之后，我們會發(fā)現(xiàn)事情漸漸變得明朗起來。拿著市場需求和用戶需要以及業(yè)務(wù)原本的需求來對一對，市場趨勢和用戶需要也更加明確。

此時(shí)，我們已經(jīng)可以判斷之前需求方提的目標(biāo)是否合理，如果有補(bǔ)充和調(diào)整就可以提出跟需求方進(jìn)行商量了，而且此時(shí)的商量應(yīng)該是有理有據(jù)的，一般情況下，給出收集的實(shí)際情況，需求方應(yīng)該會給出判斷，是否可以作為本期目標(biāo)或其他階段的目標(biāo)。

經(jīng)過溝通，可以提煉出業(yè)務(wù)目標(biāo)：

通過「某策略」，幫助用戶實(shí)現(xiàn)「某價(jià)值」，以完成「價(jià)值變現(xiàn)」

如“通過「讓用戶方便有趣地展示家庭相冊」，幫助用戶實(shí)現(xiàn)「家的溫馨感」，以完成「更大的市場占有率」”。

業(yè)務(wù)目標(biāo)中，判斷網(wǎng)頁設(shè)計(jì)這一步可以完成的是什么，這便是網(wǎng)頁設(shè)計(jì)目標(biāo)。比如以上案例，網(wǎng)頁設(shè)計(jì)目標(biāo)就可以定為1.讓用戶方便的展示家庭相冊 2.讓用戶在展示的過程中獲得更多樂趣。

4. 解決方案發(fā)散與收斂

解決方案的發(fā)散關(guān)鍵在于要緊扣網(wǎng)頁設(shè)計(jì)目標(biāo)，同時(shí)又不脫離用戶角色。可把網(wǎng)頁設(shè)計(jì)目標(biāo)具象化成幾個(gè)關(guān)鍵詞，比如周期性回訪、加強(qiáng)信任感、新客轉(zhuǎn)化…等，然后圍繞具體問題具體發(fā)散解決方案。

1） 核心問題聚焦-發(fā)散分析。依據(jù)分析得出的網(wǎng)頁設(shè)計(jì)目標(biāo)和網(wǎng)頁設(shè)計(jì)策略，圍繞得出的結(jié)論點(diǎn)來不斷細(xì)分和發(fā)散。

2.）細(xì)分用戶類型和場景分析。如：細(xì)分新老客、帶目的1的用戶和目的2的用戶，他們的用戶場景和具體訴求。

3） 按流程步驟分析。當(dāng)涉及頁面流程較長時(shí)，可以找到用戶幾個(gè)關(guān)鍵的流程節(jié)點(diǎn)，使用漸進(jìn)流程節(jié)點(diǎn)分析，如下方案例分析買手機(jī)的用戶：

4）AICDA五步分析：引起注意——產(chǎn)生興趣——建立信任——刺激欲望——促使行動。這套分析思路比較適用于營銷活動類的頁面。

更多可參考的方法：

– 頭腦風(fēng)暴/無聲頭腦風(fēng)暴

– 用戶行為理論分析

– 五個(gè)WHY分析

– 用戶體驗(yàn)地圖

– 服務(wù)藍(lán)圖

– SWOT分析

進(jìn)行完發(fā)散之后，就可以跟業(yè)務(wù)方進(jìn)行一輪溝通評估，通過評估的基本就可以留下作為最后要落地的解決方案了~~ 具體評判維度可參考以下2點(diǎn)，

1） 可行性評估，運(yùn)營成本、開發(fā)可實(shí)現(xiàn)性

2）價(jià)值評估，判斷最能輔助目標(biāo)達(dá)成的方案、投入產(chǎn)出比

做完以上分析，剩下的就是具體的設(shè)計(jì)思路和方案的落地了，在具體執(zhí)行落地中，遵循一定的思路來，進(jìn)行具體執(zhí)行細(xì)化，形式可以有所變化，但大方向的把控是要準(zhǔn)確的。