奧推網

選單
科技

這些設計小妙招,助力B端產品體驗提升

編輯導語:由於B端產品的專業性強、功能複雜、操作鏈路長,B端設計師很難在短時間內深刻理解業務邏輯,做出超越性的設計。那麼應該如何打破這個困局呢?本文作者從預判設計、表達清晰、操作可控這三個方面進行了分析,一起來看一下吧。

設計師在接觸一個新的業務領域時,會習慣性地透過競品研究快速地瞭解行業,透過對比競品快速地找到體驗最佳化機會點。但B端產品具有專業性強、功能複雜度高和操作鏈路長的特點,即便有競品可以對照,B端設計師也很難在短時間內深刻理解業務邏輯,做出超越性的設計。

應該如何去打破這個困局呢?除了深耕業務和修煉基本功外,本文嘗試從預判設計、表達清晰、操作可控三個方面提供了一些助力B端產品體驗提升的小妙招。

一、預判設計

在團隊活動時,從搭檔的一個眼神我們就能預判他接下來的動作,相互的默契配合能讓我們順利地完成任務,在產品設計中的預判設計也可以得到事半功倍的效果。

我們可以從歷史記錄、效果預知、智慧輔助和行為慣性4個方面進行設計,輔助使用者決策,提升操作效率。

1. 歷史記錄

1. 歷史記錄

廣告最佳化師通常會管理幾十至上百個賬號,需要在多個賬號之間頻繁切換去盯盤和新建廣告,頻繁的操作難免會造成資訊遺忘和決策卡頓,從而會影響操作效率。在管理後臺的設計中可以透過記錄使用者最近操作行為,恰合時宜地為使用者提供幫助。

案例:在新建計劃環節,標識出本賬號上次的選擇記錄(最近一次的投放目標),輔助最佳化師快速做決策。

1)使用者操作行為記錄

平臺系統可基於個體操作習慣和大資料分析來預測使用者需求,提供高機率的操作建議,給予使用者貼心指導。

案例:針對廣告平臺表格資訊密集,不易快速獲取關鍵指標的問題,Google提供了使用者自定義欄,而Facebook的表格欄會根據使用者列操作習慣和自定義欄行為進行大資料分析,預置一些高頻意圖的組合欄,一鍵切換即可檢視關鍵指標,操作更便捷。

2)基於操作習慣的系統預測

2. 效果預知

表單頁對填寫的物料內容進行對映,展示真實效果預覽,降低使用者心理的不確定性。

案例:在進行廣告創意建立的過程中,最佳化師填寫完標題和上傳完物料後很難知道廣告投放到手機端使用者看的真實效果。而所見即所得的視覺化編輯方法支援創意樣式實時預覽,可以輔助最佳化師更好地進行創意最佳化。

2. 效果預知

針對一些需要效力評估的頁面,平臺透過預置好的演算法對使用者內容的表達及時給出估算值,給出建議,從而提高內容填寫質量,降低填寫的盲目性。

案例:Google廣告平臺在新建創意環節,對廣告素材資源的組合方式和數量進行估算,呈現當前廣告與高質量廣告設定的差距,輔助使用者進行高質量的廣告製作。

1)效果預覽

使用者在進行輸入等操作時可以提供智慧輔助,例如表單填寫時對需要錄入資訊的區域提供輔助提示,透過自動補全或聯想詞來幫助使用者快速錄入資訊,在保持使用者的操作自由度的情況下提效。

2)效益預估

在一些場景裡,使用者的行為具有很強的關聯慣性,例如上班時間進到辦公區域開啟辦公APP首要目的一般是打卡簽到。透過梳理主線任務或整理使用者體驗地圖可以挖掘出很多基於行為預判的設計機會點。

案例:預判使用者在工作臺內截圖後大機率是去反饋遇到的問題,適時將反饋入口透出,可以提高反饋的效率和使用者體驗。

二、表達清晰

現實生活中,在與他人交往時,清晰的表達尤為重要。同樣是演講,有的演講者“詞不達意”沒有重點,或者內容晦澀難懂讓聽眾感覺索然無味;而好的演講者則會用場景化的方式將邏輯複雜的事情講給聽眾,讓聽眾有身臨其境的畫面感。

好的設計也應該是清晰好用的,能讓使用者沉浸其中輕鬆高效地完成自己的任務。

如何讓使用者通俗易懂地瞭解產品功能,並能快速上手?我們可以從功能易理解、內容強吸引和選擇無負擔三個方面來降低使用者的操作門檻。

3. 智慧輔助

3. 智慧輔助

