大家日常工作中一定經(jīng)常接觸到各種各樣的運(yùn)維管理產(chǎn)品痹籍，有的用起來得心應(yīng)手蜓肆、事半功倍鼎天，有的卻無力吐槽舀奶，體驗(yàn)很差。從用戶體驗(yàn)設(shè)計(jì)的角度斋射，他們都有一個(gè)共同的分類－B端產(chǎn)品（區(qū)別于C端產(chǎn)品）育勺。那么，如何提升這類產(chǎn)品的用戶體驗(yàn)?zāi)丶勘疚木痛苏務(wù)勅绾螐慕换用嫣嵘鼴端產(chǎn)品的用戶體驗(yàn)怀大。

一、產(chǎn)品定義

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

B端產(chǎn)品的目標(biāo)人群多為專業(yè)用戶，需要具備一定專業(yè)知識(shí)才能使用垒手。B端產(chǎn)品雖比較注重功能和效率蒜焊，但用戶體驗(yàn)較差的產(chǎn)品也會(huì)使用戶喪失使用的熱情，導(dǎo)致工作效率下降科贬。

二泳梆、產(chǎn)品特點(diǎn)

1. 功能性強(qiáng)

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

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

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

3. 沉浸使用

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

4. 色調(diào)理性

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

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

1. 讓交互高效靈活

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

如：購物時(shí)的下單流程，若將訂單填寫喜命、支付方式選擇沟沙、密碼輸入等操作放置在一個(gè)頁面內(nèi)，直接點(diǎn)擊“提交”完成壁榕，會(huì)發(fā)生什么可想而知矛紫。因?yàn)樵谥Ц读鞒痰慕换ピO(shè)計(jì)還要考慮用戶的心理感受、財(cái)產(chǎn)安全等因素牌里。

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

能夠在一個(gè)頁面內(nèi)完成的操作，不要分頁或者跳轉(zhuǎn)到其他頁面完成。

對于比較復(fù)雜喳篇、流程較長的操作缓呛，引導(dǎo)用戶分步完成，用戶已完成杭隙、正在處理哟绊、待處理的步驟給予明確的提示，讓用戶掌握任務(wù)的進(jìn)度痰憎，并在每一步任務(wù)中要提供返回上一步和中斷任務(wù)的操作（中斷任務(wù)因?yàn)閾p失較大票髓，要有二次確認(rèn)的提示）。

無關(guān)用戶的復(fù)雜信息盡量收起铣耘，不要展示給用戶洽沟，以免造成不必要的困擾，增加用戶學(xué)習(xí)成本蜗细。

盡量遵守“三次點(diǎn)擊原則”裆操，對于80%以上的任務(wù)或操作，能夠讓用戶在三次點(diǎn)擊內(nèi)完成炉媒，信息的查找也是同理踪区。

2. 保持一致性

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

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

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

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

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

業(yè)務(wù)層和邏輯層：產(chǎn)品不同模塊間如果有著類似的功能地熄，要保持這些功能屬性的一致，包括操作芯杀、跳轉(zhuǎn)方式端考、界面標(biāo)題雅潭、文案形式等。

框架層和結(jié)構(gòu)層：保持頁面框架却特、各級(jí)導(dǎo)航菜單扶供、內(nèi)容模塊、組織形式的一致性裂明，如“增刪改查”的功能是彈窗展示還是新頁面展示椿浓，導(dǎo)航和內(nèi)容區(qū)域是左右分布還是上下分布，左側(cè)導(dǎo)航功能是否支持收起等闽晦。

交互和界面表現(xiàn)層：產(chǎn)品的表現(xiàn)層主要包括界面色彩扳碍、操作方式、反饋形式及文字屬性等仙蛉，還有常被忽略的交互動(dòng)作：懸浮效果笋敞、點(diǎn)擊效果、轉(zhuǎn)場動(dòng)畫等荠瘪。表現(xiàn)層是產(chǎn)品與用戶直接進(jìn)行交互對話的窗口夯巷，這部分的操作一致性能夠減少用戶的學(xué)習(xí)和使用成本。

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

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

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

