編輯導(dǎo)語(yǔ)：如何簡(jiǎn)化B端復(fù)雜要素，提高用戶體驗(yàn)感是否一直困擾著你？化繁為簡(jiǎn)不僅是職場(chǎng)中的必要能力，更是生活中的必備技能。本文作者結(jié)合自身經(jīng)歷與思考，將B端復(fù)雜要素的簡(jiǎn)化途徑化為六大步驟，其中包括互動(dòng)、表達(dá)、重構(gòu)、轉(zhuǎn)移等關(guān)鍵因素。推薦感興趣的童鞋閱讀交流～

關(guān)鍵詞：復(fù)雜、簡(jiǎn)化。

最近一直在招聘和面試，為團(tuán)隊(duì)2022年作出更好的成績(jī)招聘優(yōu)秀的設(shè)計(jì)師。

在面試中，我會(huì)問(wèn)他們：B端產(chǎn)品邏輯復(fù)雜，對(duì)于我們?cè)O(shè)計(jì)師來(lái)說(shuō)，有沒(méi)有什么辦法可以將這些復(fù)雜信息簡(jiǎn)化？

設(shè)計(jì)師們也都很可愛(ài)，回答出來(lái)的都各自有特點(diǎn)。

這與他們的工作環(huán)境、接觸的業(yè)務(wù)、獲得的經(jīng)驗(yàn)有很大的關(guān)系。

其實(shí)這道題沒(méi)有明確的答案。

它只是考察一個(gè)人是否有解決問(wèn)題的能力。

一個(gè)設(shè)計(jì)師，產(chǎn)品經(jīng)理給什么原型圖，就做什么設(shè)計(jì)稿。

一個(gè)設(shè)計(jì)師，拿到產(chǎn)品經(jīng)理的原型圖會(huì)進(jìn)行需求回溯、分析，以自己的專業(yè)能力協(xié)助產(chǎn)品經(jīng)理優(yōu)化原型。盡可能將產(chǎn)品原型中不合理的邏輯進(jìn)行優(yōu)化，將復(fù)雜的交互進(jìn)行簡(jiǎn)化。

大家覺(jué)得哪種更讓人喜歡，我想大家心里都有數(shù)了。

今天，我就和大家來(lái)聊聊如何將B端的復(fù)雜要素（交互、流程、視覺(jué)…）進(jìn)行簡(jiǎn)化，讓用戶用起來(lái)更愉悅。

一、主動(dòng)溝通與互動(dòng)

任何一件有效事情的開始，是溝通與互動(dòng)的結(jié)果。

比起拿到需求就開始設(shè)計(jì)；我們拿到需求先判斷需求來(lái)源、了解需求想解決什么問(wèn)題、以及明確需求發(fā)生的場(chǎng)景更能輸出高質(zhì)量的設(shè)計(jì)。

它會(huì)更富有邏輯性，更嚴(yán)謹(jǐn)也更加細(xì)致。

21年我們建立全員主動(dòng)溝通目標(biāo)，達(dá)到所有要做的設(shè)計(jì)皆可道清為什么？

我們會(huì)了解：

1. 需求背景；包括使用客戶群體，業(yè)務(wù)使用場(chǎng)景，運(yùn)行環(huán)境，性能等一些要求。
2. 需求現(xiàn)狀；包括需求現(xiàn)在是如何被解決的，目前的解決方案有無(wú)問(wèn)題。
3. 需求期望；客戶提出的需求期望達(dá)到什么結(jié)果。

去年我們收到信托客戶方提過(guò)來(lái)的一個(gè)需求，就是將界面上字體都改成14px大小，最好12px和14px還能自由切換。

設(shè)計(jì)師想，就是把組件現(xiàn)有的12px加個(gè)14px字號(hào)，很簡(jiǎn)單。

但是我們深入了解需求后，發(fā)現(xiàn)并不能這樣子做，這會(huì)導(dǎo)致組件研發(fā)團(tuán)隊(duì)巨大的工作量，還有一點(diǎn)，非組件部分的字體怎么解決呢？

后來(lái)經(jīng)過(guò)與客戶方、組件研發(fā)團(tuán)隊(duì)、業(yè)務(wù)方密切溝通后，我們定了三步策略：

