關于B端產品的用戶體驗,你要知道這些!

26 評論 45161 瀏覽 322 收藏 11 分鐘

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

一、產品定義

B端產品(To Business)是企業在工作中使用的或出于商業需求而使用的系統、工具或平臺,比較典型的如:百度云各產品、百度統計、監控平臺及企業內部的ERP系統等。

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

二、產品特點

1. 功能性強

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

2. 專業嚴謹

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

3. 沉浸使用

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

4. 色調理性

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

三、產品設計方法

1. 讓交互高效靈活

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

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

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

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

2. 保持一致性

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

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

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

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

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

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

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

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

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

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

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

4. 提供明確的反饋

用戶使用產品時,用戶與產品之間形成一種“溝通”,良好的反饋機制能夠大大提升這種“溝通”體驗。用戶的每一步操作都應當得到相應的反饋,以便用戶隨時獲取當前的系統狀態。

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

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

5.注重設計細節

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

總結

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

 

本文由 @墨白 原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 哈嘍,目前想找一位B端資深用戶體驗設計人選,專家級崗位,期待合適人選交流~感謝~

    來自廣東 回復
  2. tob產品用戶更加關注效率,有時候用戶體驗很重要,但是用戶視覺體驗好的甚至可以直接說用戶體驗好的,操作效率不一定高。所以兩者之間去平衡很重要。

    來自廣東 回復
  3. 接觸過幾個做過C端團隊然后做2B的產品,按原來的思路設計開發產品,對于KEY USER來說,用起來很難受

    來自四川 回復
  4. 這些設計方法放在toC產品上有問題么?

    來自浙江 回復
  5. 剛好目前在做B端產品,頗有收獲,期待更多的作品!點個贊

    來自廣東 回復
  6. 想問一下,第四點的插圖用什么做的?

    來自上海 回復
    1. 好多軟件都可以做的,AE Principle Axure

      來自北京 回復
  7. 寫的很棒,贊一個

    來自廣東 回復
    1. ?? 謝謝

      來自北京 回復
  8. 我一直做得B端產品設計 運營,近期剛好在梳理我們自己這款APP的“毛病”關于頁面功能交互的點跟你不謀而合

    來自北京 回復
    1. ?

      來自北京 回復
  9. 感謝作者的干貨

    來自浙江 回復
  10. 干貨,已收藏

    來自重慶 回復
  11. 正好又在做后臺產品,這次想搞個大的,新嘗試。 ??

    來自四川 回復
  12. 好厲害阿, 可以轉載嗎?

    來自廣東 回復
    1. 歡迎轉載

      來自北京 回復
  13. 我們系統有7個新增頁面,其中6個內容都很少,只有一個內容比較多。那么現在我是將所有新增頁面都新開一個頁面還是讓其中6個以彈框的形式出現,另一個新開一個頁面??

    來自四川 回復
    1. 看情況,沒必要為了一致而一致。

      來自上海 回復
  14. 寫的很好,在做產品時。也考慮過這些體驗,但很多情況下無法把產品的體驗做得更好,實在無耐。感覺對不起這個行業了 ?

    來自福建 回復
  15. 下次寫點好東西出來

    回復
    1. ???

      回復
    2. 這樣說話是不是有點不太禮貌?

      來自安徽 回復
    3. 關注大神了,等你會寫出什么叫做好東西的東西 ??

      來自北京 回復
    4. 看來這年頭的專家,水平都很高

      來自廣東 回復
  16. ??

    來自北京 回復
    1. 寫的都是干貨,吃的很過癮 ??

      來自廣東 回復