你離 B 端offer，就差一道測試題 - 維度篇

測試題，作為 B 端設計師綜合能力的考研指標，它經(jīng)常出現(xiàn)在我們求職當中，作為一名設計師評判的重要標準。

在一年前，如果面試后讓做測試題，很多設計師其實是不能接受的，因為總覺得會騙稿、完成 KPI；但隨著行業(yè)形式的不斷惡化，現(xiàn)在很多設計師，對于測試題就完全不會抗拒，因為測試題至少還有希望，不然剩下的就只有絕望。

同時在 B 端行業(yè)里面，測試題的設計一直以來都是設計當中的難點。從我們收到的幾十份的測試題進行分析，發(fā)現(xiàn)現(xiàn)如今的測試題已經(jīng)開始進化，從視覺到交互，從原則到產(chǎn)品思維，都希望能夠進行考察，因此非常在意你的整體綜合能力。

而 B 端測試題的難度主要在于不懂：項目不懂、業(yè)務不懂、用戶訴求不懂，完全就是在“紙上談兵”，因此在沒教大家如何做測試題前，很多設計師拿著測試題只能摸索著前進…

雖然在上一篇測試題的文章當中，講解了測試題的具體步驟，但是還是會發(fā)現(xiàn)，大家對測試題的整體思維是很局限的。只能夠給出基礎的頁面設計解決方案，但這想要把一個測試題做好，還遠遠不夠。因此今天我們就來聊聊測試題的設計維度。

如果錯過我們之前【思路篇】的同學，可以跳轉回去進行查看。

首先，我們先來瀏覽一下題目。

這次的題目整體很簡單，但是我們所需要分析的內(nèi)容還是相對較多。

由于這次的測試題是去年發(fā)布出來的，為了讓大家了解測試題的具體內(nèi)容，我們將當時的項目背景、操作流程，簡要的進行介紹。畢竟如果連基本頁面都不了解，我們后續(xù)時沒有辦法進行思路的講解。

1.背景

首先是背景，盡管 Logo 生成器這樣的工具，在今年 AIGC 加持下特別火爆，但去年大家對種工具的認知還比較初級。

同時，這個 Logo 生成工具的流程也非常簡單，它讓我們填寫了 品牌名稱、品牌口號、行業(yè)分類、品牌描述 等幾個內(nèi)容，然后就能得出結果。

生成過后，用戶還能夠?qū)ι沙鰜淼?logo 信息進行各項自定義，下方就是對應的簡要流程圖。

了解了背景過后，在設計之前我們還會進行一些前期的準備，在我們【思維篇】提到的各種步驟，我們都要在前期進行整理，比如：工具的功能是什么？具體的作用有哪些？常見的競品有哪些？

這里就不做過多的贅述，我們這一期主要講解的是分析的維度。

這次我們會把這改版分為四個維度，分別是：頁面設計、體驗設計、系統(tǒng)設計以及對應的業(yè)務設計。在這四個維度當中，其實都是圍繞著核心的設計能力層層遞進的，因此希望能夠帶領大家進行學習與認知~

一、頁面維度的設計分析

在頁面設計的部分，主要去解決的就是頁面當中的基礎設計。雖然這款產(chǎn)品已經(jīng)比較成熟，但是它在頁面設計上，還是會有部分內(nèi)容讓我感到困惑。為此我們將從頁面維度部分進行問題的提出與優(yōu)化。

1.步驟條位置差異

對于傳統(tǒng)的步驟條而言，我們都會認為它是在表單的上方。而目前阿里云的步驟條放在最底部，雖然功能上沒有太大差別，但是會和傳統(tǒng)的組件產(chǎn)生差別。

這時候就是原則上 我們應該選擇統(tǒng)一還是樣式差異。我會認為統(tǒng)一的樣式會更為合理，更容易識別，因此可以考慮將步驟條整體上移。

2.選擇類別過多

