大家日常工作中一定經常接觸到各種各樣的運維管理產品,，有的用起來得心應手、事半功倍,，有的卻無力吐槽,，體驗很差。從用戶體驗設計的角度,，他們都有一個共同的分類－B端產品（區(qū)別于C端產品）,。那么，如何提升這類產品的用戶體驗呢,？本文就此談談如何從交互層面提升B端產品的用戶體驗,。

一、產品定義

B端產品（To Business）是企業(yè)在工作中使用的或出于商業(yè)需求而使用的系統(tǒng),、工具或平臺,，比較典型的如：百度云各產品、百度統(tǒng)計,、監(jiān)控平臺及企業(yè)內部的ERP系統(tǒng)等,。

B端產品的目標人群多為專業(yè)用戶，需要具備一定專業(yè)知識才能使用,。B端產品雖比較注重功能和效率,，但用戶體驗較差的產品也會使用戶喪失使用的熱情，導致工作效率下降,。

二,、產品特點

1. 功能性強

B端產品要滿足企業(yè)日常工作的各種需求，必須有著強大的功能性,，并能夠幫助用戶高效處理各種任務,。

2. 專業(yè)嚴謹

從目標用戶來看，B端產品主要面向具備一定的專業(yè)知識的企業(yè)員工或客戶,，因此產品的專業(yè)性高,、邏輯嚴謹、規(guī)范性強,，用戶在使用時必須按照已有的規(guī)范操作,，需要什么就使用什么。

3. 沉浸使用

從產品使用場景來看,，B端產品主要是用于完成工作或商業(yè)活動,，需要用戶長時間,、沉浸式使用，達到“專注”的狀態(tài),。出于工作需求,，即便用戶不喜歡或者產品比較難用，也必須使用,。

4. 色調理性

產品的目標用戶和使用場景決定了產品的“外貌”,，在色彩方面，考慮到色彩對用戶心理和工作的影響,，一般使用冷色或中性色作為產品色,，避免使用紅色、橙色等容易讓用戶產生躁動情緒的暖色,。

三,、產品設計方法

1. 讓交互高效靈活

“高效”在工作中經常被提及，也是判斷產品交互是否合理的重要標準之一,。高效要求用戶以最快的速度,、最簡的操作完成任務，但并不是步驟越少越好,。

如：購物時的下單流程,，若將訂單填寫、支付方式選擇,、密碼輸入等操作放置在一個頁面內,，直接點擊“提交”完成，會發(fā)生什么可想而知,。因為在支付流程的交互設計還要考慮用戶的心理感受,、財產安全等因素。

那么什么樣的交互對用戶來說是高效的呢,？

• 能夠在一個頁面內完成的操作,，不要分頁或者跳轉到其他頁面完成。

• 對于比較復雜,、流程較長的操作,，引導用戶分步完成，用戶已完成,、正在處理,、待處理的步驟給予明確的提示，讓用戶掌握任務的進度,，并在每一步任務中要提供返回上一步和中斷任務的操作（中斷任務因為損失較大,，要有二次確認的提示）。

• 無關用戶的復雜信息盡量收起，不要展示給用戶,，以免造成不必要的困擾,，增加用戶學習成本。

• 盡量遵守“三次點擊原則”,，對于80%以上的任務或操作,，能夠讓用戶在三次點擊內完成，信息的查找也是同理,。

2. 保持一致性

產品保持“一致性”能夠有效降低用戶學習成本,，為產品確立統(tǒng)一的品牌形象,，形成品牌效應,。

尼爾森十大交互設計原則中對于”一致性原則”這樣定義：

同一用語、功能,、操作保持一致,。同樣的語言，同樣的情景,，操作應該出現(xiàn)同樣的結果,。

因B端產品邏輯功能比較復雜，即便在項目開始時確立了產品的整套設計規(guī)范,，也未必能夠滿足后續(xù)不同的場景和業(yè)務需求,，難免出現(xiàn)設計上不一致的地方。因此,，在產品”一致性”的設計上,，只需要做到規(guī)范產品80%的事情，為特殊業(yè)務場景和需求留一定的創(chuàng)新空間,。

設計師需要從以下三個方面把握產品的“一致性”：

1. 業(yè)務層和邏輯層：產品不同模塊間如果有著類似的功能,，要保持這些功能屬性的一致，包括操作,、跳轉方式,、界面標題、文案形式等,。

2. 框架層和結構層：保持頁面框架,、各級導航菜單、內容模塊,、組織形式的一致性,，如“增刪改查”的功能是彈窗展示還是新頁面展示，導航和內容區(qū)域是左右分布還是上下分布,，左側導航功能是否支持收起等,。

