編輯導(dǎo)語(yǔ)：由于極簡(jiǎn)主義的盛行，許多的設(shè)計(jì)優(yōu)化開(kāi)始往精簡(jiǎn)明了的方向發(fā)展，但是單純的簡(jiǎn)化并不能達(dá)到設(shè)計(jì)的優(yōu)化，本篇文章為你開(kāi)啟新思路，一起來(lái)看看吧！

“復(fù)雜是世界的一部分，但它不應(yīng)該令人困惑，好的設(shè)計(jì)幫我們馴服復(fù)雜，不是讓事物變簡(jiǎn)單（如果復(fù)雜是符合需求的），而是去管理復(fù)雜”

–唐納德·A·諾曼

與復(fù)雜共處，這是一個(gè)有趣的話題。在這個(gè)奉行“少即是多”的時(shí)代，設(shè)計(jì)師對(duì)于復(fù)雜噤若寒蟬，認(rèn)為優(yōu)秀的設(shè)計(jì)應(yīng)該簡(jiǎn)潔明了，若無(wú)必要，勿增實(shí)體，而復(fù)雜則常備被視作失敗設(shè)計(jì)的標(biāo)簽。

設(shè)計(jì)師為了保持設(shè)計(jì)上的簡(jiǎn)約挖空心思，甚至試圖通過(guò)削弱功能的方式來(lái)降低產(chǎn)品的復(fù)雜度，得到自己想象中的完美設(shè)計(jì)。然而一味追求“簡(jiǎn)單”的設(shè)計(jì)真的符合用戶的實(shí)際需求嗎？從心理學(xué)的角度來(lái)看，復(fù)雜的事物往往功能強(qiáng)大，而功能強(qiáng)大意味著更好的服務(wù)與更高的價(jià)值，用戶也更愿意為之付費(fèi)。當(dāng)我們購(gòu)買商品時(shí)，我們會(huì)仔細(xì)斟酌，拿著產(chǎn)品的功能列表反復(fù)比對(duì)，這個(gè)時(shí)候我們忘記了產(chǎn)品復(fù)雜與否，更多考慮的是功能是否滿足自身需求。

對(duì)于大部分B端產(chǎn)品而言，復(fù)雜或許難以避免，復(fù)雜是出于實(shí)實(shí)在在的業(yè)務(wù)的需要，而非某位設(shè)計(jì)師的錯(cuò)誤喜好。B端產(chǎn)品之所以給人感覺(jué)會(huì)相對(duì)復(fù)雜，是因?yàn)楫a(chǎn)品需要完成復(fù)雜的工作任務(wù)，界面內(nèi)承載的信息內(nèi)容較多，在視覺(jué)上會(huì)帶給用戶壓力，直觀感受上覺(jué)得產(chǎn)品很復(fù)雜。但是這些信息又都是必需的，如果缺少這些必要的信息，會(huì)對(duì)用戶理解和使用產(chǎn)品造成阻礙。

就如同飛機(jī)的駕駛艙，密密麻麻的按鈕如此復(fù)雜，但是每一個(gè)按鈕都有著相應(yīng)的功能，不可或缺。既然復(fù)雜難以避免，那么作為設(shè)計(jì)師我們不應(yīng)該被動(dòng)接受或盲目拒絕復(fù)雜，我們應(yīng)該學(xué)會(huì)如何與復(fù)雜共處，去嘗試馴服復(fù)雜、管理復(fù)雜。

一、理性看待復(fù)雜

相信很多設(shè)計(jì)師和我一樣，經(jīng)歷過(guò)現(xiàn)代主義浪潮的洗禮，對(duì)于簡(jiǎn)約的設(shè)計(jì)有著或多或少的偏好。因?yàn)檫@種偏好，在自己進(jìn)行設(shè)計(jì)時(shí)也希望能夠選用這種風(fēng)格，在設(shè)計(jì)時(shí)刻意的去追求界面簡(jiǎn)約，卻忽略了界面上的簡(jiǎn)約不等同于產(chǎn)品易于理解和使用。從心理學(xué)的角度上看，復(fù)雜的事物更容易理解，簡(jiǎn)單的事物反倒令人困惑，一味的追求簡(jiǎn)單反而會(huì)讓事物變得復(fù)雜。

