目錄：

一、簡約至上

二、提高用戶的操作效率

三、智能化操作設(shè)計(jì)

       在設(shè)計(jì)領(lǐng)域已經(jīng)有很多經(jīng)過時(shí)間和實(shí)踐檢驗(yàn)的定律法則來作為設(shè)計(jì)的指導(dǎo)原理，它能夠幫助設(shè)計(jì)師更快更有效的將需求轉(zhuǎn)化成合理的界面，并且可以有預(yù)見性的去提高產(chǎn)品的用戶體驗(yàn)。被推崇的有尼爾森十大原則、用戶界面設(shè)計(jì)的八項(xiàng)黃金法則等。但是實(shí)踐出真知，一切的方法論都是源自不斷實(shí)踐中提煉和優(yōu)化的。從原則的輸入理解，到實(shí)踐內(nèi)化，就是自身不斷進(jìn)步的過程。站在巨人的肩膀上，我們應(yīng)該總結(jié)更多屬于自己的設(shè)計(jì)方法去解決問題優(yōu)化設(shè)計(jì)。我從自身實(shí)踐的B端項(xiàng)目經(jīng)驗(yàn)中總結(jié)了幾個(gè)最典型實(shí)用的b端的交互設(shè)計(jì)，來提高用戶的操作效率。

一、簡約至上

      

       1951年威廉.埃德蒙.?？耸紫忍岢觯J(rèn)為人們從數(shù)組中選擇目標(biāo)的時(shí)間取決于可用選項(xiàng)數(shù)量。這表明提出的選項(xiàng)數(shù)量與隨后的選擇反應(yīng)時(shí)間之間存在線性關(guān)系。從廣義上說，界面越復(fù)雜，用戶就越難找到自己的核心操作點(diǎn)，功能越多，就越難發(fā)現(xiàn)真正對(duì)用戶有價(jià)值的東西。

        2011年Giles Colborne在《簡約至上》，提出“交互設(shè)計(jì)四策略”，即：合理刪除、分層組織、適時(shí)隱藏和巧妙轉(zhuǎn)移這四個(gè)令交互設(shè)計(jì)最大程度簡單易用的策略。其本質(zhì)上就是消除多余的信息干擾，保留了用戶主操作流程的心流。

       作為設(shè)計(jì)師我們利用“刪除、組合、隱藏、轉(zhuǎn)移”，不單單是為了簡化而簡化，我們首要明白的就是要在對(duì)用戶真正重要的事情上節(jié)省他們的腦力。需要把組織成功的標(biāo)準(zhǔn)清晰地構(gòu)建在產(chǎn)品的簡單上。一次交互就是用戶與設(shè)備之間的一次對(duì)話，提高效率就是要節(jié)約他們的認(rèn)知成本，學(xué)習(xí)成本，操作成本，衡量的指標(biāo)就是完成某個(gè)目標(biāo)的時(shí)間。

      B端管理項(xiàng)目有大量的表格處理，一個(gè)表格對(duì)應(yīng)的數(shù)據(jù)項(xiàng)有很多，遵循簡約至上的原則我們不會(huì)把所有字段都展示給用戶看，只會(huì)優(yōu)選跟業(yè)務(wù)最核心、用戶關(guān)心的數(shù)據(jù)來展示給用戶，讓他們看到的盡量簡約的表格信息。即使是最常用的查詢工具，我們也會(huì)根據(jù)優(yōu)先級(jí)排序，把常用的展示出來，其他的折疊收納，用戶想用到的時(shí)候可以展開更多查詢條件。我們無時(shí)無刻不遵循著這個(gè)設(shè)計(jì)原則。

 

二、提高用戶的操作效率

1、快速定位目標(biāo)信息

       在信息量大的B端系統(tǒng)里，快速找到目標(biāo)信息是最常用的功能。除了導(dǎo)航上的搜索，我所負(fù)責(zé)的項(xiàng)目幾乎在每個(gè)信息頁面中都使用了查詢，篩選、排序功能，這也是常規(guī)表格對(duì)信息處理的一種快捷方式。常規(guī)的信息定位有搜索、查詢、篩選、排序，不同的方式數(shù)據(jù)的檢索模式也不同。根據(jù)不同業(yè)務(wù)場(chǎng)景，合理的使用才能幫助用戶縮小信息范圍，找到目標(biāo)信息，提高用戶完成一個(gè)任務(wù)的效率。