1. 先解決客戶方高頻場(chǎng)景下，高頻組件大字版需求。同時(shí)，業(yè)務(wù)方輸出非組件換字體方案；
2. 解決余下大字版組件，讓用戶體驗(yàn)保證一致；
3. 把界面整體字體大小調(diào)整權(quán)利交給用戶，但技術(shù)難點(diǎn)在于如何保證組件與非組件字體統(tǒng)一控制切換。

從這個(gè)案例可以看出，設(shè)計(jì)師不能拿到需求就直接開做。

好的設(shè)計(jì)方案有可能對(duì)應(yīng)復(fù)雜的技術(shù)實(shí)現(xiàn)，而由于項(xiàng)目時(shí)間緊張，往往做不到一步到位，這就需要我們?cè)谏钊霚贤ǖ幕A(chǔ)上，用設(shè)計(jì)方案降低相關(guān)復(fù)雜度。

二、給出清晰的全貌模型

假如你準(zhǔn)備去推開一扇門，但用力推后卻發(fā)現(xiàn)門紋絲不動(dòng)。

這時(shí)你認(rèn)為是自己力氣不夠大，于是再次用力去推門，可發(fā)現(xiàn)門還是沒(méi)動(dòng)。

門是壞了？是自己推門的方式不對(duì)？還是怎么回事？

再舉一個(gè)例子。

你點(diǎn)擊界面上tabs，隱約感知到每個(gè)tabs之間是有關(guān)系的，但是也不是非常確定。

因此陷入了手足無(wú)措的階段。

想自己解決，可沒(méi)有能力；想找人幫助，可又不知道找誰(shuí)。

其實(shí)，我們可以為用戶建立“清晰的全貌模型”來(lái)幫助用戶理解這些問(wèn)題發(fā)生的原因，降低他們的疑惑，降低系統(tǒng)給他們展現(xiàn)的復(fù)雜度。

如下是我們?cè)谕茝V設(shè)計(jì)協(xié)作流程上的一張全貌圖。

我們?cè)趦?nèi)部自測(cè)階段發(fā)現(xiàn)：直接讓用使用產(chǎn)品或閱讀詳細(xì)步驟文檔，他們根本無(wú)法下手。

他們只看到一個(gè)個(gè)功能，卻無(wú)法把這一串功能串聯(lián)起來(lái)。

于是我們?cè)O(shè)計(jì)出了如下圖的協(xié)作流程全貌圖，同時(shí)給到詳細(xì)的功能關(guān)系流程圖，提升用戶對(duì)陌生事物的理解能力，降低他們操作的復(fù)雜度。

三、借助語(yǔ)義符號(hào)的特殊力量

尼爾森十大原則中有一個(gè)原則是：環(huán)境貼切原則。

說(shuō)的就是我們?cè)谠O(shè)計(jì)中，要盡可能去參考自然界本身存在的要素，貼近用戶所在的環(huán)境。

從生活中來(lái)，到生活中去。

例如，我們可以通過(guò)擬物化的圖標(biāo)，讓用戶望圖生義。

再比如，我們春節(jié)收到的實(shí)體紅包是紅色的，那么界面上設(shè)計(jì)的紅包也要以紅色為主。

環(huán)境貼切原則與語(yǔ)義符號(hào)的概念不謀而合。

語(yǔ)義符號(hào)包括自然語(yǔ)義符號(hào)、社會(huì)性語(yǔ)義符號(hào)、文化性語(yǔ)義符號(hào)等，我們通過(guò)將語(yǔ)義符號(hào)注入設(shè)計(jì)，會(huì)讓用戶理解起來(lái)毫不費(fèi)力。

在B端，假如你想表達(dá)這里還有更多內(nèi)容，你會(huì)怎么做？

放個(gè)下拉箭頭？放個(gè)表示「更多」的圖標(biāo)？

其實(shí)都可以。

重要的是，要符合用戶的認(rèn)知，通過(guò)表現(xiàn)呈現(xiàn)意義。

唐納德·諾曼說(shuō)：“良好的設(shè)計(jì)上的語(yǔ)義符號(hào)都是可感知和可提供信息的，而且造型美觀并與產(chǎn)品的其他部分和諧地統(tǒng)一在一起?！?/strong>