B端產(chǎn)品的目標(biāo)是降本提效，追求簡(jiǎn)約的設(shè)計(jì)思想在B端產(chǎn)品的設(shè)計(jì)中并沒(méi)有那么適用，為了提升用戶的操作效率，我們需要將一些能夠幫助用戶理解的信息與常用的操作直觀的展示給用戶。這會(huì)在一定程度上增加界面的復(fù)雜度，但是相較于產(chǎn)品視覺(jué)界面會(huì)因此變得復(fù)雜，產(chǎn)品的易用性和操作效率對(duì)于B端產(chǎn)品而言會(huì)更為重要。

與復(fù)雜共處的前提是能夠理性地看待復(fù)雜，復(fù)雜本身的含義即非褒義也非貶義。復(fù)雜描述的是事物的狀態(tài)，它在詞典上的解釋是擁有很多即錯(cuò)綜復(fù)雜又相互關(guān)聯(lián)的組成部分的事物。產(chǎn)品復(fù)雜與否是由產(chǎn)品本身所從事的業(yè)務(wù)和需要完成的任務(wù)來(lái)決定，就像我們不能要求一個(gè)做機(jī)械結(jié)構(gòu)設(shè)計(jì)的工程軟件做得像一個(gè)圖畫(huà)板一樣簡(jiǎn)單，因?yàn)閮烧叩墓δ苄枨蟛皇且粋€(gè)層面的，所以我們也不能單純的將產(chǎn)品簡(jiǎn)潔還復(fù)雜作為評(píng)判一款產(chǎn)品優(yōu)秀與否的標(biāo)準(zhǔn)。

二、分清復(fù)雜與困惑

我們之所以對(duì)復(fù)雜懷有畏懼，其實(shí)更多的是畏懼令人困惑的復(fù)雜，復(fù)雜與困惑有著本質(zhì)的區(qū)別，理解他們之間的區(qū)別很有必要，復(fù)雜描述的是事物的狀態(tài)，而困惑表述的是用戶使用產(chǎn)品時(shí)的心理。復(fù)雜的背后可以擁有規(guī)則與邏輯，理解這些規(guī)則和邏輯，能夠幫助我們理解和使用產(chǎn)品。而令人困惑的產(chǎn)品往往缺少這樣的內(nèi)在規(guī)則與邏輯，用戶難以理解產(chǎn)品的運(yùn)轉(zhuǎn)機(jī)制，需要花費(fèi)很大力氣才能完成有效操作，容易讓用戶產(chǎn)生挫敗感。產(chǎn)品可以是復(fù)雜的，但是不應(yīng)該讓用戶困惑。

在很多復(fù)雜的傳統(tǒng)線下業(yè)務(wù)數(shù)字化轉(zhuǎn)型的過(guò)程中，為了讓產(chǎn)品易于使用，設(shè)計(jì)師需要深入到一線，去了解真實(shí)用戶在線下業(yè)務(wù)場(chǎng)景中是如何處理日常任務(wù)的，在流程線上化過(guò)程中也需要遵循這樣的業(yè)務(wù)流程，這樣能夠讓用戶更快上手，而如果我們?cè)谠O(shè)計(jì)過(guò)程中不去參考用戶在線下的操作場(chǎng)景，按照自己的想法去意測(cè)用戶的行為，這樣設(shè)計(jì)出的產(chǎn)品背離了用戶的心理模型，缺乏內(nèi)在邏輯，會(huì)讓用戶感到混亂困惑，陷入深深的麻煩。

基于產(chǎn)品本身功能需要，我們可能無(wú)法很主觀的去降低產(chǎn)品的復(fù)雜度，這就需要我們?cè)谶M(jìn)行產(chǎn)品設(shè)計(jì)時(shí)花費(fèi)更多的心思，通過(guò)對(duì)業(yè)務(wù)流程、頁(yè)面布局、信息呈現(xiàn)上的調(diào)整與設(shè)計(jì)讓產(chǎn)品變得清晰，不讓用戶陷入困惑。

如下圖的關(guān)于表單編輯器的AB兩種設(shè)計(jì)，用戶在編輯器內(nèi)完成一系列針對(duì)表單的編輯、配置操作，然后發(fā)布表單。

方案A中將這些表單編輯配置項(xiàng)通過(guò)tab進(jìn)行排列，這種方式結(jié)構(gòu)簡(jiǎn)單，但是擴(kuò)展性較差，過(guò)多的欄目也容易讓用戶陷入困惑，不清楚需要完成哪些配置項(xiàng)才能進(jìn)行發(fā)布。