搜索：是用戶指定任意條件（文本、語音等），平臺(tái)對(duì)此條件進(jìn)行檢索后，展示對(duì)應(yīng)內(nèi)容。搜索由用戶自定義條件，主動(dòng)表達(dá)意圖 ，目的性明確。由于搜索行為是用戶主動(dòng)表達(dá)意圖，往往一個(gè)簡短的關(guān)鍵詞并不能完整表述用戶想法，因此，搜索結(jié)果的內(nèi)容通常包含多種類型從精確到模糊的展現(xiàn)規(guī)則。

查詢：是利用關(guān)鍵字、詞組對(duì)系統(tǒng)內(nèi)的相關(guān)信息進(jìn)行多條件組合檢索。同時(shí)用戶也可以輸入指定條件的信息作為搜索項(xiàng)，但由于查詢功能無法對(duì)非結(jié)構(gòu)化的文件內(nèi)容進(jìn)行查找，所以輸入條件不夠精準(zhǔn)將無法查詢到最終信息。

篩選：是平臺(tái)為用戶提供指定條件，用戶可以選擇查看符合一類或多類條件下的內(nèi)容。投顧項(xiàng)目一般都是先大范圍查詢，再從查詢結(jié)果列表中，進(jìn)行表頭（快捷、對(duì)應(yīng)、條件更明確細(xì)化）的信息篩選。

排序：是根據(jù)已設(shè)定的內(nèi)在邏輯，將一組“無序”的記錄序列調(diào)整為“有序”的記錄序列。

2、縮短操作路徑

        縮短操作路徑簡單的說就是減少操作的步驟來提升操作效率，是基于對(duì)用戶、任務(wù)及環(huán)境的清晰理解的前提條件下，對(duì)用戶操作的路徑進(jìn)行優(yōu)化。我們可以從以下兩方面入手：

2.1、通過預(yù)測(cè)用戶下一步的行為

        通過預(yù)測(cè)用戶下一步的行為，對(duì)用戶進(jìn)行直接引導(dǎo)，縮短用戶的行為路徑，減少操作步驟。比如在一系列連貫的操作流中某個(gè)鏈路執(zhí)行出現(xiàn)問題時(shí)，用戶下一步的行為是需要及時(shí)查看錯(cuò)誤內(nèi)容并處理相關(guān)信息，在執(zhí)行結(jié)果中增加一個(gè)快速查看的按鈕，引導(dǎo)他去查看和處理問題。這比他去菜單中重新查找對(duì)賬信息效率要高很多。

2.2、通過用戶操作路徑分析減少操作步驟

      涉及到大量的信息管理時(shí)，那對(duì)于信息的快速處理就涉及到批量操作。通過用戶操作路徑分析，用戶勾選批量執(zhí)行的操作頻繁，單項(xiàng)處理在較少情況才會(huì)用到。針對(duì)此分析，我們找到了一些具有共同批量操作特點(diǎn)的管理頁面，對(duì)其進(jìn)行操作路徑的優(yōu)化。批量操作可完全合并成一個(gè)執(zhí)行觸發(fā)點(diǎn)。將這個(gè)執(zhí)行點(diǎn)，單獨(dú)成一個(gè)tab切換頁，細(xì)化操作為另一個(gè)切換頁。tab頁面的設(shè)計(jì)，也為錯(cuò)誤信息的顯示騰出了空間，整個(gè)頁面清晰可對(duì)比。經(jīng)過操作路徑的驗(yàn)證，這個(gè)按鈕使用率極高，明細(xì)操作幾乎沒有使用到，也縮短了管理頁面的操作時(shí)間。

