目錄：
一、簡約至上
二、提高用戶的操作效率
三、智能化操作設(shè)計(jì)
在設(shè)計(jì)領(lǐng)域已經(jīng)有很多經(jīng)過時間和實(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é)了幾個最典型實(shí)用的b端的交互設(shè)計(jì)，來提高用戶的操作效率。
一、簡約至上
1951年威廉.埃德蒙.?？耸紫忍岢?，認(rèn)為人們從數(shù)組中選擇目標(biāo)的時間取決于可用選項(xiàng)數(shù)量。這表明提出的選項(xiàng)數(shù)量與隨后的選擇反應(yīng)時間之間存在線性關(guān)系。從廣義上說，界面越復(fù)雜，用戶就越難找到自己的核心操作點(diǎn)，功能越多，就越難發(fā)現(xiàn)真正對用戶有價值的東西。
2011年Giles Colborne在《簡約至上》，提出“交互設(shè)計(jì)四策略”，即：合理刪除、分層組織、適時隱藏和巧妙轉(zhuǎn)移這四個令交互設(shè)計(jì)最大程度簡單易用的策略。其本質(zhì)上就是消除多余的信息干擾，保留了用戶主操作流程的心流。
作為設(shè)計(jì)師我們利用“刪除、組合、隱藏、轉(zhuǎn)移”，不單單是為了簡化而簡化，我們首要明白的就是要在對用戶真正重要的事情上節(jié)省他們的腦力。需要把組織成功的標(biāo)準(zhǔn)清晰地構(gòu)建在產(chǎn)品的簡單上。一次交互就是用戶與設(shè)備之間的一次對話，提高效率就是要節(jié)約他們的認(rèn)知成本，學(xué)習(xí)成本，操作成本，衡量的指標(biāo)就是完成某個目標(biāo)的時間。
B端管理項(xiàng)目有大量的表格處理，一個表格對應(yīng)的數(shù)據(jù)項(xiàng)有很多，遵循簡約至上的原則我們不會把所有字段都展示給用戶看，只會優(yōu)選跟業(yè)務(wù)最核心、用戶關(guān)心的數(shù)據(jù)來展示給用戶，讓他們看到的盡量簡約的表格信息。即使是最常用的查詢工具，我們也會根據(jù)優(yōu)先級排序，把常用的展示出來，其他的折疊收納，用戶想用到的時候可以展開更多查詢條件。我們無時無刻不遵循著這個設(shè)計(jì)原則。
二、提高用戶的操作效率
1、快速定位目標(biāo)信息
在信息量大的B端系統(tǒng)里，快速找到目標(biāo)信息是最常用的功能。除了導(dǎo)航上的搜索，我所負(fù)責(zé)的項(xiàng)目幾乎在每個信息頁面中都使用了查詢，篩選、排序功能，這也是常規(guī)表格對信息處理的一種快捷方式。常規(guī)的信息定位有搜索、查詢、篩選、排序，不同的方式數(shù)據(jù)的檢索模式也不同。根據(jù)不同業(yè)務(wù)場景，合理的使用才能幫助用戶縮小信息范圍，找到目標(biāo)信息，提高用戶完成一個任務(wù)的效率。
搜索：是用戶指定任意條件（文本、語音等），平臺對此條件進(jìn)行檢索后，展示對應(yīng)內(nèi)容。搜索由用戶自定義條件，主動表達(dá)意圖 ，目的性明確。由于搜索行為是用戶主動表達(dá)意圖，往往一個簡短的關(guān)鍵詞并不能完整表述用戶想法，因此，搜索結(jié)果的內(nèi)容通常包含多種類型從精確到模糊的展現(xiàn)規(guī)則。
查詢：是利用關(guān)鍵字、詞組對系統(tǒng)內(nèi)的相關(guān)信息進(jìn)行多條件組合檢索。同時用戶也可以輸入指定條件的信息作為搜索項(xiàng)，但由于查詢功能無法對非結(jié)構(gòu)化的文件內(nèi)容進(jìn)行查找，所以輸入條件不夠精準(zhǔn)將無法查詢到最終信息。
篩選：是平臺為用戶提供指定條件，用戶可以選擇查看符合一類或多類條件下的內(nèi)容。投顧項(xiàng)目一般都是先大范圍查詢，再從查詢結(jié)果列表中，進(jìn)行表頭（快捷、對應(yīng)、條件更明確細(xì)化）的信息篩選。
排序：是根據(jù)已設(shè)定的內(nèi)在邏輯，將一組“無序”的記錄序列調(diào)整為“有序”的記錄序列。
2、縮短操作路徑
縮短操作路徑簡單的說就是減少操作的步驟來提升操作效率，是基于對用戶、任務(wù)及環(huán)境的清晰理解的前提條件下，對用戶操作的路徑進(jìn)行優(yōu)化。我們可以從以下兩方面入手：
2.1、通過預(yù)測用戶下一步的行為
通過預(yù)測用戶下一步的行為，對用戶進(jìn)行直接引導(dǎo)，縮短用戶的行為路徑，減少操作步驟。比如在一系列連貫的操作流中某個鏈路執(zhí)行出現(xiàn)問題時，用戶下一步的行為是需要及時查看錯誤內(nèi)容并處理相關(guān)信息，在執(zhí)行結(jié)果中增加一個快速查看的按鈕，引導(dǎo)他去查看和處理問題。這比他去菜單中重新查找對賬信息效率要高很多。
2.2、通過用戶操作路徑分析減少操作步驟
涉及到大量的信息管理時，那對于信息的快速處理就涉及到批量操作。通過用戶操作路徑分析，用戶勾選批量執(zhí)行的操作頻繁，單項(xiàng)處理在較少情況才會用到。針對此分析，我們找到了一些具有共同批量操作特點(diǎn)的管理頁面，對其進(jìn)行操作路徑的優(yōu)化。批量操作可完全合并成一個執(zhí)行觸發(fā)點(diǎn)。將這個執(zhí)行點(diǎn)，單獨(dú)成一個tab切換頁，細(xì)化操作為另一個切換頁。tab頁面的設(shè)計(jì)，也為錯誤信息的顯示騰出了空間，整個頁面清晰可對比。經(jīng)過操作路徑的驗(yàn)證，這個按鈕使用率極高，明細(xì)操作幾乎沒有使用到，也縮短了管理頁面的操作時間。
3、減少記憶負(fù)擔(dān)
減少記憶負(fù)擔(dān)，是減少用戶在操作時，需要記憶的信息量。一方面我們需要，簡化多余的信息，減少用戶對頁面的認(rèn)知負(fù)荷，另一方面我們可以設(shè)計(jì)記憶性功能可以幫助用戶記憶。
為什么要去減少用戶的記憶負(fù)擔(dān)，一方面，縮短整個操作的時間快速達(dá)成操作目標(biāo)，另一方面，降低記憶數(shù)據(jù)量，有助于提升用戶使用的愉悅感。從心里學(xué)來講， 人們往往更容易記住那些自己喜歡的事物，而對不喜歡的東西記起來比較吃力，在信息大爆炸時代，我們要記憶的很多信息如登錄號、證件號、密碼、賬戶號等，這些信息有的不但復(fù)雜，而且對用戶來說枯燥無味不想記憶，有一種天然的排斥感。那我們通過幫助用戶去記憶留存，再在合適的機(jī)會調(diào)用顯示，會提高他們在使用過程中的輕松和愉快感。比如對歷史登錄賬戶號的保留，秘鑰儲存功能，再到短信驗(yàn)證的直接不用密碼即可登錄，驗(yàn)證碼還可以直接復(fù)制到剪貼板，這都是為了降低他們的記憶成本。
隨著業(yè)務(wù)的發(fā)展，平臺菜單數(shù)越來越多，對用戶來說非目標(biāo)菜單的數(shù)量增加，用戶需要更長時間來記憶所選項(xiàng)目的位置，到最后完全只能選擇上方的搜索框進(jìn)行菜單搜索。Google對用戶的測試表明，沒有一個人始終會把搜索作為第一選擇。相反，他發(fā)現(xiàn)只有在網(wǎng)站沒有提供有效導(dǎo)航的情況下，用戶才會使用搜索。搜索需要輸入關(guān)鍵詞，即使有模糊匹配，還要進(jìn)行選擇，而且這個過程不一定順利，可能需要反復(fù)操作才能順利找到才能找到自己心中的目標(biāo)。我們小組設(shè)計(jì)師通過競品分析和用戶訪談得到的一個驗(yàn)證性的問題，就是平臺存在菜單設(shè)計(jì)命名不合理的情況，急需優(yōu)化。優(yōu)化思路一個是合理菜單命名與菜單結(jié)構(gòu)，但這個不是一蹴而就的事情，需要從產(chǎn)品整個角度去整理和長遠(yuǎn)排期，持續(xù)迭代。為此我們先選擇了幫助用戶記憶的思路，即做一個菜單收藏的功能。用戶可以手動把常用菜單直接收藏在首頁，如果在沒有收藏或者收藏未滿限制數(shù)量時，會根據(jù)記錄的用戶訪問次數(shù)提供最常用的菜單（以用戶為導(dǎo)向，自定義功能；以首頁為核心提供業(yè)務(wù)線支持），無需去記憶菜單位置，不斷尋找菜單。
4、信息可對照
在處理信息的時候，提供信息的對照，減少了跳轉(zhuǎn)，增強(qiáng)關(guān)聯(lián)信息的對比，可以很大程度提升用戶處理信息的效率。從系統(tǒng)上講就是分屏，處理多任務(wù)事件（蘋果和Windows系統(tǒng)均很好的使用了分屏功能）。從頁面角度來講，其實(shí)就是合理化信息模塊展示，一個頁面不止展示一個信息層級的內(nèi)容。信息內(nèi)容有從屬關(guān)系（避免跳轉(zhuǎn)）、因果關(guān)系（顯示結(jié)果）、并列關(guān)系（同級對比）。
同樣具有審批功能的B端項(xiàng)目可能審批流程的設(shè)計(jì)會完全不同。我負(fù)責(zé)的另一個項(xiàng)目主要任務(wù)是對重大任務(wù)的監(jiān)控，保障日間重點(diǎn)工作按時完成，審批必然嚴(yán)格，且需要單條仔細(xì)處理。所以我們設(shè)計(jì)的是樹菜單的形式，讓用戶可以將待處理信息的條目和內(nèi)容可以直接對照來處理，提高效率。
三、智能化操作設(shè)計(jì)
隨著B端行業(yè)日益成熟，越來越多的C端設(shè)計(jì)師轉(zhuǎn)型成B端設(shè)計(jì)師，B端行業(yè)的設(shè)計(jì)思維也不斷的融合和革新，如今B端產(chǎn)品也越來越重視產(chǎn)品的情感化建設(shè)、整體的用戶體驗(yàn)、簡約高效的智能化提升。
首先讓大家了解一個概念，那就是泰斯勒定律，也就是我們常說的復(fù)雜性守恒定律。泰斯勒定律認(rèn)為每一個過程都有其固有的復(fù)雜性，這個復(fù)雜性存在一個臨界點(diǎn)，超過了這個點(diǎn)就不能再簡化了，你只能將固有的復(fù)雜性從一個地方移動到另外一個地方。
對于我所負(fù)責(zé)的項(xiàng)目來說，最能體現(xiàn)產(chǎn)品日趨智能化的交互設(shè)計(jì)就是清算流程的設(shè)計(jì)。以往的清算流程是分大流程，點(diǎn)擊流程步驟跳轉(zhuǎn)至相關(guān)操作頁，再進(jìn)行子模塊的操作與檢驗(yàn)。完成后，切換回住流程去執(zhí)行下一個模塊的操作。操作員的操作連續(xù)性差且操作步驟多，完全由操作員手動操作觸發(fā)，體驗(yàn)繁瑣及不流暢。為此我們重新梳理了所有清算流程步驟，精間可合并的操作步驟，然后將所有步驟按照時間節(jié)點(diǎn)順序排列，完成先前步驟才能進(jìn)行下一個步驟。流程下方就是對應(yīng)的執(zhí)行模塊，只需一鍵執(zhí)行便可完成當(dāng)前清算步驟。極大的提高了用戶清算的操作成本。
后續(xù)我們UE小組也會針對平臺進(jìn)行用戶調(diào)研，建立了用戶畫像。對于運(yùn)維人員痛點(diǎn)分析后，提出清算流程自動化設(shè)計(jì)，用定時任務(wù)直接去執(zhí)行相關(guān)的流程操作，用戶不用進(jìn)行操作，即可完成結(jié)算，只需要關(guān)注狀態(tài)和處理錯誤信息。
自動化智能設(shè)計(jì)的最大缺陷就是無法遇到極致的準(zhǔn)確率。實(shí)際處理過程中，還是會有清算錯誤信息存在。為了解決這個問題，我們保留了執(zhí)行按鈕（不手動操作時，自動跑完），運(yùn)維人員也可以手動執(zhí)行，處理問題。除了將操作日志信息模塊，作為組件，分屏來顯示錯誤信息，我們還按照商戶維度來計(jì)算狀態(tài)，以便于運(yùn)維人員發(fā)現(xiàn)具體的錯誤位置。幫助操作員去查看和解決錯誤信息。智能化的設(shè)計(jì)解放了很大一部分的重復(fù)勞動，讓用戶更聚焦有意義的工作。
智能化已然成為了設(shè)計(jì)趨勢，這將會對系統(tǒng)的性能提升和信息處理精準(zhǔn)化提出更高的要求。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼ben_lanlan，報下信息，會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?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ù)
顏色