方案B中采用了步驟導(dǎo)航加側(cè)欄導(dǎo)航的雙層導(dǎo)航結(jié)構(gòu)，在步驟導(dǎo)航上給出完成表單編輯配置的主要步驟，在大的步驟下用側(cè)欄導(dǎo)航承載小的編輯項(xiàng)，結(jié)構(gòu)清晰，且能夠?qū)τ脩艟庉嫳韱翁峁┮欢ǖ膸椭敢?/p>

雖然兩種方案信息內(nèi)容上都一致，視覺(jué)觀感上甚至方案B更為復(fù)雜，但是方案B在這里可能是更合適的方案，因?yàn)榉桨窧在配置流程的指引上更為清晰，也更貼近用戶心理模型，即使沒(méi)有使用過(guò)在線表單的用戶也能理解產(chǎn)品流程，因而用戶能夠更容易的完成表單配置并發(fā)布表單。

三、功能決定產(chǎn)品的復(fù)雜程度

我們?cè)谑褂卯a(chǎn)品時(shí)，都會(huì)有一個(gè)大概的心理預(yù)期，會(huì)認(rèn)為某一類型的產(chǎn)品會(huì)較為復(fù)雜，某一類型的產(chǎn)品會(huì)相對(duì)簡(jiǎn)單。為什么我們會(huì)有這樣的認(rèn)知呢？是因?yàn)槲覀冎肋@些產(chǎn)品大概有哪些功能，而這些功能就決定了產(chǎn)品的復(fù)雜層度。

產(chǎn)品的復(fù)雜程度由產(chǎn)品的業(yè)務(wù)與功能決定，而不是依照設(shè)計(jì)師的自我喜好，像如淘寶、京東這類的購(gòu)物網(wǎng)站、擁有著很多的欄目，所以淘寶、京東的界面相對(duì)來(lái)說(shuō)較為復(fù)雜；而像百度這樣的搜索引擎功能相對(duì)來(lái)說(shuō)比較簡(jiǎn)單，所以界面設(shè)計(jì)相對(duì)簡(jiǎn)單干凈。

我們可以容許一個(gè)功能強(qiáng)大的產(chǎn)品設(shè)計(jì)得相對(duì)復(fù)雜，但是一個(gè)功能簡(jiǎn)單的產(chǎn)品設(shè)計(jì)得復(fù)雜難用就是一個(gè)災(zāi)難。作為設(shè)計(jì)師我們需要根據(jù)產(chǎn)品的實(shí)際需要來(lái)進(jìn)行設(shè)計(jì)，即不過(guò)度設(shè)計(jì)，也不執(zhí)著于追求簡(jiǎn)約，而是基于需求恰到好處的進(jìn)行設(shè)計(jì)。

四、復(fù)雜產(chǎn)品也能有好的體驗(yàn)

復(fù)雜的產(chǎn)品會(huì)有好的用戶體驗(yàn)嗎？答案是肯定的，用戶體驗(yàn)的好壞與產(chǎn)品是復(fù)雜還是簡(jiǎn)單并沒(méi)有直接的關(guān)系，很多時(shí)候復(fù)雜的產(chǎn)品也能帶給我們良好的用戶體驗(yàn)，在互聯(lián)網(wǎng)產(chǎn)品中，我們可以看到很多復(fù)雜的產(chǎn)品，這些復(fù)雜的軟件產(chǎn)品，一點(diǎn)點(diǎn)的改變著我們的生活與工作方式，讓我們生活與工作變得便捷與高效。

首先可以看看我們的國(guó)民級(jí)電商應(yīng)用淘寶，乍看淘寶的界面，可能會(huì)覺(jué)得十分復(fù)雜，甚至?xí)o人一種眼花繚亂的感覺(jué)，但是包括我在內(nèi)的許多人仍然十分喜歡逛淘寶。

淘寶內(nèi)除了有本身的淘寶、天貓店鋪外還有專做海淘的天貓國(guó)際，做社區(qū)團(tuán)購(gòu)的淘鮮達(dá)，專做拍賣的阿里拍賣等數(shù)十個(gè)板塊，業(yè)務(wù)繁多，功能復(fù)雜，但這幾乎很難改變，因?yàn)橹宰鲞@些業(yè)務(wù)和功能背后都有著商業(yè)上的考量。