在第二步選擇分類當中，由于行業(yè)當中的分類過多，會存在 10 個以上。為了考慮用戶能夠快速選擇，提高它的識別效率，我們在頁面當中增加了分類 logo，進而去提高辨識度，讓用戶判斷識別效率更高。

3.單獨的描述

發(fā)現(xiàn)在頁面設計當中，第三步 描述 logo 需求只會出現(xiàn)單獨的輸入框，整體感覺流程較長。同時品牌描述是一個非必填屬性，用戶本身可以跳過。而單獨羅列會覺得流程過程。并且在體驗時發(fā)現(xiàn)這個描述對用戶的 logo 生成影響不大，在步驟條當中不會存在前后關聯(lián)的邏輯，因此將其調(diào)整到第一步進行呈現(xiàn)。

并且將其放在第一步過后，就會存在 必填與非必填的情況，因此將對應的必填提示加上，引導用戶。

4.頁面科技感不足

雖然頁面科技感不足，但是我也畫不出科技感強的頁面，遂只是提出，有能力的設計師可以自行改動。（主要還是覺得改頁面視覺意義不大）

在頁面設計的維度當中，我們考慮的是這些基本的頁面設計的內(nèi)容，考慮到的就是清晰、好看 即可。這方面的改動考驗的主要是設計師的基礎能力，大多數(shù)時候我們可以通過對產(chǎn)品以及競品的對比，了解一些好的設計細節(jié)，將其改動即可。

說完了頁面設計，我們再來說一說體驗層面上的一些優(yōu)化。

二、體驗維度的設計迭代

因為頁面只是基礎的頁面信息進行優(yōu)化，而體驗則更多會從交互、場景考慮，思考能夠解決哪些用戶在使用過程當中的痛點。

首先我們會對產(chǎn)品有一個最為基礎的體驗，然后在體驗的過程當中將自己覺得有問題的設計內(nèi)容進行整理。通過 競品以及自己的困惑的總結 等方式，將問題進行羅列。

1.對生成的具體邏輯不太了解

首先，在 Logo 生成工具開始時，由于大多數(shù)用戶都是第一次使用 logo 生成工具，對生成的邏輯并不了解。在我看到頁面后的第一印象是：“只會讓我一味的填寫品牌名稱”，并不知道填寫過后會對結果造成什么樣的影響。

而我必須完整的體驗整個流程過后，才能理解。所以一上來給我一個輸入框讓我覺得有點害怕。

同樣，品牌的描述也會有相同的問題。所以在填寫時，用戶很容易會產(chǎn)生 logo 匹配邏輯的困惑。

在試用過后，發(fā)現(xiàn)就是 品牌名稱對應 logo 生成的主體，品牌描述對應 logo 生成的 slogan。

那我們在設計時，就可以使用可視化配置的方式，將前后邏輯進行一個快速展示。

比如在飛書舊版本里，就會有對編輯狀態(tài)的實施預覽，知道我編輯過后最終的效果。而在這里就可以使用同樣的方案。

我們將左側單獨設定一個預覽樣式，將用戶填寫的信息內(nèi)容通過左側的樣式進行提示。當用戶填寫名稱時，我們會在左側給出相應的 logo 提示，并講解對應的匹配關系。

同時在填寫時，可以給出對應的氣泡提示，方便用戶更為清楚的填寫。

2.選擇分類時的設計

在我們輸入完基本信息后，就需要選擇所屬行業(yè)。目前整體的行業(yè)一共會有 30+ ，但系統(tǒng)直接展示了 10 個。

這部分首先在頁面設計上，我們優(yōu)化了展示的形式，能夠幫助用戶快速選擇。但再去分析用戶填寫的品牌名稱時，猜測會存在一些特定規(guī)律。

因為不同的行業(yè)，都會有對應的特定關鍵詞，比如：

建材家居：室內(nèi)設計、裝修、裝飾、燈具、窗簾、家居飾品、定制家具 …

影視攝影：商業(yè)拍攝、婚禮攝影、燈光、制片、廣告、直播、影視、攝影 …

