這些設計小妙招,助力B端產品體驗提升
編輯導語:由于B端產品的專業性強、功能復雜、操作鏈路長,B端設計師很難在短時間內深刻理解業務邏輯,做出超越性的設計。那么應該如何打破這個困局呢?本文作者從預判設計、表達清晰、操作可控這三個方面進行了分析,一起來看一下吧。
設計師在接觸一個新的業務領域時,會習慣性地通過競品研究快速地了解行業,通過對比競品快速地找到體驗優化機會點。但B端產品具有專業性強、功能復雜度高和操作鏈路長的特點,即便有競品可以對照,B端設計師也很難在短時間內深刻理解業務邏輯,做出超越性的設計。
應該如何去打破這個困局呢?除了深耕業務和修煉基本功外,本文嘗試從預判設計、表達清晰、操作可控三個方面提供了一些助力B端產品體驗提升的小妙招。
一、預判設計
在團隊活動時,從搭檔的一個眼神我們就能預判他接下來的動作,相互的默契配合能讓我們順利地完成任務,在產品設計中的預判設計也可以得到事半功倍的效果。
我們可以從歷史記錄、效果預知、智能輔助和行為慣性4個方面進行設計,輔助用戶決策,提升操作效率。
1. 歷史記錄
1)用戶操作行為記錄
廣告優化師通常會管理幾十至上百個賬號,需要在多個賬號之間頻繁切換去盯盤和新建廣告,頻繁的操作難免會造成信息遺忘和決策卡頓,從而會影響操作效率。在管理后臺的設計中可以通過記錄用戶最近操作行為,恰合時宜地為用戶提供幫助。
案例:在新建計劃環節,標識出本賬號上次的選擇記錄(最近一次的投放目標),輔助優化師快速做決策。
2)基于操作習慣的系統預測
平臺系統可基于個體操作習慣和大數據分析來預測用戶需求,提供高概率的操作建議,給予用戶貼心指導。
案例:針對廣告平臺表格信息密集,不易快速獲取關鍵指標的問題,Google提供了用戶自定義欄,而Facebook的表格欄會根據用戶列操作習慣和自定義欄行為進行大數據分析,預置一些高頻意圖的組合欄,一鍵切換即可查看關鍵指標,操作更便捷。
2. 效果預知
1)效果預覽
表單頁對填寫的物料內容進行映射,展示真實效果預覽,降低用戶心理的不確定性。
案例:在進行廣告創意創建的過程中,優化師填寫完標題和上傳完物料后很難知道廣告投放到手機端用戶看的真實效果。而所見即所得的可視化編輯方法支持創意樣式實時預覽,可以輔助優化師更好地進行創意優化。
2)效益預估
針對一些需要效力評估的頁面,平臺通過預置好的算法對用戶內容的表達及時給出估算值,給出建議,從而提高內容填寫質量,降低填寫的盲目性。
案例:Google廣告平臺在新建創意環節,對廣告素材資源的組合方式和數量進行估算,呈現當前廣告與高質量廣告設置的差距,輔助用戶進行高質量的廣告制作。
3. 智能輔助
用戶在進行輸入等操作時可以提供智能輔助,例如表單填寫時對需要錄入信息的區域提供輔助提示,通過自動補全或聯想詞來幫助用戶快速錄入信息,在保持用戶的操作自由度的情況下提效。
4. 行為慣性
在一些場景里,用戶的行為具有很強的關聯慣性,例如上班時間進到辦公區域打開辦公APP首要目的一般是打卡簽到。通過梳理主線任務或整理用戶體驗地圖可以挖掘出很多基于行為預判的設計機會點。
案例:預判用戶在工作臺內截屏后大概率是去反饋遇到的問題,適時將反饋入口透出,可以提高反饋的效率和用戶體驗。
二、表達清晰
現實生活中,在與他人交往時,清晰的表達尤為重要。同樣是演講,有的演講者“詞不達意”沒有重點,或者內容晦澀難懂讓聽眾感覺索然無味;而好的演講者則會用場景化的方式將邏輯復雜的事情講給聽眾,讓聽眾有身臨其境的畫面感。
好的設計也應該是清晰好用的,能讓用戶沉浸其中輕松高效地完成自己的任務。
如何讓用戶通俗易懂地了解產品功能,并能快速上手?我們可以從功能易理解、內容強吸引和選擇無負擔三個方面來降低用戶的操作門檻。
1. 功能易理解
1)術語轉換
將一些晦澀難懂的詞匯轉化表達方式,轉化為更貼近用戶視角的文案描述,傳遞細節感受。
2)信息有效展示
透過需求背后的真實意圖分析和高效率的信息展示可以讓用戶更方便地獲取更多信息,提升產品的服務效益。
案例:服務器預警平臺從傳統的表格形式優化成拓撲圖。將所有的云服務器都抽象成一個個矩形,矩形的顏色代表服務器監控指標的狀況。當方塊顏色顯示為黃色,則表示該云服務器內有監控指標出現了異常,這個時候目標用戶就需要重點關注。
2. 內容強吸引
對于老用戶來說,從之前習慣的平臺遷移到新的平臺一般會有很大的抵觸心理。遷移前用戶考慮的關鍵點包括:不遷移是否有影響?新平臺有什么優勢嗎?遷移起來麻煩嗎?
以百度營銷客戶中心遷移引導頁方案為例,初期方案首屏只告訴用戶平臺升級了,但是不能快速了解到升級后的核心優勢有哪些,同時遷移按鈕設計得很弱,傳達的信息是遷移可能會很麻煩,很容易讓用戶止步于此。
所以在進入遷移導流頁面時,首屏首先要講清楚新版平臺的能力和遷移方式。對于當下想遷移的用戶,明確遷移方式和入口;對于徘徊不定的用戶,告知遷移后的好處并做好最后下線時間的提示。這些信息不僅能夠消除用戶遷移前關于成本的顧慮,也能吸引用戶立即開始遷移行動。
3. 選擇無負擔
B端產品操作鏈路通常比較長,用戶很容易迷失其中。對于邏輯復雜的功能在做頁面設計時需要突出主次和流程引導,盡可能提供一個主要觸發的主按鈕,讓客戶不用過多思考就知道模塊和操作的隸屬關系,降低認知的負擔。
三、操作可控
我們在執行任務時總是希望有過往經驗可借鑒,如果事情按照自己的預期發展了會覺得很踏實有可控感。同理,用戶在操作一個系統界面時也會有類似的心理變化,對于自己熟悉的功能希望主動權在自己手里,能復用之前的經驗無需額外的學習成本;對自己不熟悉的功能希望有及時的引導,能很快地上手并能掌握主動權。
不可控的操作體驗會讓用戶在使用過程中產生很強的挫敗感,一旦有了這樣的心理感受就很難被扭轉。那如何保障體驗的基線確保用戶正向的感受呢?下面就結合操作一致性和明確指引性兩方面進行說明。
1. 操作一致性
針對同類型的功能,在交互設計上要盡可能地保持邏輯對齊,保證平臺的一致性同時降低用戶的學習成本。一致性設計對產研提效也有很大的益處。
案例:下例中的批量操作項的邏輯,都是通過選中復選框之后在模塊上方展示批量操作欄且支持一鍵關閉。這樣該平臺的用戶無論在任何場景下只要注意到復選框就對批量操作功能有了預期,沒有額外的學習成本。
2. 明確指引性
對于復雜的使?流程,最好能夠在客戶使?的過程中建立統一的指引,引導客戶?步步完成操作,從而提高任務的完成率,促成業務目標達成。
案例:當一個平臺需要用戶完成的任務繁多且流程性強時,需要把所有的核心任務按照層級進行呈現,并作為一個固定模塊展示在醒目位置。這樣用戶既可全局視角理解業務又能作為功能入口快速觸達。
四、寫在最后
B端業務中,交互設計的核心在于為特定場景設計擇優的行為路徑;通過分析用戶當前所處的階段和場景來判斷此刻遇到的關鍵問題。
針對不同的問題去選擇對應的解決策略,例如對于新手來說降門檻會是首要任務,對于熟手來說操作的效率會顯得更為重要。結合預判設計、表達清晰、操作可控三個維度的案例可以讓我們在對業務理解有限的情況下,產品設計能有更多思考角度,也能有更明確的設計主張。
感謝閱讀,以上內容均由百度MEUX團隊原創設計,以及百度MEUX版權所有,轉載請注明出處,違者必究,謝謝您的合作。
作者:百度MEUX,百度移動生態用戶體驗設計中心,負責百度移動生態體系的用戶/商業產品的全鏈路體驗設計。服務的產品包括百度APP、百度搜索、百度百科、百度網盤、百度貼吧、百度商業產品等。
本文由 @百度MEUX 原創發布于人人都是產品經理,未經許可,禁止轉載
題圖來自unsplash,基于CC0協議
內容有吸引力,操作簡便,信息明確的產品才能吸引用戶
感謝分享,滿滿都是干貨!我有個地方不是很理解,信息有效展示提到的拓撲圖是什么?跟我百度到的好像不太一樣,可以解釋的詳細些嗎?感謝
作者在文章中提到的設計小妙招都很有實用性,值得學習和分享
不得不說,作者列舉的這幾個小妙招在B端設計產品中非常實用。
看起來都很實用的樣子,毫不猶豫碼住啦,學起來哈哈哈。
哇!看完真的覺得干貨滿滿!是值得收藏的一篇文章。