編者按：B端設(shè)計師求職時面試官要求做測試題，應(yīng)該如何入手？本文從讀題、專詞分析、競品分析、流程拆解、信息設(shè)計、原型整理。方案潤色7個方面，幫你學(xué)會分析B端測試題。

UI測試題的分析方法：

在 B 端產(chǎn)品面試的過程中，我們多多少少都會接觸到測試題。因為假設(shè)面試官對你比較滿意，他會給你留一份測試題去做測驗；假設(shè)他對你不滿意，也會給你一份測試題來進行考察的設(shè)計能力（把你當(dāng)備胎先準備著），也就是說，除非你表現(xiàn)實在太不盡如人意，否則你總是逃不開測試題的

而對于測試題來說，很多設(shè)計師往往都會給大家說：別做、快逃 等類似的觀點，因為在互聯(lián)網(wǎng)上流傳著很多關(guān)于測試題的負面報道，如騙稿、偷創(chuàng)意等等…

因此我作為至少模擬面近 100 場的面試官，站在一個中立的角度，來說說關(guān)于測試題究竟會遇到哪些問題。

面試官

考察：雖然已經(jīng)看過你的作品集，也完整面試一次，哪怕是看人非常準的面試官也會擔(dān)心，怕你是只會吹牛不會干活的設(shè)計師。因此想通過測試題再看看你的設(shè)計能力，通過一個實際工作當(dāng)中的需求，來判斷你是否具備實戰(zhàn)的能力（畢竟現(xiàn)在招人來都是認真干活的，而不是充人數(shù)頂人頭的）。

懷疑：考察是比較正向的態(tài)度，那懷疑就相對負面的。這種態(tài)度是因為在面試的過程當(dāng)中，你的表現(xiàn)與設(shè)計作品 本身差距過大，面試官覺得可能是你緊張又或者是狀態(tài)不佳導(dǎo)致，因此想要深入了解你的能力，就會給你一份測試題，來多一個維度進行判斷。

業(yè)務(wù)：B 端產(chǎn)品確實非常特殊，因為每一個行業(yè)的能力要求都不太一樣。比如你在 OA 協(xié)同的行業(yè)當(dāng)中表現(xiàn)不錯，那你打算進入其他行業(yè)也需要有一個領(lǐng)域的跨度，因此很多面試官都希望能夠通過測試題，了解你的綜合能力，也就是你如何通過交互的方式來解決業(yè)務(wù)的問題。

風(fēng)險：其實在整個面試的過程當(dāng)中，面試官會有很多潛在的風(fēng)險，因為面試官眼里，他需要找到一個合適的人。而面試官的上級，也會判斷他是否有辨別人才（識人）的能力，這也是一種重要的指標。你想想，假設(shè)部門里面人員變動非常頻繁，并且很多人員都是沒有過試用期，那我對于這個面試官的評價一定不會特別高。因此對于面試官來說，招人本身就會有風(fēng)險，畢竟在短時間內(nèi)想要了解會十分困難，因此測試題就是最好的一個工具。

當(dāng)然在做測試題的時候千萬不要慌張，今天我們就來聊聊 B 端測試題的整體思路，為了方便大家理解，我們這里分享一個 TX 企點的 B 端產(chǎn)品測試題。

當(dāng)拿到這個測試題，首先第一步干嘛？給大家五秒鐘時間思考一下。

一、讀題：尋找關(guān)鍵信息

讀題聽上去像是一句廢話，但是我們需要從面試官的題目當(dāng)中，尋找解題的方向。

首先，拿到這個題目，我們要做得第一件事就是將題干當(dāng)中重要的信息進行標注。標注的好處就是能夠讓我們，在一長串文字當(dāng)中，提煉出面試官想要傳達的真正意圖。

其中，部分信息出題人將其進行了加粗處理（這個值得點贊）

這里，我們一共標注出幾個核心信息：

1. TX 企點當(dāng)中的企業(yè)營銷產(chǎn)品線
2. 需要去設(shè)計 CDP 平臺當(dāng)中的用戶 360 視圖功能
3. 信息模塊：用戶基礎(chǔ)信息、用戶行為軌跡、用戶洞察信息（如標簽)、與運營/業(yè)務(wù)相關(guān)的核心指標和關(guān)鍵數(shù)據(jù)等
4. 還需要思考：自定義配置與其他產(chǎn)品的聯(lián)動設(shè)計

標注信息不是目的，我們需要將標注出來的內(nèi)容進行整理，這樣更有利于我們進行分析設(shè)計

而在標注出來的這些核心詞當(dāng)中，你會發(fā)現(xiàn)有很多較為困難的專業(yè)詞匯，這就要進入到我們的第二步