從交互設(shè)計(jì)的角度看，雖然淘寶的業(yè)務(wù)和功能繁多，卻有著清晰的布局、信息對(duì)齊、內(nèi)容組織，產(chǎn)品盡管復(fù)雜，但并不令人感到費(fèi)解和困惑。購(gòu)物流程也與用戶在線下購(gòu)物流程相仿，貼近用戶的心理模型，用戶容易了解產(chǎn)品功能、容易與之交互，整體上有著良好的用戶體驗(yàn)。

又如我一直在使用的一款筆記軟件Notion，Notion相對(duì)于印象筆記、有道云筆記而言更為復(fù)雜，需要花費(fèi)一定的時(shí)間成本學(xué)習(xí)才能夠從容上手使用，但是這并不妨礙Notion被眾多使用者所追捧。Notion的很多功能在使用之前，甚至都不會(huì)想到會(huì)出現(xiàn)在一款筆記產(chǎn)品里面，如甘特圖，多維表格等，這類功能一般出現(xiàn)在項(xiàng)目管理類軟件中。

而Notion塊結(jié)構(gòu)的布局模式，讓筆記能夠自由拖拽，擁有了極強(qiáng)的自由度，用戶可以很自由的用各種各樣的形式來(lái)記筆記，要是你肯再花一些心思，你甚至可以在Notion內(nèi)搭建一個(gè)個(gè)人專屬網(wǎng)站來(lái)記錄的學(xué)習(xí)知識(shí)，打造個(gè)人專屬知識(shí)庫(kù)。

將我們習(xí)以為常的線性筆記思維，轉(zhuǎn)變成縱向思維，甚至是網(wǎng)格狀思維。Notion無(wú)疑是復(fù)雜的，但是這樣做是為了給用戶提供的強(qiáng)大功能和極高的自由度，這些功能恰恰也切合了用戶的需求，創(chuàng)造了一種全新的筆記體驗(yàn)，帶給用戶愉悅的使用感受。

五、過(guò)度簡(jiǎn)化的潛在風(fēng)險(xiǎn)

簡(jiǎn)單是產(chǎn)品追求的最終形態(tài)嗎？其實(shí)未必，很多時(shí)候產(chǎn)品設(shè)計(jì)的過(guò)度簡(jiǎn)單反而會(huì)給用戶帶來(lái)麻煩。為了追求簡(jiǎn)單的設(shè)計(jì)，不可避免的就需要隱藏一些信息或者拉長(zhǎng)操作路徑，這是一個(gè)權(quán)衡的過(guò)程，我們?cè)谧鲈O(shè)計(jì)時(shí)也會(huì)經(jīng)常面臨這樣的抉擇，是追求視覺(jué)上的簡(jiǎn)約美觀還是信息傳達(dá)準(zhǔn)確性與操作上的效率。給用戶一個(gè)簡(jiǎn)約美觀的視覺(jué)感受無(wú)疑很重要，人們對(duì)于美的事物往往更有耐心，也更愿意去探索。

但是對(duì)于一款針對(duì)B端用戶的效率軟件、辦公應(yīng)用而言，準(zhǔn)確的傳達(dá)信息，幫助用戶進(jìn)行判斷，頻繁使用的功能設(shè)計(jì)得更高效便捷，這些點(diǎn)能帶給用戶更實(shí)際價(jià)值，也是我們?cè)谠O(shè)計(jì)產(chǎn)品時(shí)應(yīng)該優(yōu)先考慮的點(diǎn)。

特別是在一些專業(yè)性的軟件中，如果我們?yōu)榱俗非蠛?jiǎn)約而弱化或者省略掉一些關(guān)鍵信息，還有可能會(huì)導(dǎo)致用戶錯(cuò)誤操作的出現(xiàn)，造成嚴(yán)重的后果。

試想一下當(dāng)你在使用軟件編寫(xiě)一個(gè)計(jì)算字段時(shí)，軟件提供給你了計(jì)算公式卻沒(méi)有就近給你提供計(jì)算公式的解釋和用法示例，導(dǎo)致你因?yàn)闀?shū)寫(xiě)上的不規(guī)范使得計(jì)算結(jié)果頻繁出錯(cuò)。這時(shí)你可能會(huì)滿懷憤怒的抱怨為什么產(chǎn)品會(huì)如此難用，為什么不能配置過(guò)程中給到更多的反饋與幫助信息來(lái)減少配置錯(cuò)誤的發(fā)生。

六、如何與復(fù)雜共處

