大家日常工作中一定經(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)安全等因素肺樟。

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

1. 能夠在一個頁面內(nèi)完成的操作褥傍，不要分頁或者跳轉到其他頁面完成儡嘶。
2. 對于比較復雜、流程較長的操作恍风，引導用戶分步完成蹦狂，用戶已完成、正在處理朋贬、待處理的步驟給予明確的提示凯楔，讓用戶掌握任務的進度，并在每一步任務中要提供返回上一步和中斷任務的操作（中斷任務因為損失較大锦募，要有二次確認的提示）摆屯。
3. 無關用戶的復雜信息盡量收起，不要展示給用戶，以免造成不必要的困擾虐骑，增加用戶學習成本准验。
4. 盡量遵守“三次點擊原則”，對于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)品的“一致性”：

1. 業(yè)務層和邏輯層：產(chǎn)品不同模塊間如果有著類似的功能，要保持這些功能屬性的一致炎滞，包括操作敢艰、跳轉方式、界面標題册赛、文案形式等钠导。
2. 框架層和結構層：保持頁面框架、各級導航菜單森瘪、內(nèi)容模塊牡属、組織形式的一致性，如“增刪改查”的功能是彈窗展示還是新頁面展示扼睬，導航和內(nèi)容區(qū)域是左右分布還是上下分布逮栅，左側導航功能是否支持收起等。
3. 交互和界面表現(xiàn)層：產(chǎn)品的表現(xiàn)層主要包括界面色彩、操作方式措伐、反饋形式及文字屬性等特纤，還有常被忽略的交互動作：懸浮效果、點擊效果废士、轉場動畫等叫潦。表現(xiàn)層是產(chǎn)品與用戶直接進行交互對話的窗口，這部分的操作一致性能夠減少用戶的學習和使用成本官硝。

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

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

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

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

1. 遵循用戶認知和使用習慣孙援，謹慎使用新的交互形式。如果使用扇雕，就要做好充分的提示和引導拓售，給用戶一定的時間去學習。
2. 在用戶執(zhí)行錯誤的操作前镶奉，提示用戶應當如何操作础淤。通過精心的設計防止錯誤的發(fā)生，總好過用戶出現(xiàn)錯誤再給予提示哨苛。
3. 在用戶犯錯后鸽凶，友好的提示用戶，并給出正確的糾錯方法建峭。 提示與引導信息的文案應當注意語氣玻侥，不要將責任推卸給用戶，禮貌的對待用戶亿蒸，能讓用戶對品牌印象更加深刻凑兰。

4. 提供明確的反饋

用戶使用產(chǎn)品時祝懂，用戶與產(chǎn)品之間形成一種“溝通”，良好的反饋機制能夠大大提升這種“溝通”體驗矢门。用戶的每一步操作都應當?shù)玫较鄳姆答佀钐蓿员阌脩綦S時獲取當前的系統(tǒng)狀態(tài)。

那么宣旱，應該如何設計用戶與產(chǎn)品之間的反饋機制呢叛薯？

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. 內(nèi)容的增瞧筛、刪驾窟、改要有前后變化的過渡。以刪除一段數(shù)據(jù)為例，刪除是一個危險的操作嘁字，一般需要彈窗進行確認，在點擊確認刪除后衷恭，要讓用戶看到數(shù)據(jù)消失的過程纯续，而不是直接展示刪除后的頁面。

5.注重設計細節(jié)

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

總結

交互設計中的方法和設計原則有很多涩蜘，常用的如格式塔原理同诫、菲茨定律樟澜、席克定律误窖、7±2法則霹俺、3次點擊法則等等丙唧，方法很多觅玻，沒有好壞之分，要靈活運用溪厘，不要被方法限制思維桩匪，設計的最終目的只有一個：以用戶為中心傻昙，為用戶體驗負責彩扔。