3. 交互和界面表現(xiàn)層：產品的表現(xiàn)層主要包括界面色彩、操作方式,、反饋形式及文字屬性等,，還有常被忽略的交互動作：懸浮效果,、點擊效果、轉場動畫等,。表現(xiàn)層是產品與用戶直接進行交互對話的窗口,，這部分的操作一致性能夠減少用戶的學習和使用成本。

3. 設定錯誤預防和恢復機制

B端產品邏輯嚴謹性和專業(yè)性較高,，用戶在使用時經常不可避免的操作失誤,，設立錯誤預防機制一方面能夠降低用戶犯錯的幾率，提高工作效率,；另一方面,，避免二次修改給用戶帶來煩躁的情緒。

錯誤恢復機制能夠在用戶犯錯后給予提示和引導,，幫助用戶糾正錯誤,。

在錯誤預防和恢復機制的交互設計上要做到以下幾點：

1. 遵循用戶認知和使用習慣，謹慎使用新的交互形式,。如果使用,，就要做好充分的提示和引導，給用戶一定的時間去學習,。

2. 在用戶執(zhí)行錯誤的操作前,，提示用戶應當如何操作。通過精心的設計防止錯誤的發(fā)生,，總好過用戶出現(xiàn)錯誤再給予提示,。

3. 在用戶犯錯后，友好的提示用戶,，并給出正確的糾錯方法,。 提示與引導信息的文案應當注意語氣，不要將責任推卸給用戶,，禮貌的對待用戶,，能讓用戶對品牌印象更加深刻。

4. 提供明確的反饋

用戶使用產品時,，用戶與產品之間形成一種“溝通”,，良好的反饋機制能夠大大提升這種“溝通”體驗。用戶的每一步操作都應當?shù)玫较鄳姆答?，以便用戶隨時獲取當前的系統(tǒng)狀態(tài),。

那么，應該如何設計用戶與產品之間的反饋機制呢,？

1. 定義組件的基本狀態(tài),，每種狀態(tài)都有不同的反饋。如按鈕的5種狀態(tài)（正常、鼠標懸停,、鼠標按下,、鼠標按下時彈起、不可點擊狀態(tài)）,，文本框的4種狀態(tài)（正常,、輸入、輸入正確,、輸入錯誤狀態(tài)）,，表單的2種狀態(tài)（靜止、鼠標懸浮狀態(tài)）等,。

2. 非即時性反饋要讓用戶看到狀態(tài)的變化,。如上傳一段數(shù)據(jù)，要讓用戶知道數(shù)據(jù)正在上傳,，根據(jù)上傳的時間采用不同的加載形式,，對于加載超過2s的需要出現(xiàn)loading進行提示，如果加載超過10s就需要用進度條的形式展現(xiàn),。

3. 內容的增、刪,、改要有前后變化的過渡,。以刪除一段數(shù)據(jù)為例，刪除是一個危險的操作,，一般需要彈窗進行確認,，在點擊確認刪除后，要讓用戶看到數(shù)據(jù)消失的過程,，而不是直接展示刪除后的頁面,。

1. 考慮產品的特殊狀態(tài)，如無數(shù)據(jù),、斷網(wǎng),、長時間加載等，為產品做情感化設計,。對于此類特殊狀態(tài),，用戶會產生焦躁、失落等情緒,，可以通過圖形化設計,、幽默詼諧的提示、有趣的動畫等形式,，緩解用戶的負面情緒,，在不經意間給用戶制造驚喜。

2. 仔細斟酌產品的文案。從用戶角度出發(fā)思考文案的設定,，讓用戶感覺是自己在掌控一切,。如”編輯事件”的效果要好于”事件編輯”，前者用戶主觀感覺自己在操控整個事情,，而后者用戶會感覺到自己被命令去做這件事,。

3. 適當留白能夠增加頁面可讀性，降低用戶閱讀難度,。人類短時記憶能記憶的信息量有限（大部分信息在人的短時記憶中可停留5-20秒,，最長不超過1分鐘），一個界面中展示信息過多,，給用戶帶來的閱讀壓力過大,。

總結

交互設計中的方法和設計原則有很多，常用的如格式塔原理,、菲茨定律,、席克定律、7±2法則,、3次點擊法則等等,，方法很多，沒有好壞之分,，要靈活運用,，不要被方法限制思維，設計的最終目的只有一個：以用戶為中心,，為用戶體驗負責,。

本文由 @墨白 原創(chuàng)發(fā)布于人人都是產品經理。