提高操作效率的B端設(shè)計

2021-9-23    資深UI設(shè)計者

我從自身實踐的B端項目經(jīng)驗中總結(jié)了幾個最典型實用的b端的交互設(shè)計,來提高用戶的操作效率。

目錄:

一、簡約至上

二、提高用戶的操作效率

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



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


一、簡約至上

      

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

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

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

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

 


二、提高用戶的操作效率


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


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


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


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


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


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




2、縮短操作路徑


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


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

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



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

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




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


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


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



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




4、信息可對照 


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



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



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


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

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



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



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



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

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


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

文章來源:站酷  作者:上仙修行

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

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

藍(lán)藍(lán)設(shè)計www.bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)


分享本文至:

日歷

鏈接

個人資料

存檔