關于B端產品的用戶體驗,你要知道這些!
大家日常工作中一定經常接觸到各種各樣的運維管理產品,有的用起來得心應手、事半功倍,有的卻無力吐槽,體驗很差。從用戶體驗設計的角度,他們都有一個共同的分類-B端產品(區別于C端產品)。那么,如何提升這類產品的用戶體驗呢?本文就此談談如何從交互層面提升B端產品的用戶體驗。
一、產品定義
B端產品(To Business)是企業在工作中使用的或出于商業需求而使用的系統、工具或平臺,比較典型的如:百度云各產品、百度統計、監控平臺及企業內部的ERP系統等。
B端產品的目標人群多為專業用戶,需要具備一定專業知識才能使用。B端產品雖比較注重功能和效率,但用戶體驗較差的產品也會使用戶喪失使用的熱情,導致工作效率下降。
二、產品特點
1. 功能性強
B端產品要滿足企業日常工作的各種需求,必須有著強大的功能性,并能夠幫助用戶高效處理各種任務。
2. 專業嚴謹
從目標用戶來看,B端產品主要面向具備一定的專業知識的企業員工或客戶,因此產品的專業性高、邏輯嚴謹、規范性強,用戶在使用時必須按照已有的規范操作,需要什么就使用什么。
3. 沉浸使用
從產品使用場景來看,B端產品主要是用于完成工作或商業活動,需要用戶長時間、沉浸式使用,達到“專注”的狀態。出于工作需求,即便用戶不喜歡或者產品比較難用,也必須使用。
4. 色調理性
產品的目標用戶和使用場景決定了產品的“外貌”,在色彩方面,考慮到色彩對用戶心理和工作的影響,一般使用冷色或中性色作為產品色,避免使用紅色、橙色等容易讓用戶產生躁動情緒的暖色。
三、產品設計方法
1. 讓交互高效靈活
“高效”在工作中經常被提及,也是判斷產品交互是否合理的重要標準之一。高效要求用戶以最快的速度、最簡的操作完成任務,但并不是步驟越少越好。
如:購物時的下單流程,若將訂單填寫、支付方式選擇、密碼輸入等操作放置在一個頁面內,直接點擊“提交”完成,會發生什么可想而知。因為在支付流程的交互設計還要考慮用戶的心理感受、財產安全等因素。
那么什么樣的交互對用戶來說是高效的呢?
- 能夠在一個頁面內完成的操作,不要分頁或者跳轉到其他頁面完成。
- 對于比較復雜、流程較長的操作,引導用戶分步完成,用戶已完成、正在處理、待處理的步驟給予明確的提示,讓用戶掌握任務的進度,并在每一步任務中要提供返回上一步和中斷任務的操作(中斷任務因為損失較大,要有二次確認的提示)。
- 無關用戶的復雜信息盡量收起,不要展示給用戶,以免造成不必要的困擾,增加用戶學習成本。
- 盡量遵守“三次點擊原則”,對于80%以上的任務或操作,能夠讓用戶在三次點擊內完成,信息的查找也是同理。
2. 保持一致性
產品保持“一致性”能夠有效降低用戶學習成本,為產品確立統一的品牌形象,形成品牌效應。
尼爾森十大交互設計原則中對于”一致性原則”這樣定義:
同一用語、功能、操作保持一致。同樣的語言,同樣的情景,操作應該出現同樣的結果。
因B端產品邏輯功能比較復雜,即便在項目開始時確立了產品的整套設計規范,也未必能夠滿足后續不同的場景和業務需求,難免出現設計上不一致的地方。因此,在產品”一致性”的設計上,只需要做到規范產品80%的事情,為特殊業務場景和需求留一定的創新空間。
設計師需要從以下三個方面把握產品的“一致性”:
- 業務層和邏輯層:產品不同模塊間如果有著類似的功能,要保持這些功能屬性的一致,包括操作、跳轉方式、界面標題、文案形式等。
- 框架層和結構層:保持頁面框架、各級導航菜單、內容模塊、組織形式的一致性,如“增刪改查”的功能是彈窗展示還是新頁面展示,導航和內容區域是左右分布還是上下分布,左側導航功能是否支持收起等。
- 交互和界面表現層:產品的表現層主要包括界面色彩、操作方式、反饋形式及文字屬性等,還有常被忽略的交互動作:懸浮效果、點擊效果、轉場動畫等。表現層是產品與用戶直接進行交互對話的窗口,這部分的操作一致性能夠減少用戶的學習和使用成本。
3. 設定錯誤預防和恢復機制
B端產品邏輯嚴謹性和專業性較高,用戶在使用時經常不可避免的操作失誤,設立錯誤預防機制一方面能夠降低用戶犯錯的幾率,提高工作效率;另一方面,避免二次修改給用戶帶來煩躁的情緒。
錯誤恢復機制能夠在用戶犯錯后給予提示和引導,幫助用戶糾正錯誤。
在錯誤預防和恢復機制的交互設計上要做到以下幾點:
- 遵循用戶認知和使用習慣,謹慎使用新的交互形式。如果使用,就要做好充分的提示和引導,給用戶一定的時間去學習。
- 在用戶執行錯誤的操作前,提示用戶應當如何操作。通過精心的設計防止錯誤的發生,總好過用戶出現錯誤再給予提示。
- 在用戶犯錯后,友好的提示用戶,并給出正確的糾錯方法。 提示與引導信息的文案應當注意語氣,不要將責任推卸給用戶,禮貌的對待用戶,能讓用戶對品牌印象更加深刻。
4. 提供明確的反饋
用戶使用產品時,用戶與產品之間形成一種“溝通”,良好的反饋機制能夠大大提升這種“溝通”體驗。用戶的每一步操作都應當得到相應的反饋,以便用戶隨時獲取當前的系統狀態。
那么,應該如何設計用戶與產品之間的反饋機制呢?
- 定義組件的基本狀態,每種狀態都有不同的反饋。如按鈕的5種狀態(正常、鼠標懸停、鼠標按下、鼠標按下時彈起、不可點擊狀態),文本框的4種狀態(正常、輸入、輸入正確、輸入錯誤狀態),表單的2種狀態(靜止、鼠標懸浮狀態)等。
- 非即時性反饋要讓用戶看到狀態的變化。如上傳一段數據,要讓用戶知道數據正在上傳,根據上傳的時間采用不同的加載形式,對于加載超過2s的需要出現loading進行提示,如果加載超過10s就需要用進度條的形式展現。
- 內容的增、刪、改要有前后變化的過渡。以刪除一段數據為例,刪除是一個危險的操作,一般需要彈窗進行確認,在點擊確認刪除后,要讓用戶看到數據消失的過程,而不是直接展示刪除后的頁面。
5.注重設計細節
- 考慮產品的特殊狀態,如無數據、斷網、長時間加載等,為產品做情感化設計。對于此類特殊狀態,用戶會產生焦躁、失落等情緒,可以通過圖形化設計、幽默詼諧的提示、有趣的動畫等形式,緩解用戶的負面情緒,在不經意間給用戶制造驚喜。
- 仔細斟酌產品的文案。從用戶角度出發思考文案的設定,讓用戶感覺是自己在掌控一切。如”編輯事件”的效果要好于”事件編輯”,前者用戶主觀感覺自己在操控整個事情,而后者用戶會感覺到自己被命令去做這件事。
- 適當留白能夠增加頁面可讀性,降低用戶閱讀難度。人類短時記憶能記憶的信息量有限(大部分信息在人的短時記憶中可停留5-20秒,最長不超過1分鐘),一個界面中展示信息過多,給用戶帶來的閱讀壓力過大。
總結
交互設計中的方法和設計原則有很多,常用的如格式塔原理、菲茨定律、席克定律、7±2法則、3次點擊法則等等,方法很多,沒有好壞之分,要靈活運用,不要被方法限制思維,設計的最終目的只有一個:以用戶為中心,為用戶體驗負責。
本文由 @墨白 原創發布于人人都是產品經理。未經許可,禁止轉載。
哈嘍,目前想找一位B端資深用戶體驗設計人選,專家級崗位,期待合適人選交流~感謝~
tob產品用戶更加關注效率,有時候用戶體驗很重要,但是用戶視覺體驗好的甚至可以直接說用戶體驗好的,操作效率不一定高。所以兩者之間去平衡很重要。
接觸過幾個做過C端團隊然后做2B的產品,按原來的思路設計開發產品,對于KEY USER來說,用起來很難受
這些設計方法放在toC產品上有問題么?
剛好目前在做B端產品,頗有收獲,期待更多的作品!點個贊
想問一下,第四點的插圖用什么做的?
好多軟件都可以做的,AE Principle Axure
寫的很棒,贊一個
?? 謝謝
我一直做得B端產品設計 運營,近期剛好在梳理我們自己這款APP的“毛病”關于頁面功能交互的點跟你不謀而合
?
感謝作者的干貨
干貨,已收藏
正好又在做后臺產品,這次想搞個大的,新嘗試。 ??
好厲害阿, 可以轉載嗎?
歡迎轉載
我們系統有7個新增頁面,其中6個內容都很少,只有一個內容比較多。那么現在我是將所有新增頁面都新開一個頁面還是讓其中6個以彈框的形式出現,另一個新開一個頁面??
看情況,沒必要為了一致而一致。
寫的很好,在做產品時。也考慮過這些體驗,但很多情況下無法把產品的體驗做得更好,實在無耐。感覺對不起這個行業了 ?
下次寫點好東西出來
???
這樣說話是不是有點不太禮貌?
關注大神了,等你會寫出什么叫做好東西的東西 ??
看來這年頭的專家,水平都很高
??
寫的都是干貨,吃的很過癮 ??