3、減少記憶負(fù)擔(dān)

       減少記憶負(fù)擔(dān)，是減少用戶在操作時(shí)，需要記憶的信息量。一方面我們需要，簡化多余的信息，減少用戶對(duì)頁面的認(rèn)知負(fù)荷，另一方面我們可以設(shè)計(jì)記憶性功能可以幫助用戶記憶。

       為什么要去減少用戶的記憶負(fù)擔(dān)，一方面，縮短整個(gè)操作的時(shí)間快速達(dá)成操作目標(biāo)，另一方面，降低記憶數(shù)據(jù)量，有助于提升用戶使用的愉悅感。從心里學(xué)來講， 人們往往更容易記住那些自己喜歡的事物，而對(duì)不喜歡的東西記起來比較吃力，在信息大爆炸時(shí)代，我們要記憶的很多信息如登錄號(hào)、證件號(hào)、密碼、賬戶號(hào)等，這些信息有的不但復(fù)雜，而且對(duì)用戶來說枯燥無味不想記憶，有一種天然的排斥感。那我們通過幫助用戶去記憶留存，再在合適的機(jī)會(huì)調(diào)用顯示，會(huì)提高他們?cè)谑褂眠^程中的輕松和愉快感。比如對(duì)歷史登錄賬戶號(hào)的保留，秘鑰儲(chǔ)存功能，再到短信驗(yàn)證的直接不用密碼即可登錄，驗(yàn)證碼還可以直接復(fù)制到剪貼板，這都是為了降低他們的記憶成本。

      隨著業(yè)務(wù)的發(fā)展，平臺(tái)菜單數(shù)越來越多，對(duì)用戶來說非目標(biāo)菜單的數(shù)量增加，用戶需要更長時(shí)間來記憶所選項(xiàng)目的位置，到最后完全只能選擇上方的搜索框進(jìn)行菜單搜索。Google對(duì)用戶的測(cè)試表明，沒有一個(gè)人始終會(huì)把搜索作為第一選擇。相反，他發(fā)現(xiàn)只有在網(wǎng)站沒有提供有效導(dǎo)航的情況下，用戶才會(huì)使用搜索。搜索需要輸入關(guān)鍵詞，即使有模糊匹配，還要進(jìn)行選擇，而且這個(gè)過程不一定順利，可能需要反復(fù)操作才能順利找到才能找到自己心中的目標(biāo)。我們小組設(shè)計(jì)師通過競(jìng)品分析和用戶訪談得到的一個(gè)驗(yàn)證性的問題，就是平臺(tái)存在菜單設(shè)計(jì)命名不合理的情況，急需優(yōu)化。優(yōu)化思路一個(gè)是合理菜單命名與菜單結(jié)構(gòu)，但這個(gè)不是一蹴而就的事情，需要從產(chǎn)品整個(gè)角度去整理和長遠(yuǎn)排期，持續(xù)迭代。為此我們先選擇了幫助用戶記憶的思路，即做一個(gè)菜單收藏的功能。用戶可以手動(dòng)把常用菜單直接收藏在首頁，如果在沒有收藏或者收藏未滿限制數(shù)量時(shí)，會(huì)根據(jù)記錄的用戶訪問次數(shù)提供最常用的菜單（以用戶為導(dǎo)向，自定義功能；以首頁為核心提供業(yè)務(wù)線支持），無需去記憶菜單位置，不斷尋找菜單。

4、信息可對(duì)照 

      在處理信息的時(shí)候，提供信息的對(duì)照，減少了跳轉(zhuǎn)，增強(qiáng)關(guān)聯(lián)信息的對(duì)比，可以很大程度提升用戶處理信息的效率。從系統(tǒng)上講就是分屏，處理多任務(wù)事件（蘋果和Windows系統(tǒng)均很好的使用了分屏功能）。從頁面角度來講，其實(shí)就是合理化信息模塊展示，一個(gè)頁面不止展示一個(gè)信息層級(jí)的內(nèi)容。信息內(nèi)容有從屬關(guān)系（避免跳轉(zhuǎn)）、因果關(guān)系（顯示結(jié)果）、并列關(guān)系（同級(jí)對(duì)比）。

      同樣具有審批功能的B端項(xiàng)目可能審批流程的設(shè)計(jì)會(huì)完全不同。我負(fù)責(zé)的另一個(gè)項(xiàng)目主要任務(wù)是對(duì)重大任務(wù)的監(jiān)控，保障日間重點(diǎn)工作按時(shí)完成，審批必然嚴(yán)格，且需要單條仔細(xì)處理。所以我們?cè)O(shè)計(jì)的是樹菜單的形式，讓用戶可以將待處理信息的條目和內(nèi)容可以直接對(duì)照來處理，提高效率。