而這些關鍵詞都能夠提供給到系統(tǒng)，讓用戶在輸入后進行匹配，進而能夠快速選擇。

為此在設計上我們給出一個智能推薦的選項，提示用戶較為匹配的信息，進行快速的選擇。

最后，作為一個測試題，我們一定要去驗證你的方案合理。如果時間允許，可以嘗試將所有行業(yè)的關鍵詞進行整理，最終能夠保證此方案能夠快速落地，同時也體現(xiàn)你對測試題的態(tài)度，尋求更多機會。

3.品牌描述前置

其實在阿里云 logo 生成工具之前的設計當中，會存在生成出來的 logo 和用戶的預期差距過大的情況。因為在用戶生成完以后，我們才能夠進行屬性上的配置，比如字體、顏色…

同時這一入口隱藏的過于深入，用戶只能夠在頂部的操作當中才能夠查看，因此體驗非常不佳，存在太多卡點。

針對這一情況，我們首先可以考慮將 logo 屬性配置的入口放在生成結果的頂部，用戶就能第一時間注意到。

假設我們需要提高用戶生成結果的滿意度，其實可以將配置屬性入口前置，提供給到用戶提前去做選擇，這樣就能夠得到更滿意的 logo 結果。

當然這個方案會存在相應弊端。因為整體增加了產(chǎn)品的錄入數(shù)據(jù)量，用戶如果不滿意很容易就會退出，因此我們需要考慮在 效率與準確 當中做出取舍。畢竟方案都不是完美的，需要你有舍有得。

如果是在測試題當中，就可以將方案調(diào)整帶來的影響一并寫上，這樣能夠保證你在考慮方案時的完整性。

4.登錄賬號后置

在最后查看那 logo 那里的體驗同樣不會很好。因為當用戶選擇結果的時候，是需要提示登錄阿里云賬號，所以我們可以考慮將登錄部分流程后置，當用戶選擇到心儀圖片后再提示登錄，這樣感受肯定會更好。

當然和剛才說的一樣，方案都不是完美的，需要你有舍有得。

登錄前查看 logo 與登錄后查看 logo 本身還是會存在很大差別，如果在去做方案的取舍上，你會傾向于哪個？為什么？

我來說說我自己的看法，如果是在工作當中，就要去了解產(chǎn)品整體的用戶畫像。

假設 阿里云 logo 生成工具整體是為 阿里云的用戶進行服務，那我會建議保留，如果是一個獨立的工具，所有的用戶都能使用，那肯定還是 查看 logo 后再登錄會更好。

所以我們的設計要有理有據(jù)，而理由與依據(jù)就是應該源自于此。

體驗層面的設計迭代，主要就是圍繞產(chǎn)品的交互體驗展開，也是我們作為設計師最熟悉的內(nèi)容。這部分也是面試官最關注的，畢竟如果你的設計上限不高，那我要盡可能的考察你的設計下限，保證能夠應付日常工作。因此這部分內(nèi)容一定要深入理解分析，同時也是我們花費時間最多的維度。

在這部分內(nèi)容的當中，你的描述一定要準確、講述流程要合理，這樣才能夠讓面試官看到你的專業(yè)性。

系統(tǒng)層面的設計迭代

關于系統(tǒng)化層面的設計迭代，其實就是將我們設計的視野拔高，要去思考在系統(tǒng)層面，這個工具的意義，大家一定要耐心的看完。

首先我們要思考：“阿里云為什么要做logo生成工具？它的原因是什么？”要想解答這個問題，必須先去了解市面上的 logo 生成的工具。

通過百度搜索，驚奇地發(fā)現(xiàn)有幾十款同類型的產(chǎn)品，并且大家的體驗都比較相似，所以阿里云本身并不會具備什么優(yōu)勢。

我們在B 端基礎課當中說過，任何一款 B 端產(chǎn)品他都要去付出成本，那阿里云肯定也是存在它的原因，我們得去思考它對應的訴求。

