現(xiàn)實(shí)工作中是不是每次需求評(píng)審會(huì)，似乎資深產(chǎn)品總能從用戶角色、用戶場(chǎng)景、用戶體驗(yàn)、閉環(huán)角度找出你所設(shè)計(jì)產(chǎn)品的一些問題！怎樣才能在產(chǎn)品設(shè)計(jì)中避免因用戶場(chǎng)景、用戶體驗(yàn)等角度產(chǎn)生的問題呢？“解鈴還須系鈴人”，從用戶場(chǎng)景出發(fā)，一起來探究下如何運(yùn)用用戶場(chǎng)景法設(shè)計(jì)產(chǎn)品從而避免這些問題。

今天的分享從應(yīng)用最廣、最常見的產(chǎn)品：表單舉例，來看看如何運(yùn)用場(chǎng)景法進(jìn)行設(shè)計(jì)。表單通常在產(chǎn)品中承擔(dān)某功能/流程的起始頁，在使用功能/流程時(shí)最先觸達(dá)頁面，是功能/流程的臉面，因此設(shè)計(jì)的好壞直接決定著（首因效應(yīng)：也叫“第一印象”效應(yīng)）用戶轉(zhuǎn)化留存。

表單在頁面中負(fù)責(zé)用戶提交數(shù)據(jù)的采集，一個(gè)表單有三個(gè)組成元素：表單標(biāo)簽（字段定義）、表單域（文本框、下拉框、復(fù)選框等）、表單按鈕（提交、重置等）

了解完表單概念及作用后，正式進(jìn)入本文的主題：運(yùn)用用戶場(chǎng)景法設(shè)計(jì)產(chǎn)品

步驟一：繪制用戶場(chǎng)景行為圖

分析用戶使用場(chǎng)景：

1. 使用產(chǎn)品需經(jīng)歷哪些場(chǎng)景
2. 每個(gè)場(chǎng)景的目標(biāo)是什么
3. 完成目標(biāo)需經(jīng)過哪些行為
4. 每個(gè)行為背后會(huì)有哪些觸點(diǎn)

從用戶視角出發(fā)，完成表單場(chǎng)景任務(wù)大致可分為：認(rèn)知表單、填寫表單、追蹤表單三個(gè)小場(chǎng)景，并對(duì)每個(gè)場(chǎng)景的目標(biāo)及行為進(jìn)行分析并繪制出如下用戶場(chǎng)景行為圖。

用戶場(chǎng)景行為圖

步驟二：對(duì)用戶行為觸點(diǎn)分析找出用戶痛點(diǎn)

對(duì)用戶場(chǎng)景行為圖拆分進(jìn)行分析，找出用戶觸點(diǎn)方面的痛點(diǎn)：

1. 用戶在場(chǎng)景中有哪些行為
2. 行為背后有哪些觸點(diǎn)
3. 觸點(diǎn)背后有哪些痛點(diǎn)是轉(zhuǎn)化的關(guān)鍵點(diǎn)

第一個(gè)場(chǎng)景：認(rèn)知表單（進(jìn)入表單、識(shí)別表單行為），此場(chǎng)景時(shí)用戶觸點(diǎn)就是表單美觀、易讀性。觸點(diǎn)的反面基本就是屬于用戶的痛點(diǎn)：雜亂、可讀性差、頁面內(nèi)容多、信息組織不夠清晰等等

場(chǎng)景一觸點(diǎn)痛點(diǎn)分析

第二個(gè)場(chǎng)景：填寫表單（填寫表單、提交表單行為），此場(chǎng)景時(shí)用戶主要觸點(diǎn)為表單填寫順暢性、難度進(jìn)階性。用戶痛點(diǎn)主要有：未有填寫性的幫助文案（如密碼設(shè)置：往往用戶輸入完成后才告知密碼格式錯(cuò)誤等等）、填寫內(nèi)容組織錯(cuò)亂（如個(gè)人資料設(shè)置：將賬戶信息與個(gè)人信息混在一起）、開始就是高門檻的填寫內(nèi)容（如注冊(cè)時(shí)：首先就要你上傳身份證圖片等……）

場(chǎng)景二觸點(diǎn)痛點(diǎn)分析

第三個(gè)場(chǎng)景：追蹤表單（提交結(jié)果查看行為），此場(chǎng)景更多體現(xiàn)在申請(qǐng)表單上。用戶痛點(diǎn)就為簡(jiǎn)單的：及時(shí)有效的系統(tǒng)結(jié)果反饋（設(shè)計(jì)的閉環(huán)），如提交表單后未告訴用戶提交結(jié)果，什么時(shí)候會(huì)處理，大概什么時(shí)候能看到最終處理結(jié)果等！