前面我們了解了關(guān)于復(fù)雜的定義，認(rèn)識(shí)了復(fù)雜與困惑之間的區(qū)別，也明確了在B端產(chǎn)品中復(fù)雜或許難以避免，復(fù)雜是出于實(shí)實(shí)在在的業(yè)務(wù)的需要而非某位設(shè)計(jì)師的錯(cuò)誤喜好，既然復(fù)雜無(wú)法避免，我們就應(yīng)該學(xué)會(huì)與復(fù)雜共處，管理與馴服復(fù)雜。那么如何與復(fù)雜共處呢，有一些策略或許可以給予我們一些思路。

1. 為產(chǎn)品注入規(guī)則

復(fù)雜與困惑的本質(zhì)區(qū)別在于復(fù)雜的背后隱藏著規(guī)則與邏輯，而困惑缺少這樣的規(guī)則與邏輯，讓人無(wú)法預(yù)測(cè)與揣摩，對(duì)應(yīng)到軟件產(chǎn)品的設(shè)計(jì)，一款成功的優(yōu)秀的軟件產(chǎn)品，應(yīng)該是易學(xué)易用、能夠滿足用戶預(yù)期，用戶能夠直觀的理解產(chǎn)品的流程與主要功能，并通過(guò)產(chǎn)品實(shí)現(xiàn)自己的目標(biāo)。那么具體到軟件的設(shè)計(jì)上我們應(yīng)該怎樣做呢？

這里可以看看我們團(tuán)隊(duì)正在使用的研發(fā)管理工具TAPD，TAPD是一款敏捷研發(fā)協(xié)作工具，凝聚了騰訊研發(fā)方法及敏捷實(shí)踐精髓，其中敏捷開(kāi)發(fā)的方法就是TAPD的內(nèi)在規(guī)則與邏輯，有過(guò)敏捷開(kāi)發(fā)經(jīng)驗(yàn)，理解敏捷開(kāi)發(fā)流程的的開(kāi)發(fā)人員能夠快速的上手使用TAPD。

對(duì)于不了解敏捷開(kāi)發(fā)的開(kāi)發(fā)人員也可以通過(guò)產(chǎn)品幫助中心學(xué)習(xí)敏捷開(kāi)發(fā)思想，進(jìn)而理解產(chǎn)品的功能與流程，因此雖然TAPD功能與頁(yè)面結(jié)構(gòu)相對(duì)復(fù)雜，但是基于對(duì)敏捷開(kāi)發(fā)的認(rèn)識(shí)用戶還是能從產(chǎn)品復(fù)雜的功能界面中摸索出一條操作路徑，實(shí)現(xiàn)自己的目標(biāo)。這就是產(chǎn)品擁有內(nèi)核思想以后能夠帶來(lái)的直觀好處，將原本零散的功能點(diǎn)通過(guò)特定邏輯鏈接成操作流程，幫助用戶更好地理解與使用產(chǎn)品。

相同的在我們公司自己的一個(gè)項(xiàng)目中我們也運(yùn)用了同樣的方法，在我們公司之前研發(fā)的一款crm產(chǎn)品中，為了給用戶提供最佳的銷售實(shí)踐，幫助用戶更快上手使用我們的產(chǎn)品，我們?cè)谠O(shè)計(jì)產(chǎn)品時(shí)尋找了硅谷藍(lán)圖團(tuán)隊(duì)做了顧問(wèn)咨詢，并依照硅谷藍(lán)圖的銷售轉(zhuǎn)化路徑來(lái)構(gòu)建我們的產(chǎn)品體系，確定產(chǎn)品功能，梳理產(chǎn)品中的業(yè)務(wù)流程。

并希望在以后為客戶做實(shí)施的過(guò)程中能夠?qū)⒐韫人{(lán)圖的銷售方法一起帶給用戶，讓用戶能夠更好地使用我們的產(chǎn)品，實(shí)現(xiàn)產(chǎn)品的最高價(jià)值，為中小企業(yè)銷售團(tuán)隊(duì)賦能。

通過(guò)前面兩個(gè)案例其實(shí)我們可以感受到，當(dāng)一款復(fù)雜的產(chǎn)品有了內(nèi)在的規(guī)則與邏輯以后，用戶理解和使用我們的產(chǎn)品會(huì)變得更順暢，用戶不會(huì)迷失在茫茫的功能之中，通過(guò)理解規(guī)則與邏輯，用戶能夠?qū)ψ约翰僮鹘Y(jié)果有一個(gè)大概的預(yù)期，而不是處于困惑狀態(tài)，作為設(shè)計(jì)師的我們也可以將這種規(guī)則邏輯作為我們?cè)O(shè)計(jì)的引導(dǎo)，讓我們的設(shè)計(jì)更為系統(tǒng)和有條理，讓產(chǎn)品不再是一堆功能的堆疊，各自為戰(zhàn)。