將一些晦澀難懂的詞彙轉化表達方式,轉化為更貼近使用者視角的文案描述,傳遞細節感受。

4. 行為慣性

透過需求背後的真實意圖分析和高效率的資訊展示可以讓使用者更方便地獲取更多資訊,提升產品的服務效益。

案例:伺服器預警平臺從傳統的表格形式最佳化成拓撲圖。將所有的雲伺服器都抽象成一個個矩形,矩形的顏色代表伺服器監控指標的狀況。當方塊顏色顯示為黃色,則表示該雲伺服器內有監控指標出現了異常,這個時候目標使用者就需要重點關注。

4. 行為慣性

對於老使用者來說,從之前習慣的平臺遷移到新的平臺一般會有很大的牴觸心理。遷移前使用者考慮的關鍵點包括:不遷移是否有影響?新平臺有什麼優勢嗎?遷移起來麻煩嗎?

以百度營銷客戶中心遷移引導頁方案為例,初期方案首屏只告訴使用者平臺升級了,但是不能快速瞭解到升級後的核心優勢有哪些,同時遷移按鈕設計得很弱,傳達的資訊是遷移可能會很麻煩,很容易讓使用者止步於此。

所以在進入遷移導流頁面時,首屏首先要講清楚新版平臺的能力和遷移方式。對於當下想遷移的使用者,明確遷移方式和入口;對於徘徊不定的使用者,告知遷移後的好處並做好最後下線時間的提示。這些資訊不僅能夠消除使用者遷移前關於成本的顧慮,也能吸引使用者立即開始遷移行動。

1. 功能易理解

B端產品操作鏈路通常比較長,使用者很容易迷失其中。對於邏輯複雜的功能在做頁面設計時需要突出主次和流程引導,儘可能提供一個主要觸發的主按鈕,讓客戶不用過多思考就知道模組和操作的隸屬關係,降低認知的負擔。

三、操作可控

我們在執行任務時總是希望有過往經驗可借鑑,如果事情按照自己的預期發展了會覺得很踏實有可控感。同理,使用者在操作一個系統介面時也會有類似的心理變化,對於自己熟悉的功能希望主動權在自己手裡,能複用之前的經驗無需額外的學習成本;對自己不熟悉的功能希望有及時的引導,能很快地上手並能掌握主動權。

不可控的操作體驗會讓使用者在使用過程中產生很強的挫敗感,一旦有了這樣的心理感受就很難被扭轉。那如何保障體驗的基線確保使用者正向的感受呢?下面就結合操作一致性和明確指引性兩方面進行說明。

1. 功能易理解

針對同類型的功能,在互動設計上要儘可能地保持邏輯對齊,保證平臺的一致性同時降低使用者的學習成本。一致性設計對產研提效也有很大的益處。

案例:下例中的批次操作項的邏輯,都是透過選中複選框之後在模組上方展示批次操作欄且支援一鍵關閉。這樣該平臺的使用者無論在任何場景下只要注意到複選框就對批次操作功能有了預期,沒有額外的學習成本。

1)術語轉換

對於複雜的使⽤流程,最好能夠在客戶使⽤的過程中建立統一的指引,引導客戶⼀步步完成操作,從而提高任務的完成率,促成業務目標達成。

案例:當一個平臺需要使用者完成的任務繁多且流程性強時,需要把所有的核心任務按照層級進行呈現,並作為一個固定模組展示在醒目位置。這樣使用者既可全域性視角理解業務又能作為功能入口快速觸達。

四、寫在最後

B端業務中,互動設計的核心在於為特定場景設計擇優的行為路徑;透過分析使用者當前所處的階段和場景來判斷此刻遇到的關鍵問題。

針對不同的問題去選擇對應的解決策略,例如對於新手來說降門檻會是首要任務,對於熟手來說操作的效率會顯得更為重要。結合預判設計、表達清晰、操作可控三個維度的案例可以讓我們在對業務理解有限的情況下,產品設計能有更多思考角度,也能有更明確的設計主張。

感謝閱讀,以上內容均由百度MEUX團隊原創設計,以及百度MEUX版權所有,轉載請註明出處,違者必究,謝謝您的合作。

作者:百度MEUX,百度移動生態使用者體驗設計中心,負責百度移動生態體系的使用者/商業產品的全鏈路體驗設計。服務的產品包括百度APP、百度搜索、百度百科、百度網盤、百度貼吧、百度商業產品等。

本文由 @百度MEUX 原創釋出於人人都是產品經理,未經許可,禁止轉載

題圖來自unsplash,基於CC0協議