在錯(cuò)誤預(yù)防和恢復(fù)機(jī)制的交互設(shè)計(jì)上要做到以下幾點(diǎn)：

遵循用戶認(rèn)知和使用習(xí)慣星瘾，謹(jǐn)慎使用新的交互形式走孽。如果使用，就要做好充分的提示和引導(dǎo)琳状，給用戶一定的時(shí)間去學(xué)習(xí)磕瓷。

在用戶執(zhí)行錯(cuò)誤的操作前，提示用戶應(yīng)當(dāng)如何操作念逞。通過精心的設(shè)計(jì)防止錯(cuò)誤的發(fā)生困食，總好過用戶出現(xiàn)錯(cuò)誤再給予提示。

在用戶犯錯(cuò)后翎承，友好的提示用戶硕盹，并給出正確的糾錯(cuò)方法。 提示與引導(dǎo)信息的文案應(yīng)當(dāng)注意語氣叨咖，不要將責(zé)任推卸給用戶瘩例，禮貌的對待用戶啊胶，能讓用戶對品牌印象更加深刻。

4. 提供明確的反饋

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

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

定義組件的基本狀態(tài)黔漂，每種狀態(tài)都有不同的反饋。如按鈕的5種狀態(tài)（正常涂邀、鼠標(biāo)懸停瘟仿、鼠標(biāo)按下、鼠標(biāo)按下時(shí)彈起比勉、不可點(diǎn)擊狀態(tài)）劳较，文本框的4種狀態(tài)（正常、輸入浩聋、輸入正確观蜗、輸入錯(cuò)誤狀態(tài)），表單的2種狀態(tài)（靜止衣洁、鼠標(biāo)懸浮狀態(tài)）等墓捻。

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

內(nèi)容的增、刪智听、改要有前后變化的過渡羽杰。以刪除一段數(shù)據(jù)為例，刪除是一個(gè)危險(xiǎn)的操作到推，一般需要彈窗進(jìn)行確認(rèn)考赛，在點(diǎn)擊確認(rèn)刪除后，要讓用戶看到數(shù)據(jù)消失的過程莉测，而不是直接展示刪除后的頁面颜骤。

5.注重設(shè)計(jì)細(xì)節(jié)

考慮產(chǎn)品的特殊狀態(tài)，如無數(shù)據(jù)悔雹、斷網(wǎng)复哆、長時(shí)間加載等欣喧，為產(chǎn)品做情感化設(shè)計(jì)。對于此類特殊狀態(tài)梯找，用戶會(huì)產(chǎn)生焦躁唆阿、失落等情緒，可以通過圖形化設(shè)計(jì)锈锤、幽默詼諧的提示驯鳖、有趣的動(dòng)畫等形式，緩解用戶的負(fù)面情緒久免，在不經(jīng)意間給用戶制造驚喜浅辙。

仔細(xì)斟酌產(chǎn)品的文案。從用戶角度出發(fā)思考文案的設(shè)定阎姥，讓用戶感覺是自己在掌控一切记舆。如”編輯事件”的效果要好于”事件編輯”，前者用戶主觀感覺自己在操控整個(gè)事情呼巴，而后者用戶會(huì)感覺到自己被命令去做這件事泽腮。

適當(dāng)留白能夠增加頁面可讀性，降低用戶閱讀難度衣赶。人類短時(shí)記憶能記憶的信息量有限（大部分信息在人的短時(shí)記憶中可停留5-20秒诊赊，最長不超過1分鐘），一個(gè)界面中展示信息過多府瞄，給用戶帶來的閱讀壓力過大碧磅。

總結(jié)

交互設(shè)計(jì)中的方法和設(shè)計(jì)原則有很多，常用的如格式塔原理遵馆、菲茨定律鲸郊、席克定律、7±2法則货邓、3次點(diǎn)擊法則等等严望，方法很多，沒有好壞之分逻恐，要靈活運(yùn)用，不要被方法限制思維峻黍，設(shè)計(jì)的最終目的只有一個(gè)：以用戶為中心复隆，為用戶體驗(yàn)負(fù)責(zé)。