2. 貼近用戶心理模型設(shè)計(jì)

復(fù)雜是用戶的一種心理感受，用戶覺(jué)得產(chǎn)品復(fù)雜除了產(chǎn)品本身結(jié)構(gòu)信息復(fù)雜之外，也是因?yàn)楫a(chǎn)品在設(shè)計(jì)上沒(méi)有貼合用戶的心理預(yù)期，用戶很難理解產(chǎn)品的流程與交互，所以貼近用戶心理進(jìn)行設(shè)計(jì)就顯得尤為重要。這里我們需要先了解三個(gè)概念，實(shí)現(xiàn)模型、表現(xiàn)模型和心理模型，三個(gè)概念的釋義如下：

實(shí)現(xiàn)模型：產(chǎn)品是怎樣工作的心里模型：用戶認(rèn)為產(chǎn)品是怎樣工作的表現(xiàn)模型：通過(guò)設(shè)計(jì)來(lái)讓用戶認(rèn)為產(chǎn)品是怎樣工作的

表現(xiàn)模型越接近心理模型，用戶就越容易了解產(chǎn)品功能、容易與之交互。表現(xiàn)模型越接近實(shí)現(xiàn)模型，用戶越難理解產(chǎn)品，產(chǎn)品就越難使用。

復(fù)雜產(chǎn)品在用戶體驗(yàn)過(guò)程中的痛點(diǎn)在于用戶需要花費(fèi)時(shí)間學(xué)習(xí)或培訓(xùn)之后才能了解產(chǎn)品的運(yùn)轉(zhuǎn)機(jī)制，很多B端產(chǎn)品在設(shè)計(jì)時(shí)更多的偏向于實(shí)現(xiàn)模型，用戶在使用產(chǎn)品的過(guò)程中會(huì)發(fā)現(xiàn)很多地方的交互和自己心理預(yù)期并不一致，使用過(guò)程中會(huì)遇到很多的阻礙，影響整體的使用體驗(yàn)。

對(duì)于一款復(fù)雜的產(chǎn)品而言，我們需要讓我們產(chǎn)品的表現(xiàn)模型更接近于用戶的心理模型，這樣用戶能夠更容易了解產(chǎn)品的功能，并與之交互。

大家使用電腦時(shí)有沒(méi)有遇到過(guò)類似下圖這樣的電腦報(bào)錯(cuò)信息，里面是一堆的專業(yè)名詞，看得人一頭霧水。這時(shí)候我們能做的只有默默的打開(kāi)百度，去了解彈窗里面講的內(nèi)容究竟是什么，了解后才明白原來(lái)這樣，然后按照百度上操作步驟一通操作，僥幸解決了問(wèn)題。但是當(dāng)下次我們遇到相同問(wèn)題時(shí)，可能還是不知道如何解決，無(wú)可避免還是需要求助百度。

這個(gè)就是表現(xiàn)模型貼近與實(shí)現(xiàn)模型會(huì)帶給用戶的困擾，用戶不是專業(yè)的開(kāi)發(fā)者，他們不了解也不需要了解產(chǎn)品背后的實(shí)現(xiàn)邏輯，這對(duì)用戶而言是沒(méi)有價(jià)值的，給予用戶這些信息不能對(duì)用戶起到預(yù)想的幫助作用。貼近實(shí)現(xiàn)模型進(jìn)行設(shè)計(jì)會(huì)讓用戶與產(chǎn)品交互變得困難，變相的是在人為的增加產(chǎn)品的復(fù)雜度，與復(fù)雜共處，我們需要學(xué)會(huì)貼近用戶心理進(jìn)行設(shè)計(jì)。

3. 統(tǒng)一交互模式