二、專詞：理解產(chǎn)品含義

在 B 端產(chǎn)品的測試題當(dāng)中，專業(yè)詞匯一直以來都是非常頭疼的一件事，因為每個行業(yè)每個產(chǎn)品都有他們溝通交流的“黑話”，因此在去做測試題之前，我們必須先了解目前專業(yè)詞匯有哪些？以及它們的真正含義是什么。

再來回顧這個測試題，我又重新閱讀了測試題內(nèi)容過后，一共整理了 5 個小問題：

1. TX 企點是干什么的？
2. 企業(yè)營銷又是做什么的？
3. CDP 平臺是什么意思？
4. 用戶 360 視圖功能有什么用？
5. 它能夠與哪些產(chǎn)品進行聯(lián)動？

基于這五個問題，我們需要從產(chǎn)品的官網(wǎng)出發(fā)，橫向、縱向的尋找這些專業(yè)詞匯的具體解釋，并且這個解釋一定是簡單易懂的。比如 TX 企點 ，我首先進入到官網(wǎng)當(dāng)中，看到了它們自己的一個解釋：

當(dāng)然這個解釋我相信大家肯定不能理解，隨后我就會在官網(wǎng)上以及百度上尋找線索：比如從它的發(fā)展史來看，它其實是從企業(yè) QQ 演變而來，并且能夠在官網(wǎng)的標簽標題上看到企業(yè) QQ 的字眼，感覺就如同企業(yè)微信與微信的關(guān)系一樣，都是去鏈接平臺流量池。

隨后繼續(xù)深入了解其功能，首先看到的便是客戶溝通，明白這款產(chǎn)品的基礎(chǔ)功能是在線溝通聊天。然后瀏覽官網(wǎng)的其他細節(jié)，發(fā)現(xiàn) TX 企點就是以 在線溝通/客服 功能為基礎(chǔ)，隨后搭建的營銷板塊，來管理自己手中的每一位客戶。有點類似于 客服系統(tǒng)+SCRM 系統(tǒng) 的結(jié)合。

當(dāng)然這是一個專業(yè)詞匯，我們在去做測試題時，就需要一個一個將問題具象化，這樣才能夠讓解題思路變得清晰。而了解這些專業(yè)詞匯的方式有很多，除了官網(wǎng)查閱以外，我們還可以通過：幫助中心、銷售咨詢、網(wǎng)上資料搜尋、試用產(chǎn)品、請教他人 等多種途徑。

我們的目的就是你能夠理解它，并且能夠給路邊的老奶奶講懂，就可以了。

通過資料查詢以及我自己的理解，最終整理出問題的答案（答案不一定標準，但是這個答案能夠幫助我理解測試題）

Q：TX 企點是干什么的？

A：TX 企點就是以在線溝通/客服 功能為基礎(chǔ)，隨后搭建的營銷板塊，來管理自己手中的每一位客戶

Q：企業(yè)營銷又是做什么的？
A：因為客戶已經(jīng)在手中，所以需要提供完整的營銷板塊，用于管理客戶，提高客戶成交率

Q：CDP 平臺是什么意思？
A：統(tǒng)一客戶數(shù)據(jù)，進而深度分析客戶，最后實現(xiàn)精準運營

Q：用戶 360 視圖功能有什么用？
A：上面 CDP 平臺當(dāng)中重要一環(huán)，主要為了深度分析客戶數(shù)據(jù)

Q：它能夠與哪些產(chǎn)品進行聯(lián)動？
A：這個暫時不知道，因為了解還比較少，我們需要再深入探究一下才行

三、競品分析：了解產(chǎn)品背后的設(shè)計邏輯

競品分析，一定是 B 端逃不開的一個話題，因為它太過于重要，很多產(chǎn)品模塊不太理解如何設(shè)計都可以通過競品分析尋找到蛛絲馬跡。

而我們回到這個測試題當(dāng)中，出題人已經(jīng)給到了我們一個較為完整的競品（依然值得點贊）

Salesforce、Hubspot、Convertlab、銷售易、神策、諸葛 io、Wakedata

這其實就需要你對于這些產(chǎn)品有一個初步的認知，有經(jīng)驗的同學(xué)一眼就能看出，上面競品分為兩類：銷售類產(chǎn)品與數(shù)據(jù)分析類產(chǎn)品。

而在競品的分析當(dāng)中，主要是分為直接競品、間接競品以及交互競品，那為什么出題人要將兩類完全不同類型的產(chǎn)品劃分到一起當(dāng)作競品呢？

突然思路就明朗起來，首先對于用戶 360 視圖的定義，就需要我們呈現(xiàn)的是數(shù)據(jù)頁面，因此會提供數(shù)據(jù)分析類的產(chǎn)品。