三、智能化操作設(shè)計(jì)

      隨著B端行業(yè)日益成熟，越來越多的C端設(shè)計(jì)師轉(zhuǎn)型成B端設(shè)計(jì)師，B端行業(yè)的設(shè)計(jì)思維也不斷的融合和革新，如今B端產(chǎn)品也越來越重視產(chǎn)品的情感化建設(shè)、整體的用戶體驗(yàn)、簡約高效的智能化提升。

      首先讓大家了解一個(gè)概念，那就是泰斯勒定律，也就是我們常說的復(fù)雜性守恒定律。泰斯勒定律認(rèn)為每一個(gè)過程都有其固有的復(fù)雜性，這個(gè)復(fù)雜性存在一個(gè)臨界點(diǎn)，超過了這個(gè)點(diǎn)就不能再簡化了，你只能將固有的復(fù)雜性從一個(gè)地方移動(dòng)到另外一個(gè)地方。

      對(duì)于我所負(fù)責(zé)的項(xiàng)目來說，最能體現(xiàn)產(chǎn)品日趨智能化的交互設(shè)計(jì)就是清算流程的設(shè)計(jì)。以往的清算流程是分大流程，點(diǎn)擊流程步驟跳轉(zhuǎn)至相關(guān)操作頁，再進(jìn)行子模塊的操作與檢驗(yàn)。完成后，切換回住流程去執(zhí)行下一個(gè)模塊的操作。操作員的操作連續(xù)性差且操作步驟多，完全由操作員手動(dòng)操作觸發(fā)，體驗(yàn)繁瑣及不流暢。為此我們重新梳理了所有清算流程步驟，精間可合并的操作步驟，然后將所有步驟按照時(shí)間節(jié)點(diǎn)順序排列，完成先前步驟才能進(jìn)行下一個(gè)步驟。流程下方就是對(duì)應(yīng)的執(zhí)行模塊，只需一鍵執(zhí)行便可完成當(dāng)前清算步驟。極大的提高了用戶清算的操作成本。

      后續(xù)我們UE小組也會(huì)針對(duì)平臺(tái)進(jìn)行用戶調(diào)研，建立了用戶畫像。對(duì)于運(yùn)維人員痛點(diǎn)分析后，提出清算流程自動(dòng)化設(shè)計(jì)，用定時(shí)任務(wù)直接去執(zhí)行相關(guān)的流程操作，用戶不用進(jìn)行操作，即可完成結(jié)算，只需要關(guān)注狀態(tài)和處理錯(cuò)誤信息。

       自動(dòng)化智能設(shè)計(jì)的最大缺陷就是無法遇到極致的準(zhǔn)確率。實(shí)際處理過程中，還是會(huì)有清算錯(cuò)誤信息存在。為了解決這個(gè)問題，我們保留了執(zhí)行按鈕（不手動(dòng)操作時(shí)，自動(dòng)跑完），運(yùn)維人員也可以手動(dòng)執(zhí)行，處理問題。除了將操作日志信息模塊，作為組件，分屏來顯示錯(cuò)誤信息，我們還按照商戶維度來計(jì)算狀態(tài)，以便于運(yùn)維人員發(fā)現(xiàn)具體的錯(cuò)誤位置。幫助操作員去查看和解決錯(cuò)誤信息。智能化的設(shè)計(jì)解放了很大一部分的重復(fù)勞動(dòng)，讓用戶更聚焦有意義的工作。

        智能化已然成為了設(shè)計(jì)趨勢(shì)，這將會(huì)對(duì)系統(tǒng)的性能提升和信息處理精準(zhǔn)化提出更高的要求。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.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ù)