場(chǎng)景三觸點(diǎn)痛點(diǎn)分析

步驟三：結(jié)合場(chǎng)景目標(biāo)、用戶痛點(diǎn)給出設(shè)計(jì)方案

代入用戶角色，結(jié)合場(chǎng)景目標(biāo)、用戶痛點(diǎn)給出方案：

1. 代入用戶角色圍繞場(chǎng)景目標(biāo)提出策略
2. 針對(duì)行為路徑中的痛點(diǎn)給出解決方案
3. 將策略與痛點(diǎn)方案結(jié)合給出產(chǎn)品最終設(shè)計(jì)方案

1、場(chǎng)景一：認(rèn)知表單

場(chǎng)景目標(biāo)：幫助用戶快速認(rèn)知表單：美觀性、易辨識(shí)性— 減少認(rèn)知負(fù)荷

（1）、標(biāo)簽對(duì)齊

表單標(biāo)簽對(duì)齊

通過對(duì)齊表單標(biāo)簽，減少頁面錯(cuò)亂感，提升美觀性：解決雜亂無序痛點(diǎn)。

（2）、分步簡(jiǎn)化

分步展現(xiàn)內(nèi)容

多內(nèi)容表單，分步驟呈現(xiàn)，降低用戶放棄風(fēng)險(xiǎn)：不但解決內(nèi)容多，填寫起來時(shí)間長(zhǎng)、繁瑣等痛點(diǎn)，同時(shí)也易用追蹤用戶在哪個(gè)步驟流失方便后續(xù)優(yōu)化。

（3）、內(nèi)容組織

表單內(nèi)容

利用格式塔原則將表單內(nèi)容進(jìn)行組織分類，提示表單易讀性：解決內(nèi)容多、雜無規(guī)則痛點(diǎn)

2、場(chǎng)景二：填寫表單

場(chǎng)景目標(biāo)：幫助用戶高效完成表單填寫：正確性、可用性— 減少思考時(shí)間、提升準(zhǔn)確性。

（1）、引導(dǎo)文案

引導(dǎo)文案

通過幫助性文案（規(guī)則等），引導(dǎo)用戶填寫正確性內(nèi)容減少用戶思考時(shí)間：解決不知如何填的痛點(diǎn)。

（2）、及時(shí)校驗(yàn)

及時(shí)校驗(yàn)

用戶輸入錯(cuò)誤時(shí)，要及時(shí)校驗(yàn)，不要等到提交時(shí)再提示：解決提交時(shí)才知填寫錯(cuò)誤痛點(diǎn)。

（3）、清晰的必填、非必填項(xiàng)

必填標(biāo)識(shí)

清晰的必填、非必填項(xiàng)，減少用戶填寫內(nèi)容，加快填寫速度：解決提交時(shí)提交有未填寫的內(nèi)容痛點(diǎn)

3、場(chǎng)景三：追蹤表單

場(chǎng)景目標(biāo)：提交后用戶能得到有效的系統(tǒng)反饋出口，形成閉環(huán)

提交反饋

用戶提交表單后，及時(shí)反饋提交結(jié)果，并給出查看入口：解決查看進(jìn)度及出口的痛點(diǎn)

關(guān)于運(yùn)用場(chǎng)景法設(shè)計(jì)表單大致介紹導(dǎo)致，當(dāng)然并沒有很全面的寫出表單設(shè)計(jì)中方法和技巧，相信線上已經(jīng)也有很多很全面的關(guān)于表單設(shè)計(jì)總結(jié)。這篇文章更多是探究從用戶場(chǎng)景、體驗(yàn)角度出發(fā)來設(shè)計(jì)產(chǎn)品的思路！

結(jié)語

關(guān)于運(yùn)用場(chǎng)景法設(shè)計(jì)產(chǎn)品應(yīng)該注意以下幾點(diǎn)：

1. 考慮清楚用戶角色，不同角色期望的路徑、行為是不一樣的！如淘寶的買家、賣家
2. 從用戶行為路徑出發(fā)細(xì)分出每步遇到的痛點(diǎn)，影響轉(zhuǎn)化的關(guān)鍵節(jié)點(diǎn)
3. 結(jié)合自己產(chǎn)品期望的用戶行為路徑及產(chǎn)品目標(biāo)提出設(shè)計(jì)方案

歡迎各路大神指正！

作者：夕陽小路，創(chuàng)業(yè)公司產(chǎn)品

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

題圖來自PEXELS，基于CC0協(xié)議