因此，我們需要再深入思考一下，為什么它要這么做？

大家也可以想想給大家三秒鐘時間想想。

3

2

1

其實這個問題本身不難，像這樣的工具型的產(chǎn)品，本身就是為阿里云來進行服務，所以阿里云 logo 生成工具最主要的用戶，其實是阿里云的內(nèi)部用戶。

假設你在阿里云當中，在訂單頁面里有一個上傳 logo 的需求，我們就可以通過這個工具解決。這樣能夠提高用戶的訂單提交成功率，幫助阿里云進行更高的經(jīng)濟轉化。

且阿里云的用戶大部分都是程序員、技術宅，他們對于 logo 設計本身并不擅長，這時候需要有 logo 需求的時候就能進行快速的使用，這也符合阿里云的整體用戶畫像。

但這對設計有什么用？我們就需要結合阿里云再思考。

首先阿里云產(chǎn)品線本身非常龐大，幾百個產(chǎn)品，用戶根本沒辦法進行快速尋找。假設一個用戶真想使用 Logo 生成工具，尋找起來也會是非常困難。

因此針對這個情況，我們考慮分析用戶的使用場景，看能否找出對應的設計機會點。

我們要去想想：“用戶需要在阿里云的哪些地方，使用Logo 生成工具？”

或者把問題換成這樣：“用戶需要在阿里云的哪些地方上傳 公司 logo？”，其實問題就迎刃而解。

因為阿里云產(chǎn)品當中，會存在大量的 logo 上傳的需求，比如 注冊域名，郵箱注冊、網(wǎng)站備案，所以其實我們在設計時，可以考慮將方案的視野變高，將其放在系統(tǒng)層面。

在需要 logo 上傳的地方給出提示，如果你沒有 logo，我們會有l(wèi)ogo 生成工具，這樣能夠減少用戶因為沒有 logo 而放棄購買的行為。

系統(tǒng)層面的設計，其實就是為你的方案創(chuàng)造更多可能性，因為如果說你只會 頁面設計、體驗設計，那只是基礎，我看不到你更多的思維。而我們把視野放高，站在系統(tǒng)層面上就會發(fā)現(xiàn)，還會存在相應機會點，并且能夠更好的去利用 logo 工具，發(fā)揮它的價值。

系統(tǒng)維度的理解了過后，我們最后再來看一看商業(yè)維度上的思考。

商業(yè)層面的設計迭代

因為阿里云 logo 生成工具，本質(zhì)上他是不具備變現(xiàn)能力，也就意味著用戶只會白嫖。那工具型的產(chǎn)品肯定是需要助力產(chǎn)品進行變現(xiàn)，因此有了這個想法過后我就會去查看阿里云的產(chǎn)品，發(fā)現(xiàn)在其產(chǎn)品下，會存在 阿里云企業(yè)設計中心，因此在設計時考慮將商業(yè)層面的內(nèi)容進行迭代。

想到最好的解決方案就是：“當用戶不滿意當前的 logo 時，可以進行購買來獲取定制化logo的設計服務” 進而來為產(chǎn)品進行導流。

也就是說，當我們生成出來的 logo 用戶不滿意時，我們可以提示用戶，在我們設計中心，還會有定制的 logo 可以。

當然商業(yè)層面我們也只能進行推測，畢竟沒有真實經(jīng)歷過，不過你的推測要符合基本的商業(yè)邏輯，產(chǎn)品調(diào)性即可。

我們匯總了四個維度的測試題解析，目的就是想讓同學們的視野能夠更大。同時能夠給面試官提供更大的設計視野。

最后給大家留個小作業(yè)，想想下面這個測試題，你會如何制作。我們周五下午14:00 為大家進行直播解答。

如果你也想這樣系統(tǒng)的學習 B 端，想要產(chǎn)出有理有據(jù)的設計方案。可以關注我們的 B 端設計訓練營。訓練營有著系統(tǒng)的理論知識，完整的實戰(zhàn)方案，讓你的能力進階！變得更強！