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