大家日常工作中一定經(jīng)常接觸到各種各樣的運維管理產(chǎn)品，有的用起來得心應(yīng)手、事半功倍，有的卻無力吐槽，體驗很差。從用戶體驗設(shè)計的角度，他們都有一個共同的分類－B端產(chǎn)品（區(qū)別于C端產(chǎn)品）。那么，如何提升這類產(chǎn)品的用戶體驗?zāi)?？本文就此談?wù)勅绾螐慕换用嫣嵘鼴端產(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)品的目標(biāo)人群多為專業(yè)用戶，需要具備一定專業(yè)知識才能使用。B端產(chǎn)品雖比較注重功能和效率，但用戶體驗較差的產(chǎn)品也會使用戶喪失使用的熱情，導(dǎo)致工作效率下降。

二、產(chǎn)品特點

1. 功能性強

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

2. 專業(yè)嚴(yán)謹(jǐn)

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

3. 沉浸使用

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

4. 色調(diào)理性

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

三、產(chǎn)品設(shè)計方法

1. 讓交互高效靈活

“高效”在工作中經(jīng)常被提及，也是判斷產(chǎn)品交互是否合理的重要標(biāo)準(zhǔn)之一。高效要求用戶以最快的速度、最簡的操作完成任務(wù)，但并不是步驟越少越好。

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

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

• 能夠在一個頁面內(nèi)完成的操作，不要分頁或者跳轉(zhuǎn)到其他頁面完成。
• 對于比較復(fù)雜、流程較長的操作，引導(dǎo)用戶分步完成，用戶已完成、正在處理、待處理的步驟給予明確的提示，讓用戶掌握任務(wù)的進度，并在每一步任務(wù)中要提供返回上一步和中斷任務(wù)的操作（中斷任務(wù)因為損失較大，要有二次確認(rèn)的提示）。
• 無關(guān)用戶的復(fù)雜信息盡量收起，不要展示給用戶，以免造成不必要的困擾，增加用戶學(xué)習(xí)成本。
• 盡量遵守“三次點擊原則”，對于80%以上的任務(wù)或操作，能夠讓用戶在三次點擊內(nèi)完成，信息的查找也是同理。

2. 保持一致性

產(chǎn)品保持“一致性”能夠有效降低用戶學(xué)習(xí)成本，為產(chǎn)品確立統(tǒng)一的品牌形象，形成品牌效應(yīng)。

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

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

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

設(shè)計師需要從以下三個方面把握產(chǎn)品的“一致性”：

1. 業(yè)務(wù)層和邏輯層：產(chǎn)品不同模塊間如果有著類似的功能，要保持這些功能屬性的一致，包括操作、跳轉(zhuǎn)方式、界面標(biāo)題、文案形式等。
2. 框架層和結(jié)構(gòu)層：保持頁面框架、各級導(dǎo)航菜單、內(nèi)容模塊、組織形式的一致性，如“增刪改查”的功能是彈窗展示還是新頁面展示，導(dǎo)航和內(nèi)容區(qū)域是左右分布還是上下分布，左側(cè)導(dǎo)航功能是否支持收起等。
3. 交互和界面表現(xiàn)層：產(chǎn)品的表現(xiàn)層主要包括界面色彩、操作方式、反饋形式及文字屬性等，還有常被忽略的交互動作：懸浮效果、點擊效果、轉(zhuǎn)場動畫等。表現(xiàn)層是產(chǎn)品與用戶直接進行交互對話的窗口，這部分的操作一致性能夠減少用戶的學(xué)習(xí)和使用成本。

3. 設(shè)定錯誤預(yù)防和恢復(fù)機制

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

錯誤恢復(fù)機制能夠在用戶犯錯后給予提示和引導(dǎo)，幫助用戶糾正錯誤。

在錯誤預(yù)防和恢復(fù)機制的交互設(shè)計上要做到以下幾點：

1. 遵循用戶認(rèn)知和使用習(xí)慣，謹(jǐn)慎使用新的交互形式。如果使用，就要做好充分的提示和引導(dǎo)，給用戶一定的時間去學(xué)習(xí)。
2. 在用戶執(zhí)行錯誤的操作前，提示用戶應(yīng)當(dāng)如何操作。通過精心的設(shè)計防止錯誤的發(fā)生，總好過用戶出現(xiàn)錯誤再給予提示。
3. 在用戶犯錯后，友好的提示用戶，并給出正確的糾錯方法。 提示與引導(dǎo)信息的文案應(yīng)當(dāng)注意語氣，不要將責(zé)任推卸給用戶，禮貌的對待用戶，能讓用戶對品牌印象更加深刻。

4. 提供明確的反饋

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

那么，應(yīng)該如何設(shè)計用戶與產(chǎn)品之間的反饋機制呢？

1. 定義組件的基本狀態(tài)，每種狀態(tài)都有不同的反饋。如按鈕的5種狀態(tài)（正常、鼠標(biāo)懸停、鼠標(biāo)按下、鼠標(biāo)按下時彈起、不可點擊狀態(tài)），文本框的4種狀態(tài)（正常、輸入、輸入正確、輸入錯誤狀態(tài)），表單的2種狀態(tài)（靜止、鼠標(biāo)懸浮狀態(tài)）等。
2. 非即時性反饋要讓用戶看到狀態(tài)的變化。如上傳一段數(shù)據(jù)，要讓用戶知道數(shù)據(jù)正在上傳，根據(jù)上傳的時間采用不同的加載形式，對于加載超過2s的需要出現(xiàn)loading進行提示，如果加載超過10s就需要用進度條的形式展現(xiàn)。
3. 內(nèi)容的增、刪、改要有前后變化的過渡。以刪除一段數(shù)據(jù)為例，刪除是一個危險的操作，一般需要彈窗進行確認(rèn)，在點擊確認(rèn)刪除后，要讓用戶看到數(shù)據(jù)消失的過程，而不是直接展示刪除后的頁面。

1. 考慮產(chǎn)品的特殊狀態(tài)，如無數(shù)據(jù)、斷網(wǎng)、長時間加載等，為產(chǎn)品做情感化設(shè)計。對于此類特殊狀態(tài)，用戶會產(chǎn)生焦躁、失落等情緒，可以通過圖形化設(shè)計、幽默詼諧的提示、有趣的動畫等形式，緩解用戶的負(fù)面情緒，在不經(jīng)意間給用戶制造驚喜。
2. 仔細(xì)斟酌產(chǎn)品的文案。從用戶角度出發(fā)思考文案的設(shè)定，讓用戶感覺是自己在掌控一切。如”編輯事件”的效果要好于”事件編輯”，前者用戶主觀感覺自己在操控整個事情，而后者用戶會感覺到自己被命令去做這件事。
3. 適當(dāng)留白能夠增加頁面可讀性，降低用戶閱讀難度。人類短時記憶能記憶的信息量有限（大部分信息在人的短時記憶中可停留5-20秒，最長不超過1分鐘），一個界面中展示信息過多，給用戶帶來的閱讀壓力過大。

總結(jié)

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

本文由 @墨白 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。