復(fù)雜的產(chǎn)品往往功能、頁(yè)面繁多，如果頁(yè)面內(nèi)的視覺(jué)元素以及交互各自為戰(zhàn)，那么放大到整個(gè)產(chǎn)品就是一個(gè)災(zāi)難，不僅是產(chǎn)品給用戶感官上不統(tǒng)一、整體性差，過(guò)多的交互模式也會(huì)增加用戶的學(xué)習(xí)與記憶成本，用戶在這些相視功能但是不同的視覺(jué)與交互的模塊之間容易陷入困惑，對(duì)用戶使用產(chǎn)品造成困擾。

針對(duì)這個(gè)問(wèn)題，現(xiàn)在越來(lái)越多的公司開(kāi)始通過(guò)搭建組件庫(kù)的方式來(lái)規(guī)范自家產(chǎn)品內(nèi)的視覺(jué)與交互，一個(gè)規(guī)范完整的組件庫(kù)的確能夠在很大程度上解決產(chǎn)品在視覺(jué)與交互上的一致性問(wèn)題，通過(guò)模塊化解決方案，也能降低冗余的生產(chǎn)成本，實(shí)現(xiàn)產(chǎn)品快速開(kāi)發(fā)。

因此很多人也認(rèn)為搭建好組件庫(kù)就能一次性的解決產(chǎn)品體驗(yàn)一致性問(wèn)題，但實(shí)際上就算一個(gè)產(chǎn)品有了一個(gè)自己的組件庫(kù)，依舊還會(huì)遇到體驗(yàn)上統(tǒng)一性問(wèn)題，這是為什么呢？

在原子化設(shè)計(jì)理論中，粒子是構(gòu)成頁(yè)面的最小顆粒，粒子構(gòu)成簡(jiǎn)單組件，簡(jiǎn)單組件到復(fù)雜組件，再到區(qū)塊、頁(yè)面。雖然用組件能去構(gòu)建頁(yè)面，但是還會(huì)遇到頁(yè)面結(jié)構(gòu)、交互不一致的問(wèn)題，設(shè)計(jì)師各自使用組件去搭建并不能提升我們的效率和解決設(shè)計(jì)一致性的問(wèn)題，在末端設(shè)計(jì)并沒(méi)有做到約束。因此我們?cè)跇?gòu)建好組件以后還需要繼續(xù)抽取出了頁(yè)面級(jí)的組裝結(jié)構(gòu)和交互模式。

這里我們拿B端產(chǎn)品中常見(jiàn)的列表頁(yè)來(lái)舉例，縱觀所有后臺(tái)列表頁(yè)面，抽取后無(wú)非就分為這么幾個(gè)區(qū)域。不同的業(yè)務(wù)可以通過(guò)基礎(chǔ)組件和樣式定義符合自己業(yè)務(wù)線的子模塊。

比如列表頁(yè)中的篩選區(qū)，在不同的業(yè)務(wù)場(chǎng)景下，對(duì)篩選器的需求也各不相同，簡(jiǎn)單的可能只需要使用標(biāo)簽選擇就能夠完成篩選，復(fù)雜的可能添加很多的篩選項(xiàng)甚至選項(xiàng)之間還有且或關(guān)系，我們需要根據(jù)實(shí)際的業(yè)務(wù)場(chǎng)景設(shè)計(jì)適合的篩選器，但是需要注意的是一個(gè)產(chǎn)品中用到的篩選器形式不應(yīng)太多，我們需要抽取歸納出三四種篩選器形式去覆蓋我們產(chǎn)品內(nèi)所有的篩選場(chǎng)景。來(lái)保證產(chǎn)品內(nèi)不會(huì)出現(xiàn)各種相識(shí)卻有各不相同的篩選器。

B端后臺(tái)產(chǎn)品中比較常見(jiàn)的還有表單，我們可以歸納出產(chǎn)品內(nèi)可能會(huì)使用到的表單類型，然后定義出具體的框架結(jié)構(gòu)與交互，在具體的設(shè)計(jì)過(guò)程中在根據(jù)實(shí)際情況選用不同的表單區(qū)塊。

1）分組表單

一種常見(jiàn)的信息錄入以及信息展示表單，這種形式是我們最常用。

2）分步表單

分布表單適用于信息錄入項(xiàng)以及信息展示項(xiàng)過(guò)多，在一個(gè)頁(yè)面內(nèi)已經(jīng)不能合理清晰的組織傳遞信息，或者表單內(nèi)容的錄入方式或者展示方式存在較大差異，不適宜在一個(gè)頁(yè)面內(nèi)進(jìn)行展示時(shí)。按照布局的不同也可分為橫向步驟和縱向步驟兩種。

3）組合表單

