大家日常工作中一定經(jīng)常接觸到各種各樣的運維管理產(chǎn)品，有的用起來得心應手、事半功倍，有的卻無力吐槽，體驗很差。從用戶體驗設計的角度，他們都有一個共同的分類－B端產(chǎn)品（區(qū)別于C端產(chǎn)品）。那么，如何提升這類產(chǎn)品的用戶體驗呢？本文就此談談如何從交互層面提升B端產(chǎn)品的用戶體驗。
一、產(chǎn)品定義
B端產(chǎn)品（To Business）是企業(yè)在工作中使用的或出于商業(yè)需求而使用的系統(tǒng)、工具或平臺，比較典型的如：百度云各產(chǎn)品、百度統(tǒng)計、監(jiān)控平臺及企業(yè)內(nèi)部的ERP系統(tǒng)等。
B端產(chǎn)品的目標人群多為專業(yè)用戶，需要具備一定專業(yè)知識才能使用。B端產(chǎn)品雖比較注重功能和效率，但用戶體驗較差的產(chǎn)品也會使用戶喪失使用的熱情，導致工作效率下降。
二、產(chǎn)品特點
1. 功能性強
B端產(chǎn)品要滿足企業(yè)日常工作的各種需求，必須有著強大的功能性，并能夠幫助用戶高效處理各種任務。
2. 專業(yè)嚴謹
從目標用戶來看，B端產(chǎn)品主要面向具備一定的專業(yè)知識的企業(yè)員工或客戶，因此產(chǎn)品的專業(yè)性高、邏輯嚴謹、規(guī)范性強，用戶在使用時必須按照已有的規(guī)范操作，需要什么就使用什么。
3. 沉浸使用
從產(chǎn)品使用場景來看，B端產(chǎn)品主要是用于完成工作或商業(yè)活動，需要用戶長時間、沉浸式使用，達到“專注”的狀態(tài)。出于工作需求，即便用戶不喜歡或者產(chǎn)品比較難用，也必須使用。
4. 色調(diào)理性
產(chǎn)品的目標用戶和使用場景決定了產(chǎn)品的“外貌”，在色彩方面，考慮到色彩對用戶心理和工作的影響，一般使用冷色或中性色作為產(chǎn)品色，避免使用紅色、橙色等容易讓用戶產(chǎn)生躁動情緒的暖色。
三、產(chǎn)品設計方法
1. 讓交互高效靈活
“高效”在工作中經(jīng)常被提及，也是判斷產(chǎn)品交互是否合理的重要標準之一。高效要求用戶以最快的速度、最簡的操作完成任務，但并不是步驟越少越好。
如：購物時的下單流程，若將訂單填寫、支付方式選擇、密碼輸入等操作放置在一個頁面內(nèi)，直接點擊“提交”完成，會發(fā)生什么可想而知。因為在支付流程的交互設計還要考慮用戶的心理感受、財產(chǎn)安全等因素。
那么什么樣的交互對用戶來說是高效的呢？
能夠在一個頁面內(nèi)完成的操作，不要分頁或者跳轉(zhuǎn)到其他頁面完成。
對于比較復雜、流程較長的操作，引導用戶分步完成，用戶已完成、正在處理、待處理的步驟給予明確的提示，讓用戶掌握任務的進度，并在每一步任務中要提供返回上一步和中斷任務的操作（中斷任務因為損失較大，要有二次確認的提示）。
無關用戶的復雜信息盡量收起，不要展示給用戶，以免造成不必要的困擾，增加用戶學習成本。
盡量遵守“三次點擊原則”，對于80%以上的任務或操作，能夠讓用戶在三次點擊內(nèi)完成，信息的查找也是同理。
2. 保持一致性
產(chǎn)品保持“一致性”能夠有效降低用戶學習成本，為產(chǎn)品確立統(tǒng)一的品牌形象，形成品牌效應。
尼爾森十大交互設計原則中對于”一致性原則”這樣定義：
同一用語、功能、操作保持一致。同樣的語言，同樣的情景，操作應該出現(xiàn)同樣的結果。
因B端產(chǎn)品邏輯功能比較復雜，即便在項目開始時確立了產(chǎn)品的整套設計規(guī)范，也未必能夠滿足后續(xù)不同的場景和業(yè)務需求，難免出現(xiàn)設計上不一致的地方。因此，在產(chǎn)品”一致性”的設計上，只需要做到規(guī)范產(chǎn)品80%的事情，為特殊業(yè)務場景和需求留一定的創(chuàng)新空間。
設計師需要從以下三個方面把握產(chǎn)品的“一致性”：
業(yè)務層和邏輯層：產(chǎn)品不同模塊間如果有著類似的功能，要保持這些功能屬性的一致，包括操作、跳轉(zhuǎn)方式、界面標題、文案形式等。
框架層和結構層：保持頁面框架、各級導航菜單、內(nèi)容模塊、組織形式的一致性，如“增刪改查”的功能是彈窗展示還是新頁面展示，導航和內(nèi)容區(qū)域是左右分布還是上下分布，左側(cè)導航功能是否支持收起等。
交互和界面表現(xiàn)層：產(chǎn)品的表現(xiàn)層主要包括界面色彩、操作方式、反饋形式及文字屬性等，還有常被忽略的交互動作：懸浮效果、點擊效果、轉(zhuǎn)場動畫等。表現(xiàn)層是產(chǎn)品與用戶直接進行交互對話的窗口，這部分的操作一致性能夠減少用戶的學習和使用成本。
3. 設定錯誤預防和恢復機制
B端產(chǎn)品邏輯嚴謹性和專業(yè)性較高，用戶在使用時經(jīng)常不可避免的操作失誤，設立錯誤預防機制一方面能夠降低用戶犯錯的幾率，提高工作效率；另一方面，避免二次修改給用戶帶來煩躁的情緒。
錯誤恢復機制能夠在用戶犯錯后給予提示和引導，幫助用戶糾正錯誤。
在錯誤預防和恢復機制的交互設計上要做到以下幾點：
遵循用戶認知和使用習慣，謹慎使用新的交互形式。如果使用，就要做好充分的提示和引導，給用戶一定的時間去學習。
在用戶執(zhí)行錯誤的操作前，提示用戶應當如何操作。通過精心的設計防止錯誤的發(fā)生，總好過用戶出現(xiàn)錯誤再給予提示。
在用戶犯錯后，友好的提示用戶，并給出正確的糾錯方法。 提示與引導信息的文案應當注意語氣，不要將責任推卸給用戶，禮貌的對待用戶，能讓用戶對品牌印象更加深刻。
4. 提供明確的反饋
用戶使用產(chǎn)品時，用戶與產(chǎn)品之間形成一種“溝通”，良好的反饋機制能夠大大提升這種“溝通”體驗。用戶的每一步操作都應當?shù)玫较鄳姆答?，以便用戶隨時獲取當前的系統(tǒng)狀態(tài)。
那么，應該如何設計用戶與產(chǎn)品之間的反饋機制呢？
定義組件的基本狀態(tài)，每種狀態(tài)都有不同的反饋。如按鈕的5種狀態(tài)（正常、鼠標懸停、鼠標按下、鼠標按下時彈起、不可點擊狀態(tài)），文本框的4種狀態(tài)（正常、輸入、輸入正確、輸入錯誤狀態(tài)），表單的2種狀態(tài)（靜止、鼠標懸浮狀態(tài)）等。
非即時性反饋要讓用戶看到狀態(tài)的變化。如上傳一段數(shù)據(jù)，要讓用戶知道數(shù)據(jù)正在上傳，根據(jù)上傳的時間采用不同的加載形式，對于加載超過2s的需要出現(xiàn)loading進行提示，如果加載超過10s就需要用進度條的形式展現(xiàn)。
內(nèi)容的增、刪、改要有前后變化的過渡。以刪除一段數(shù)據(jù)為例，刪除是一個危險的操作，一般需要彈窗進行確認，在點擊確認刪除后，要讓用戶看到數(shù)據(jù)消失的過程，而不是直接展示刪除后的頁面。
5.注重設計細節(jié)
考慮產(chǎn)品的特殊狀態(tài)，如無數(shù)據(jù)、斷網(wǎng)、長時間加載等，為產(chǎn)品做情感化設計。對于此類特殊狀態(tài)，用戶會產(chǎn)生焦躁、失落等情緒，可以通過圖形化設計、幽默詼諧的提示、有趣的動畫等形式，緩解用戶的負面情緒，在不經(jīng)意間給用戶制造驚喜。
仔細斟酌產(chǎn)品的文案。從用戶角度出發(fā)思考文案的設定，讓用戶感覺是自己在掌控一切。如”編輯事件”的效果要好于”事件編輯”，前者用戶主觀感覺自己在操控整個事情，而后者用戶會感覺到自己被命令去做這件事。
適當留白能夠增加頁面可讀性，降低用戶閱讀難度。人類短時記憶能記憶的信息量有限（大部分信息在人的短時記憶中可停留5-20秒，最長不超過1分鐘），一個界面中展示信息過多，給用戶帶來的閱讀壓力過大。
總結
交互設計中的方法和設計原則有很多，常用的如格式塔原理、菲茨定律、席克定律、7±2法則、3次點擊法則等等，方法很多，沒有好壞之分，要靈活運用，不要被方法限制思維，設計的最終目的只有一個：以用戶為中心，為用戶體驗負責。
本文作者 @墨白
文章來源：人人都是產(chǎn)品經(jīng)理
【轉(zhuǎn)載說明】 若上述素材出現(xiàn)侵權，請及時聯(lián)系我們刪除及進行處理：[email protected]
