B端產(chǎn)品 | 關(guān)于“高信息密度”的反饋機(jī)制的設(shè)計(jì)
在B端產(chǎn)品中,反饋機(jī)制設(shè)計(jì)需要根據(jù)是否引發(fā)附加操作和是否承載重要信息,而選擇對應(yīng)的反饋方式。作者結(jié)合工作實(shí)踐,對常規(guī)反饋方式進(jìn)行了總結(jié),供大家參考。
在關(guān)于C端與B端產(chǎn)品的對比中,常提到“B端產(chǎn)品對于交互的設(shè)計(jì)要求較低”。然而,一方面各大廠都開始在B端領(lǐng)域發(fā)力,產(chǎn)品的可替代性逐漸提高;另一方面,盡管B端產(chǎn)品的核心在于業(yè)務(wù)邏輯和功能設(shè)計(jì),好的交互依然是提高產(chǎn)品可用性和業(yè)務(wù)價(jià)值的重要手段。
所以,B端PM在產(chǎn)品設(shè)計(jì)時(shí),依然需要重視UI,其中反饋機(jī)制又是很重要的一環(huán)。
從心理學(xué)上來說,對交流的需要是人的天性。當(dāng)我們對外界發(fā)出一個(gè)信號,都在期待得到及時(shí)、明確、肯定的回應(yīng)。
從產(chǎn)品設(shè)計(jì)上來說,好的反饋機(jī)制能夠避免用戶與產(chǎn)品交互過程中的“失聯(lián)“體驗(yàn),建立用戶使用產(chǎn)品過程中的信心。
理想情況下,反饋機(jī)制的設(shè)計(jì)應(yīng)該由交互設(shè)計(jì)師主導(dǎo),但是實(shí)務(wù)中,尤其是B端領(lǐng)域,由于業(yè)務(wù)復(fù)雜性,很多時(shí)候交互設(shè)計(jì)與功能關(guān)聯(lián)更為緊密,需要以PM的設(shè)計(jì)為主要依據(jù)。
一、B端產(chǎn)品反饋機(jī)制的設(shè)計(jì)原則
反饋從廣義上來說包括兩大類:一類是界面的跳轉(zhuǎn)(即進(jìn)入新頁面),一類是停留在當(dāng)前頁面的交互。本文僅討論后者,即狹義上理解的反饋。
反饋必不可少,但是任何形式的反饋都會增加認(rèn)知成本,打斷心流體驗(yàn)。所以,PM需要在前期多花心思去選擇最合適的反饋機(jī)制。正所謂PM想多一點(diǎn),用戶就能想少一點(diǎn)。
那么,B端產(chǎn)品的反饋機(jī)制與C端有何不同呢?
一方面,順著“以終為始”的思路,B端產(chǎn)品的最終目的是提高效率。對于用戶來說,使用這個(gè)產(chǎn)品并沒有獲得某種“快感”的先天期待,其核心目標(biāo)是用最少的操作、最快的速度完成工作。
另一方面,B端產(chǎn)品往往與實(shí)際業(yè)務(wù)相關(guān),一旦誤操作很容易造成較為嚴(yán)重的后果。如果反饋機(jī)制設(shè)置過多或方式不恰當(dāng),用戶很可能因?yàn)橐恍跋乱庾R”的操作(如點(diǎn)擊“確認(rèn)”)而導(dǎo)致不必要的損失。
所以,在B端產(chǎn)品的反饋機(jī)制設(shè)計(jì)上,核心原則一言以蔽之就是“少而精”,即提高信息密度。
二、B端產(chǎn)品反饋機(jī)制設(shè)計(jì)流程
1. 降低信息冗余:非必要,不提示
筆者在剛開始進(jìn)入B端領(lǐng)域的時(shí)候,為了強(qiáng)調(diào)自己對細(xì)節(jié)的重視,恨不得每一步交互都彈一個(gè)提示框。對用戶來說,卻是增加了很多不必要的點(diǎn)擊和“確認(rèn)”,也造成了注意力的渙散,和對系統(tǒng)可信度的稀釋。
所以,在設(shè)計(jì)反饋時(shí),最基礎(chǔ)的檢查就是同一個(gè)信息是否有重復(fù)提示。
如某文檔工具,文件上傳成功后,進(jìn)度圖標(biāo)消失,文件已經(jīng)陳列在刷新的列表中,便無需再彈一個(gè)“上傳成功”。
但是換一個(gè)場景,在IM中轉(zhuǎn)存文件到文檔庫時(shí),由于界面沒有其他提示途徑,所以需要在頁面彈一個(gè)toast。
2. 選擇合適的反饋方式
反饋的形式按照是否需要中斷用戶操作,分為模態(tài)框和非模態(tài)框兩大類,其包含的反饋方式及特點(diǎn)總結(jié)于下圖:
*雖然這些空間有Material Design和IOS的區(qū)分,但是隨著多年的發(fā)展和相互借鑒,很多控件都有了類似的設(shè)計(jì)。所以下面僅從產(chǎn)品的角度進(jìn)行分析,如有不確之處,希望各位UI同學(xué)不吝拍磚:
接下來,我們將需要反饋的場景進(jìn)行分類,然后將反饋方式進(jìn)行對應(yīng):
(1)如果不需要引發(fā)過多的附加操作,但是承載重要提示信息,如“操作有誤”“對操作后果的警示”“用戶協(xié)議”“權(quán)限提示”,或者重要運(yùn)營信息,則采用dialog/alert。
(2)如果不需要引發(fā)附加操作,且沒有承載重要提示信息,如對上一步操作結(jié)果的反饋,則使用輕量級的toast/HUD/snakebars
Toast一般對用戶打擾較小,但部分場景下可以采用定義3秒顯示時(shí)間,或全屏覆蓋的形式加強(qiáng)信息提示的強(qiáng)度。
(3)如果需要引發(fā)附加操作,則根據(jù)操作類型選擇popover/menu/action sheet/activity bars.
3. 反饋方式的優(yōu)化
(1)彈出位置
實(shí)際設(shè)計(jì)中,我們需要結(jié)合前后操作考慮,盡量縮短用戶的操作路徑。
如Alert通常出現(xiàn)在屏幕中心。但結(jié)合觸發(fā)反饋的操作位置, Alert也可以在底部滑出。
(2)引導(dǎo)性設(shè)置
Action sheet中, PM要注意提醒開發(fā)同學(xué),如破壞性、危險(xiǎn)性操作標(biāo)紅置頂。
Alert/dialog中,常用/推薦使用的選項(xiàng)要高亮。
要提供明確且安全的退出方式,如點(diǎn)擊屏幕可以退出的控件,也可以保留cancel按鈕。
(3)文案設(shè)計(jì)
①反饋中的文案在提供足以支撐用戶決策的基礎(chǔ)上要盡量少,避免倒裝、否定、歧義、語氣強(qiáng)烈的表達(dá)。避免提示文案與按鈕過度重復(fù)。
②按鈕避免用千篇一律的“確定”,可以根據(jù)情境設(shè)置為“上傳”“發(fā)送”“刪除”等。
(4)樣式設(shè)計(jì)
B端產(chǎn)品很多采用工作臺集成模式,各種輕應(yīng)用大多由不同團(tuán)隊(duì)打造,但是同一產(chǎn)品模塊內(nèi)的同類反饋,要提醒UI同學(xué)盡量使用相同形式,統(tǒng)一認(rèn)知。
總結(jié)
B端產(chǎn)品的反饋機(jī)制設(shè)計(jì),需要根據(jù)是否引發(fā)附加操作/是否承載重要信息,選擇對應(yīng)的反饋方式。
這種概括的粒度其實(shí)比較粗,在實(shí)際應(yīng)用中需要結(jié)合具體場景具體分析,并結(jié)合優(yōu)化方式,進(jìn)一步提高反饋方式的“信息密度”,實(shí)現(xiàn)“準(zhǔn)確、高效”的使用體驗(yàn)。
除了文中總結(jié)的常規(guī)反饋方式外,還可以考慮通過如震動(dòng)、聽覺等形式,實(shí)現(xiàn)輕量級的信息反饋,打破B端產(chǎn)品的“撲克臉”,豐富使用體驗(yàn)。
文章為作者在工作中的實(shí)踐總結(jié),多有不足之處,希望各位同學(xué)不吝拍磚,多多交流~
#參考文獻(xiàn)#
【1】http://theventurebank.com/pd/603334.html
【2】http://theventurebank.com/pmd/296674.html
【3】http://theventurebank.com/ucd/3494024.html
本文由 @可可可可 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
標(biāo)題是B端,文章是C端