組合表單因其結(jié)構(gòu)能夠承載更多的信息，每一個(gè)欄目都可以承載一個(gè)獨(dú)立的表單頁(yè)，有效的管理信息。

4）彈窗表單

很多時(shí)候我們也會(huì)用彈窗來(lái)承載表單，好處是交互銜接流暢，不用跳頁(yè)。

將產(chǎn)品中類似的區(qū)塊做成最佳的交互模式范例，能夠最大的程度的規(guī)范我們產(chǎn)品中的交互，這樣才能真正的實(shí)現(xiàn)產(chǎn)品體驗(yàn)上的統(tǒng)一，化繁為簡(jiǎn)，讓復(fù)雜的產(chǎn)品也能夠調(diào)理清晰，上手簡(jiǎn)單容易。在面對(duì)復(fù)雜的系統(tǒng)級(jí)軟件時(shí)，在統(tǒng)一組件樣式的基礎(chǔ)上還應(yīng)該統(tǒng)一產(chǎn)品內(nèi)的交互模式。

4. 信息歸納突出重心

復(fù)雜的產(chǎn)品頁(yè)面內(nèi)信息往往都特別繁多，如果不做好信息歸納，用戶將很難把握住重點(diǎn)內(nèi)容，信息獲取效率低下，十分影響用戶的使用體驗(yàn)，所以信息的強(qiáng)弱的整理十分重要，那么什么樣的信息是對(duì)用戶而言重要的信息呢？

信息設(shè)計(jì)大師愛(ài)德華·塔夫特認(rèn)為優(yōu)秀的視覺(jué)設(shè)計(jì)應(yīng)該是“將清晰的思考視覺(jué)化”，他還認(rèn)為只有充分理解觀看者的“認(rèn)知任務(wù)”及一些設(shè)計(jì)原則才能設(shè)計(jì)出優(yōu)秀的產(chǎn)品。

如何找到對(duì)用戶真正重要的信息需要借助到產(chǎn)品設(shè)計(jì)中一個(gè)十分重要的工具–用戶模型，通過(guò)調(diào)研的來(lái)得用戶模型是對(duì)于我們產(chǎn)品客戶的抽象歸納，通過(guò)用戶模型我們可以確定哪些功能對(duì)于用戶而言是高價(jià)值的重要內(nèi)容該重點(diǎn)突出，哪些內(nèi)容相對(duì)不是那么重要可以弱化處理，通過(guò)對(duì)于頁(yè)面內(nèi)容強(qiáng)弱的劃分，用戶能夠更快的獲取到對(duì)自己有用的內(nèi)容，盡管頁(yè)面仍舊復(fù)雜，但是信息劃分合理、層級(jí)清晰、表意明確的頁(yè)面人就能夠帶給用戶良好的用戶體驗(yàn)，幫助用戶高效的處理任務(wù)。

七、說(shuō)在最后

復(fù)雜是產(chǎn)品的本來(lái)特性，本身不含褒貶，但是如果復(fù)雜不加以控制，讓其發(fā)展為困惑與混亂，這對(duì)于一款產(chǎn)品而言絕對(duì)不是一件好事情，這樣即使產(chǎn)品功能上很優(yōu)秀，用戶也無(wú)法長(zhǎng)期忍受，一旦市場(chǎng)上出現(xiàn)替代產(chǎn)品，那么忍受已久的用戶也將拋棄產(chǎn)品轉(zhuǎn)向體驗(yàn)更好的新產(chǎn)品。

曾經(jīng)我也是一個(gè)極簡(jiǎn)主義的追捧者，但是經(jīng)歷過(guò)越來(lái)越多的設(shè)計(jì)項(xiàng)目，我開(kāi)始發(fā)現(xiàn)某些產(chǎn)品復(fù)雜性是必需的，將產(chǎn)品做得簡(jiǎn)單并不是其核心訴求。真正需要處理的問(wèn)題也不是復(fù)雜，而是混淆的狀態(tài)和由此產(chǎn)生的無(wú)條理性。解決的方法不是簡(jiǎn)單的去除幾個(gè)界面元素，讓其在視覺(jué)界面上變得簡(jiǎn)潔干凈，而是要讓產(chǎn)品擁有內(nèi)在規(guī)則、一致且能夠被理解。

作者：Yone楊

原文鏈接：https://www.zcool.com.cn/article/ZMTMzNDAyOA==.html

本文由 @Yone楊 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。