同時 用戶 360 視圖 又在產(chǎn)品的營銷板塊，所以會有銷售類產(chǎn)品的數(shù)據(jù)，那有了思路過后，我們再進入到不同的產(chǎn)品里面，去查看頁面。

重點觀察幾個問題：

1. 用戶 360 視圖的頁面/客戶詳情頁 是如何設(shè)計的？
2. 它的整體流程是什么？我是如何進入到這個頁面當(dāng)中去的？
3. 他們產(chǎn)品之間會存在什么聯(lián)動？

好的，接下來就是不停地注冊、測試、截圖、整理、分析，我們整體都是圍繞這幾個問題展示，因此競品分析就可以根據(jù)這些頁面信息，嘗試去分析背后的原因，它為什么要這么設(shè)計，進而去提高競品分析的深度。

比如這個 Hubspot 的客戶詳情頁面，結(jié)合上面的問題我們嘗試進行回答呢？

① Hubspot 是一款營銷管理工具，并且主要用戶屬于國外用戶，因此整體的頁面設(shè)計采取全屏展示。而在信息當(dāng)中我們能夠看到整體三段式的布局：

1. 左側(cè)為基本信息，主要講清楚這個客戶的基本信息，目的也是想要讓使用者了解
2. 中間部分為跟進記錄，主要是標注清楚與客戶產(chǎn)生過什么溝通記錄，我能夠在這個頁面當(dāng)中進行查看
3. 右側(cè)則為這個客戶的關(guān)聯(lián)數(shù)據(jù)，其中包含：票據(jù)、公司、等信息，這部分在右側(cè)都能夠直接新增，關(guān)聯(lián)信息快速新增，是一個不錯的思考點

② 流程主要是從列表頁為入口，點擊進入。但是在流程的后方，可以進入 各個關(guān)聯(lián)的數(shù)據(jù) ，可以考慮借助這個形式，在目前測試題當(dāng)中進行流程上的優(yōu)化

③ 關(guān)聯(lián)產(chǎn)品，Hubspot 本身就能夠與很多產(chǎn)品產(chǎn)生聯(lián)動，但是在這款產(chǎn)品當(dāng)中借鑒意義明顯不大，因此不做討論

并且在競品分析的時候，我就在神策數(shù)據(jù)的網(wǎng)站，發(fā)現(xiàn)有對 CPD 平臺以及用戶 360 視圖的完整介紹，這無疑是非常重要的線索。

因此，這里神策數(shù)據(jù)的競品分析，則主要圍繞 用戶 360 視圖 以及交互借鑒的功能點展開，但無奈的是嘗試了各種辦法，也沒有體驗到這個產(chǎn)品模塊，這里就比較遺憾。

四、流程拆解

B 端產(chǎn)品，流程當(dāng)然也十分重要，因為我們雖然是在做 用戶 360 視圖 的單一頁面，但是頁面它需要進行對應(yīng)的流轉(zhuǎn)和

在流程的設(shè)計上，會有：業(yè)務(wù)流程、功能流程、頁面流程 三個流程方式，因為我們只專注在幾個頁面當(dāng)中，因此這里更聚焦在功能流程與頁面流程上。

功能流程 其實也就是聚焦于 用戶 360 視圖 的使用場景，這里自己做了小小的推測：

首先，如果把 用戶 360 視圖 功能看做是一個頁面當(dāng)中的詳情頁，那我們肯定需要先在列表頁當(dāng)中尋找我想查看的用戶（場景一）

除此之外，因為 TX 企點的核心功能為 客戶溝通，因此可以考慮將用戶 360 視圖 與客服模塊 聯(lián)動，當(dāng)用戶正在與客戶聊天時，就可以查看用戶的 360 視圖，進行分析，進而為其推薦更多高質(zhì)量商品（場景二）

因此大致的流程應(yīng)該是：

場景一：信息列表、選擇用戶、查看用戶 360 視圖

場景二：客服聊天頁面、點擊查看 360 視圖

當(dāng)然這個流程拆解因為缺乏實際的項目業(yè)務(wù)支撐，所以只能夠簡單整理，同時也缺乏深入調(diào)研，只能夠說夠用，深挖的話還是會有很多信息場景值得分析。

五、信息設(shè)計

信息設(shè)計之所以重要，其實是因為 B 端產(chǎn)品里面，信息是最為重要的，出題人也非常優(yōu)質(zhì)，將基本的信息類型已經(jīng)放在測試題當(dāng)中，其中包含：用戶基礎(chǔ)信息、用戶行為軌跡、用戶洞察信息（如標簽）、與營銷/運營/業(yè)務(wù)相關(guān)的核心指標和關(guān)鍵數(shù)據(jù)等。

