2022-6-6 ui設(shè)計(jì)分享達(dá)人
“復(fù)雜是世界的一部分，但它不應(yīng)該令人困惑，好的設(shè)計(jì)幫我們馴服復(fù)雜，不是讓事物變簡單（如果復(fù)雜是符合需求的），而是去管理復(fù)雜”--唐納德·A·諾曼
與復(fù)雜共處，這是一個(gè)有趣的話題。在這個(gè)奉行“少即是多”的時(shí)代，設(shè)計(jì)師對于復(fù)雜噤若寒蟬，認(rèn)為優(yōu)秀的設(shè)計(jì)應(yīng)該簡潔明了，若無必要，勿增實(shí)體，而復(fù)雜則常備被視作失敗設(shè)計(jì)的標(biāo)簽。設(shè)計(jì)師為了保持設(shè)計(jì)上的簡約挖空心思，甚至試圖通過削弱功能的方式來降低產(chǎn)品的復(fù)雜度，得到自己想象中的完美設(shè)計(jì)。然而一味追求“簡單”的設(shè)計(jì)真的符合用戶的實(shí)際需求嗎？從心理學(xué)的角度來看，復(fù)雜的事物往往功能強(qiáng)大，而功能強(qiáng)大意味著更好的服務(wù)與更高的價(jià)值，用戶也更愿意為之付費(fèi)。當(dāng)我們購買商品時(shí)，我們會(huì)仔細(xì)斟酌，拿著產(chǎn)品的功能列表反復(fù)比對，這個(gè)時(shí)候我們忘記了產(chǎn)品復(fù)雜與否，更多考慮的是功能是否滿足自身需求。
對于大部分B端產(chǎn)品而言，復(fù)雜或許難以避免，復(fù)雜是出于實(shí)實(shí)在在的業(yè)務(wù)的需要，而非某位設(shè)計(jì)師的錯(cuò)誤喜好。B端產(chǎn)品之所以給人感覺會(huì)相對復(fù)雜，是因?yàn)楫a(chǎn)品需要完成復(fù)雜的工作任務(wù)，界面內(nèi)承載的信息內(nèi)容較多，在視覺上會(huì)帶給用戶壓力，直觀感受上覺得產(chǎn)品很復(fù)雜。但是這些信息又都是必需的，如果缺少這些必要的信息，會(huì)對用戶理解和使用產(chǎn)品造成阻礙。就如同飛機(jī)的駕駛艙，密密麻麻的按鈕如此復(fù)雜，但是每一個(gè)按鈕都有著相應(yīng)的功能，不可或缺。既然復(fù)雜難以避免，那么作為設(shè)計(jì)師我們不應(yīng)該被動(dòng)接受或盲目拒絕復(fù)雜，我們應(yīng)該學(xué)會(huì)如何與復(fù)雜共處，去嘗試馴服復(fù)雜、管理復(fù)雜。
相信很多設(shè)計(jì)師和我一樣，經(jīng)歷過現(xiàn)代主義浪潮的洗禮，對于簡約的設(shè)計(jì)有著或多或少的偏好。因?yàn)檫@種偏好，在自己進(jìn)行設(shè)計(jì)時(shí)也希望能夠選用這種風(fēng)格，在設(shè)計(jì)時(shí)刻意的去追求界面簡約，卻忽略了界面上的簡約不等同于產(chǎn)品易于理解和使用。從心理學(xué)的角度上看，復(fù)雜的事物更容易理解，簡單的事物反倒令人困惑，一味的追求簡單反而會(huì)讓事物變得復(fù)雜。
B端產(chǎn)品的目標(biāo)是降本提效，追求簡約的設(shè)計(jì)思想在B端產(chǎn)品的設(shè)計(jì)中并沒有那么適用，為了提升用戶的操作效率，我們需要將一些能夠幫助用戶理解的信息與常用的操作直觀的展示給用戶。這會(huì)在一定程度上增加界面的復(fù)雜度，但是相較于產(chǎn)品視覺界面會(huì)因此變得復(fù)雜，產(chǎn)品的易用性和操作效率對于B端產(chǎn)品而言會(huì)更為重要。
與復(fù)雜共處的前提是能夠理性地看待復(fù)雜，復(fù)雜本身的含義即非褒義也非貶義。復(fù)雜描述的是事物的狀態(tài)，它在詞典上的解釋是擁有很多即錯(cuò)綜復(fù)雜又相互關(guān)聯(lián)的組成部分的事物。產(chǎn)品復(fù)雜與否是由產(chǎn)品本身所從事的業(yè)務(wù)和需要完成的任務(wù)來決定，就像我們不能要求一個(gè)做機(jī)械結(jié)構(gòu)設(shè)計(jì)的工程軟件做得像一個(gè)圖畫板一樣簡單，因?yàn)閮烧叩墓δ苄枨蟛皇且粋€(gè)層面的，所以我們也不能單純的將產(chǎn)品簡潔還復(fù)雜作為評判一款產(chǎn)品優(yōu)秀與否的標(biāo)準(zhǔn)。
我們之所以對復(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)型的過程中，為了讓產(chǎn)品易于使用，設(shè)計(jì)師需要深入到一線，去了解真實(shí)用戶在線下業(yè)務(wù)場景中是如何處理日常任務(wù)的，在流程線上化過程中也需要遵循這樣的業(yè)務(wù)流程，這樣能夠讓用戶更快上手，而如果我們在設(shè)計(jì)過程中不去參考用戶在線下的操作場景，按照自己的想法去意測用戶的行為，這樣設(shè)計(jì)出的產(chǎn)品背離了用戶的心理模型，缺乏內(nèi)在邏輯，會(huì)讓用戶感到混亂困惑，陷入深深的麻煩。
基于產(chǎn)品本身功能需要，我們可能無法很主觀的去降低產(chǎn)品的復(fù)雜度，這就需要我們在進(jìn)行產(chǎn)品設(shè)計(jì)時(shí)花費(fèi)更多的心思，通過對業(yè)務(wù)流程、頁面布局、信息呈現(xiàn)上的調(diào)整與設(shè)計(jì)讓產(chǎn)品變得清晰，不讓用戶陷入困惑。如下圖的關(guān)于表單編輯器的A\B兩種設(shè)計(jì)，用戶在編輯器內(nèi)完成一系列針對表單的編輯、配置操作，然后發(fā)布表單。方案A中將這些表單編輯配置項(xiàng)通過tab進(jìn)行排列，這種方式結(jié)構(gòu)簡單，但是擴(kuò)展性較差，過多的欄目也容易讓用戶陷入困惑，不清楚需要完成哪些配置項(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ū)τ脩艟庉嫳韱翁峁┮欢ǖ膸椭敢?。雖然兩種方案信息內(nèi)容上都一致，視覺觀感上甚至方案B更為復(fù)雜，但是方案B在這里可能是更合適的方案，因?yàn)榉桨窧在配置流程的指引上更為清晰，也更貼近用戶心理模型，即使沒有使用過在線表單的用戶也能理解產(chǎn)品流程，因而用戶能夠更容易的完成表單配置并發(fā)布表單。
我們在使用產(chǎn)品時(shí)，都會(huì)有一個(gè)大概的心理預(yù)期，會(huì)認(rèn)為某一類型的產(chǎn)品會(huì)較為復(fù)雜，某一類型的產(chǎn)品會(huì)相對簡單。為什么我們會(huì)有這樣的認(rèn)知呢？是因?yàn)槲覀冎肋@些產(chǎn)品大概有哪些功能，而這些功能就決定了產(chǎn)品的復(fù)雜層度。產(chǎn)品的復(fù)雜程度由產(chǎn)品的業(yè)務(wù)與功能決定，而不是依照設(shè)計(jì)師的自我喜好，像如淘寶、京東這類的購物網(wǎng)站、擁有著很多的欄目，所以淘寶、京東的界面相對來說較為復(fù)雜；而像百度這樣的搜索引擎功能相對來說比較簡單，所以界面設(shè)計(jì)相對簡單干凈。
我們可以容許一個(gè)功能強(qiáng)大的產(chǎn)品設(shè)計(jì)得相對復(fù)雜，但是一個(gè)功能簡單的產(chǎn)品設(shè)計(jì)得復(fù)雜難用就是一個(gè)災(zāi)難。作為設(shè)計(jì)師我們需要根據(jù)產(chǎn)品的實(shí)際需要來進(jìn)行設(shè)計(jì)，即不過度設(shè)計(jì)，也不執(zhí)著于追求簡約，而是基于需求恰到好處的進(jìn)行設(shè)計(jì)。
復(fù)雜的產(chǎn)品會(huì)有好的用戶體驗(yàn)嗎？答案是肯定的，用戶體驗(yàn)的好壞與產(chǎn)品是復(fù)雜還是簡單并沒有直接的關(guān)系，很多時(shí)候復(fù)雜的產(chǎn)品也能帶給我們良好的用戶體驗(yàn)，在互聯(lián)網(wǎng)產(chǎn)品中，我們可以看到很多復(fù)雜的產(chǎn)品，這些復(fù)雜的軟件產(chǎn)品，一點(diǎn)點(diǎn)的改變著我們的生活與工作方式，讓我們生活與工作變得便捷與高效。
首先可以看看我們的國民級電商應(yīng)用淘寶，乍看淘寶的界面，可能會(huì)覺得十分復(fù)雜，甚至?xí)o人一種眼花繚亂的感覺，但是包括我在內(nèi)的許多人仍然十分喜歡逛淘寶。淘寶內(nèi)除了有本身的淘寶、天貓店鋪外還有專做海淘的天貓國際，做社區(qū)團(tuán)購的淘鮮達(dá)，專做拍賣的阿里拍賣等數(shù)十個(gè)板塊，業(yè)務(wù)繁多，功能復(fù)雜，但這幾乎很難改變，因?yàn)橹宰鲞@些業(yè)務(wù)和功能背后都有著商業(yè)上的考量。從交互設(shè)計(jì)的角度看，雖然淘寶的業(yè)務(wù)和功能繁多，卻有著清晰的布局、信息對齊、內(nèi)容組織，產(chǎn)品盡管復(fù)雜，但并不令人感到費(fèi)解和困惑。購物流程也與用戶在線下購物流程相仿，貼近用戶的心理模型，用戶容易了解產(chǎn)品功能、容易與之交互，整體上有著良好的用戶體驗(yàn)。
又如我一直在使用的一款筆記軟件Notion，Notion相對于印象筆記、有道云筆記而言更為復(fù)雜，需要花費(fèi)一定的時(shí)間成本學(xué)習(xí)才能夠從容上手使用，但是這并不妨礙Notion被眾多使用者所追捧。Notion的很多功能在使用之前，甚至都不會(huì)想到會(huì)出現(xiàn)在一款筆記產(chǎn)品里面，如甘特圖，多維表格等，這類功能一般出現(xiàn)在項(xiàng)目管理類軟件中。而Notion塊結(jié)構(gòu)的布局模式，讓筆記能夠自由拖拽，擁有了極強(qiáng)的自由度，用戶可以很自由的用各種各樣的形式來記筆記，要是你肯再花一些心思，你甚至可以在Notion內(nèi)搭建一個(gè)個(gè)人專屬網(wǎng)站來記錄的學(xué)習(xí)知識(shí)，打造個(gè)人專屬知識(shí)庫。將我們習(xí)以為常的線性筆記思維，轉(zhuǎn)變成縱向思維，甚至是網(wǎng)格狀思維。Notion無疑是復(fù)雜的，但是這樣做是為了給用戶提供的強(qiáng)大功能和極高的自由度，這些功能恰恰也切合了用戶的需求，創(chuàng)造了一種全新的筆記體驗(yàn)，帶給用戶愉悅的使用感受。
簡單是產(chǎn)品追求的最終形態(tài)嗎？其實(shí)未必，很多時(shí)候產(chǎn)品設(shè)計(jì)的過度簡單反而會(huì)給用戶帶來麻煩。為了追求簡單的設(shè)計(jì)，不可避免的就需要隱藏一些信息或者拉長操作路徑，這是一個(gè)權(quán)衡的過程，我們在做設(shè)計(jì)時(shí)也會(huì)經(jīng)常面臨這樣的抉擇，是追求視覺上的簡約美觀還是信息傳達(dá)準(zhǔn)確性與操作上的效率。給用戶一個(gè)簡約美觀的視覺感受無疑很重要，人們對于美的事物往往更有耐心，也更愿意去探索。但是對于一款針對B端用戶的效率軟件、辦公應(yīng)用而言，準(zhǔn)確的傳達(dá)信息，幫助用戶進(jìn)行判斷，頻繁使用的功能設(shè)計(jì)得更高效便捷，這些點(diǎn)能帶給用戶更實(shí)際價(jià)值，也是我們在設(shè)計(jì)產(chǎn)品時(shí)應(yīng)該優(yōu)先考慮的點(diǎn)。
特別是在一些專業(yè)性的軟件中，如果我們?yōu)榱俗非蠛喖s而弱化或者省略掉一些關(guān)鍵信息，還有可能會(huì)導(dǎo)致用戶錯(cuò)誤操作的出現(xiàn)，造成嚴(yán)重的后果。試想一下當(dāng)你在使用軟件編寫一個(gè)計(jì)算字段時(shí)，軟件提供給你了計(jì)算公式卻沒有就近給你提供計(jì)算公式的解釋和用法示例，導(dǎo)致你因?yàn)闀鴮懮系牟灰?guī)范使得計(jì)算結(jié)果頻繁出錯(cuò)。這時(shí)你可能會(huì)滿懷憤怒的抱怨為什么產(chǎn)品會(huì)如此難用，為什么不能配置過程中給到更多的反饋與幫助信息來減少配置錯(cuò)誤的發(fā)生。
前面我們了解了關(guān)于復(fù)雜的定義，認(rèn)識(shí)了復(fù)雜與困惑之間的區(qū)別，也明確了在B端產(chǎn)品中復(fù)雜或許難以避免，復(fù)雜是出于實(shí)實(shí)在在的業(yè)務(wù)的需要而非某位設(shè)計(jì)師的錯(cuò)誤喜好，既然復(fù)雜無法避免，我們就應(yīng)該學(xué)會(huì)與復(fù)雜共處，管理與馴服復(fù)雜。那么如何與復(fù)雜共處呢，有一些策略或許可以給予我們一些思路。
復(fù)雜與困惑的本質(zhì)區(qū)別在于復(fù)雜的背后隱藏著規(guī)則與邏輯，而困惑缺少這樣的規(guī)則與邏輯，讓人無法預(yù)測與揣摩，對應(yīng)到軟件產(chǎn)品的設(shè)計(jì)，一款成功的優(yōu)秀的軟件產(chǎn)品，應(yīng)該是易學(xué)易用、能夠滿足用戶預(yù)期，用戶能夠直觀的理解產(chǎn)品的流程與主要功能，并通過產(chǎn)品實(shí)現(xiàn)自己的目標(biāo)。那么具體到軟件的設(shè)計(jì)上我們應(yīng)該怎樣做呢？
這里可以看看我們團(tuán)隊(duì)正在使用的研發(fā)管理工具TAPD，TAPD是一款敏捷研發(fā)協(xié)作工具，凝聚了騰訊研發(fā)方法及敏捷實(shí)踐精髓，其中敏捷開發(fā)的方法就是TAPD的內(nèi)在規(guī)則與邏輯，有過敏捷開發(fā)經(jīng)驗(yàn)，理解敏捷開發(fā)流程的的開發(fā)人員能夠快速的上手使用TAPD，對于不了解敏捷開發(fā)的開發(fā)人員也可以通過產(chǎn)品幫助中心學(xué)習(xí)敏捷開發(fā)思想，進(jìn)而理解產(chǎn)品的功能與流程，因此雖然TAPD功能與頁面結(jié)構(gòu)相對復(fù)雜，但是基于對敏捷開發(fā)的認(rèn)識(shí)用戶還是能從產(chǎn)品復(fù)雜的功能界面中摸索出一條操作路徑，實(shí)現(xiàn)自己的目標(biāo)。這就是產(chǎn)品擁有內(nèi)核思想以后能夠帶來的直觀好處，將原本零散的功能點(diǎn)通過特定邏輯鏈接成操作流程，幫助用戶更好地理解與使用產(chǎn)品。
相同的在我們公司自己的一個(gè)項(xiàng)目中我們也運(yùn)用了同樣的方法，在我們公司之前研發(fā)的一款crm產(chǎn)品中，為了給用戶提供最佳的銷售實(shí)踐，幫助用戶更快上手使用我們的產(chǎn)品，我們在設(shè)計(jì)產(chǎn)品時(shí)尋找了硅谷藍(lán)圖團(tuán)隊(duì)做了顧問咨詢，并依照硅谷藍(lán)圖的銷售轉(zhuǎn)化路徑來構(gòu)建我們的產(chǎn)品體系，確定產(chǎn)品功能，梳理產(chǎn)品中的業(yè)務(wù)流程。并希望在以后為客戶做實(shí)施的過程中能夠?qū)⒐韫人{(lán)圖的銷售方法一起帶給用戶，讓用戶能夠更好地使用我們的產(chǎn)品，實(shí)現(xiàn)產(chǎn)品的最高價(jià)值，為中小企業(yè)銷售團(tuán)隊(duì)賦能。
通過前面兩個(gè)案例其實(shí)我們可以感受到，當(dāng)一款復(fù)雜的產(chǎn)品有了內(nèi)在的規(guī)則與邏輯以后，用戶理解和使用我們的產(chǎn)品會(huì)變得更順暢，用戶不會(huì)迷失在茫茫的功能之中，通過理解規(guī)則與邏輯，用戶能夠?qū)ψ约翰僮鹘Y(jié)果有一個(gè)大概的預(yù)期，而不是處于困惑狀態(tài)，作為設(shè)計(jì)師的我們也可以將這種規(guī)則邏輯作為我們設(shè)計(jì)的引導(dǎo)，讓我們的設(shè)計(jì)更為系統(tǒng)和有條理，讓產(chǎn)品不再是一堆功能的堆疊，各自為戰(zhàn)。
復(fù)雜是用戶的一種心理感受，用戶覺得產(chǎn)品復(fù)雜除了產(chǎn)品本身結(jié)構(gòu)信息復(fù)雜之外，也是因?yàn)楫a(chǎn)品在設(shè)計(jì)上沒有貼合用戶的心理預(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)模型：通過設(shè)計(jì)來讓用戶認(rèn)為產(chǎn)品是怎樣工作的
表現(xiàn)模型越接近心理模型，用戶就越容易了解產(chǎn)品功能、容易與之交互。表現(xiàn)模型越接近實(shí)現(xiàn)模型，用戶越難理解產(chǎn)品，產(chǎn)品就越難使用。復(fù)雜產(chǎn)品在用戶體驗(yàn)過程中的痛點(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)品的過程中會(huì)發(fā)現(xiàn)很多地方的交互和自己心理預(yù)期并不一致，使用過程中會(huì)遇到很多的阻礙，影響整體的使用體驗(yàn)。對于一款復(fù)雜的產(chǎn)品而言，我們需要讓我們產(chǎn)品的表現(xiàn)模型更接近于用戶的心理模型，這樣用戶能夠更容易了解產(chǎn)品的功能，并與之交互。
大家使用電腦時(shí)有沒有遇到過類似下圖這樣的電腦報(bào)錯(cuò)信息，里面是一堆的專業(yè)名詞，看得人一頭霧水。這時(shí)候我們能做的只有默默的打開百度，去了解彈窗里面講的內(nèi)容究竟是什么，了解后才明白原來這樣，然后按照百度上操作步驟一通操作，僥幸解決了問題。但是當(dāng)下次我們遇到相同問題時(shí)，可能還是不知道如何解決，無可避免還是需要求助百度。這個(gè)就是表現(xiàn)模型貼近與實(shí)現(xiàn)模型會(huì)帶給用戶的困擾，用戶不是專業(yè)的開發(fā)者，他們不了解也不需要了解產(chǎn)品背后的實(shí)現(xiàn)邏輯，這對用戶而言是沒有價(jià)值的，給予用戶這些信息不能對用戶起到預(yù)想的幫助作用。貼近實(shí)現(xiàn)模型進(jìn)行設(shè)計(jì)會(huì)讓用戶與產(chǎn)品交互變得困難，變相的是在人為的增加產(chǎn)品的復(fù)雜度，與復(fù)雜共處，我們需要學(xué)會(huì)貼近用戶心理進(jìn)行設(shè)計(jì)。
復(fù)雜的產(chǎn)品往往功能、頁面繁多，如果頁面內(nèi)的視覺元素以及交互各自為戰(zhàn)，那么放大到整個(gè)產(chǎn)品就是一個(gè)災(zāi)難，不僅是產(chǎn)品給用戶感官上不統(tǒng)一、整體性差，過多的交互模式也會(huì)增加用戶的學(xué)習(xí)與記憶成本，用戶在這些相視功能但是不同的視覺與交互的模塊之間容易陷入困惑，對用戶使用產(chǎn)品造成困擾。針對這個(gè)問題，現(xiàn)在越來越多的公司開始通過搭建組件庫的方式來規(guī)范自家產(chǎn)品內(nèi)的視覺與交互，一個(gè)規(guī)范完整的組件庫的確能夠在很大程度上解決產(chǎn)品在視覺與交互上的一致性問題，通過模塊化解決方案，也能降低冗余的生產(chǎn)成本，實(shí)現(xiàn)產(chǎn)品快速開發(fā)。因此很多人也認(rèn)為搭建好組件庫就能一次性的解決產(chǎn)品體驗(yàn)一致性問題，但實(shí)際上就算一個(gè)產(chǎn)品有了一個(gè)自己的組件庫，依舊還會(huì)遇到體驗(yàn)上統(tǒng)一性問題，這是為什么呢？
在原子化設(shè)計(jì)理論中，粒子是構(gòu)成頁面的最小顆粒，粒子構(gòu)成簡單組件，簡單組件到復(fù)雜組件，再到區(qū)塊、頁面。雖然用組件能去構(gòu)建頁面，但是還會(huì)遇到頁面結(jié)構(gòu)、交互不一致的問題，設(shè)計(jì)師各自使用組件去搭建并不能提升我們的效率和解決設(shè)計(jì)一致性的問題，在末端設(shè)計(jì)并沒有做到約束。因此我們在構(gòu)建好組件以后還需要繼續(xù)抽取出了頁面級的組裝結(jié)構(gòu)和交互模式。
這里我們拿B端產(chǎn)品中常見的列表頁來舉例，縱觀所有后臺(tái)列表頁面，抽取后無非就分為這么幾個(gè)區(qū)域。不同的業(yè)務(wù)可以通過基礎(chǔ)組件和樣式定義符合自己業(yè)務(wù)線的子模塊。比如列表頁中的篩選區(qū)，在不同的業(yè)務(wù)場景下，對篩選器的需求也各不相同，簡單的可能只需要使用標(biāo)簽選擇就能夠完成篩選，復(fù)雜的可能添加很多的篩選項(xiàng)甚至選項(xiàng)之間還有且或關(guān)系，我們需要根據(jù)實(shí)際的業(yè)務(wù)場景設(shè)計(jì)適合的篩選器，但是需要注意的是一個(gè)產(chǎn)品中用到的篩選器形式不應(yīng)太多，我們需要抽取歸納出三四種篩選器形式去覆蓋我們產(chǎn)品內(nèi)所有的篩選場景。來保證產(chǎn)品內(nèi)不會(huì)出現(xiàn)各種相識(shí)卻有各不相同的篩選器。
B端后臺(tái)產(chǎn)品中比較常見的還有表單，我們可以歸納出產(chǎn)品內(nèi)可能會(huì)使用到的表單類型，然后定義出具體的框架結(jié)構(gòu)與交互，在具體的設(shè)計(jì)過程中在根據(jù)實(shí)際情況選用不同的表單區(qū)塊。
一種常見的信息錄入以及信息展示表單，這種形式是我們最長用。
分布表單適用于信息錄入項(xiàng)以及信息展示項(xiàng)過多，在一個(gè)頁面內(nèi)已經(jīng)不能合理清晰的組織傳遞信息，或者表單內(nèi)容的錄入方式或者展示方式存在較大差異，不適宜在一個(gè)頁面內(nèi)進(jìn)行展示時(shí)。按照布局的不同也可分為橫向步驟和縱向步驟兩種。
組合表單因其結(jié)構(gòu)能夠承載更多的信息，每一個(gè)欄目都可以承載一個(gè)獨(dú)立的表單頁，有效的管理信息。
很多時(shí)候我們也會(huì)用彈窗來承載表單，好處是交互銜接流暢，不用跳頁。
將產(chǎn)品中類似的區(qū)塊做成最佳的交互模式范例，能夠最大的程度的規(guī)范我們產(chǎn)品中的交互，這樣才能真正的實(shí)現(xiàn)產(chǎn)品體驗(yàn)上的統(tǒng)一，化繁為簡，讓復(fù)雜的產(chǎn)品也能夠調(diào)理清晰，上手簡單容易。在面對復(fù)雜的系統(tǒng)級軟件時(shí)，在統(tǒng)一組件樣式的基礎(chǔ)上還應(yīng)該統(tǒng)一產(chǎn)品內(nèi)的交互模式。
復(fù)雜的產(chǎn)品頁面內(nèi)信息往往都特別繁多，如果不做好信息歸納，用戶將很難把握住重點(diǎn)內(nèi)容，信息獲取效率低下，十分影響用戶的使用體驗(yàn)，所以信息的強(qiáng)弱的整理十分重要，那么什么樣的信息是對用戶而言重要的信息呢？
信息設(shè)計(jì)大師愛德華·塔夫特認(rèn)為優(yōu)秀的視覺設(shè)計(jì)應(yīng)該是“將清晰的思考視覺化”，他還認(rèn)為只有充分理解觀看者的“認(rèn)知任務(wù)”及一些設(shè)計(jì)原則才能設(shè)計(jì)出優(yōu)秀的產(chǎn)品。
如何找到對用戶真正重要的信息需要借助到產(chǎn)品設(shè)計(jì)中一個(gè)十分重要的工具--用戶模型，通過調(diào)研的來得用戶模型是對于我們產(chǎn)品客戶的抽象歸納，通過用戶模型我們可以確定哪些功能對于用戶而言是高價(jià)值的重要內(nèi)容該重點(diǎn)突出，哪些內(nèi)容相對不是那么重要可以弱化處理，通過對于頁面內(nèi)容強(qiáng)弱的劃分，用戶能夠更快的獲取到對自己有用的內(nèi)容，盡管頁面仍舊復(fù)雜，但是信息劃分合理、層級清晰、表意明確的頁面人就能夠帶給用戶良好的用戶體驗(yàn)，幫助用戶高效的處理任務(wù)。
復(fù)雜是產(chǎn)品的本來特性，本身不含褒貶，但是如果復(fù)雜不加以控制，讓其發(fā)展為困惑與混亂，這對于一款產(chǎn)品而言絕對不是一件好事情，這樣即使產(chǎn)品功能上很優(yōu)秀，用戶也無法長期忍受，一旦市場上出現(xiàn)替代產(chǎn)品，那么忍受已久的用戶也將拋棄產(chǎn)品轉(zhuǎn)向體驗(yàn)更好的新產(chǎn)品。
曾經(jīng)我也是一個(gè)極簡主義的追捧者，但是經(jīng)歷過越來越多的設(shè)計(jì)項(xiàng)目，我開始發(fā)現(xiàn)某些產(chǎn)品復(fù)雜性是必需的，將產(chǎn)品做得簡單并不是其核心訴求。真正需要處理的問題也不是復(fù)雜，而是混淆的狀態(tài)和由此產(chǎn)生的無條理性。解決的方法不是簡單的去除幾個(gè)界面元素，讓其在視覺界面上變得簡潔干凈，而是要讓產(chǎn)品擁有內(nèi)在規(guī)則、一致且能夠被理解。
文章來源：站酷 作者：Yone楊
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com