而我們就需要根據(jù)這些信息，結(jié)合題目當(dāng)中的 “電商” 行業(yè)，進行頭腦風(fēng)暴，思考一下會存在哪些關(guān)鍵詞。

1. 基礎(chǔ)信息

就是這個顧客的基本信息內(nèi)容，因為會存在微信、QQ 等平臺，通過這些平臺的基礎(chǔ)字段設(shè)計，引用到我們平臺當(dāng)中，因此分析這些社交平臺與企點平臺的共性即可。大致會存在這些信息：

1. 名稱：對客戶的基本描述
2. 性別：判斷購物人員的喜好需求
3. 年齡：定位用戶的購買力
4. QQ：能夠提供的一個關(guān)鍵信息（會是 TX 企點的優(yōu)勢）
5. 微信：配合個人信息，實現(xiàn)私域流量的引導(dǎo)
6. 職位：因為 B 端產(chǎn)品，目的還是補充信息內(nèi)容
7. 地址：電商平臺需要去關(guān)注的信息，因為會涉及到快遞發(fā)貨的場景，需要提前知道

2. 用戶行為軌跡

用戶行為軌跡就是用于記錄用戶進入到該產(chǎn)品過后的所有重要數(shù)據(jù)，結(jié)合電商來看主要就是：用戶進入到到某商品板塊、瀏覽商品信息、查看商品詳情頁、加入購物車、提交訂單、支付金額、咨詢客服 等

在每一步所需要記錄的信息不一樣，大家可以想想，用戶提交訂單過后，系統(tǒng)可以記錄哪些信息？我們一會兒在頁面當(dāng)中公布答案。

3. 用戶洞察信息標簽

用戶洞察信息標簽，其實就是一個完整的標簽體系。其中會包含創(chuàng)建標簽條件、手動關(guān)聯(lián)標簽、標簽基礎(chǔ)屬性配置。

關(guān)于標簽?zāi)K我的設(shè)計，自己并不是特別了解，因此使用了幾個較為典型的產(chǎn)品：Finder、印象筆記、Eagle（智能文件夾），他們雖然不是典型的 B 端產(chǎn)品，但是在標簽的設(shè)計上，我們依然可以進行借鑒。

4. 營銷運營的關(guān)鍵數(shù)據(jù)

因為是營銷運營的關(guān)鍵的數(shù)據(jù)，結(jié)合電商，大致推斷為 銷售數(shù)據(jù)相關(guān)，比如：訂單總數(shù)、客單價、訂單總金額、選購時長、最高訂單價格 等等，這些數(shù)據(jù)都能夠幫助我們進行一個快速的判斷。

六、原型整理

將上面的信息與流程進行統(tǒng)一整理，形成最初的原型，原型部分不需要太多糾結(jié)

把你自己的想法表達出來即可，這里需要注意原型設(shè)計最主要是展示你的頁面統(tǒng)籌能力，這里我就將上面的信息+流程進行一個簡單的匯總，然后將注意力集中在頁面的設(shè)計上，過程就不必多言，結(jié)果大致就是這樣，看不懂的小伙伴可以往上看看前面的具體思路。

七、方案潤色

方案潤色主要是將你的作品放在頁面當(dāng)中，然后將其呈現(xiàn)出來。其中方案的視覺部分占據(jù) 60%，剩余思維拓展的部分占據(jù) 40%。

先將視覺部分給大家去做預(yù)覽：

思維拓展的部分主要是在產(chǎn)品聯(lián)動部分去做延伸。這里思考過后，決定從企點的客服產(chǎn)品入手，希望能夠通過客服產(chǎn)品直接進入用戶 360 視圖頁面

同時將該頁面采取抽屜的形式，這樣既保證了客服人員快速了解這個用戶的所有信息，同時又減少了這個客服人員來回模塊的跳轉(zhuǎn)，幫助他進行更多營銷策略上的調(diào)整。

這就是整個測試題的完整思路，當(dāng)然，你還需要講測試題的整體思路通過 PPT 等形式進行包裝，同時闡述自己的想法。

而這個測試題我認為算是一個較為合格的測試題，因為作為 面試者，我在讀完這個測試題后會有著明確的設(shè)計思路，因此其他團隊也可以借鑒借鑒。

更多測試題干貨：

希望今天的干貨文章能夠?qū)Υ蠹矣兴鶐椭矂e忘了點贊、關(guān)注、轉(zhuǎn)發(fā)，我是 CE 青年，一個 2 B 行業(yè)的 2B 設(shè)計師~

歡迎關(guān)注作者的微信公眾號： CE青年Youthce