B端產(chǎn)品 | 關(guān)于“高信息密度”的反饋機(jī)制的設(shè)計(jì)

1 評(píng)論 9330 瀏覽 33 收藏 10 分鐘

在B端產(chǎn)品中,反饋機(jī)制設(shè)計(jì)需要根據(jù)是否引發(fā)附加操作和是否承載重要信息,而選擇對(duì)應(yīng)的反饋方式。作者結(jié)合工作實(shí)踐,對(duì)常規(guī)反饋方式進(jìn)行了總結(jié),供大家參考。

在關(guān)于C端與B端產(chǎn)品的對(duì)比中,常提到“B端產(chǎn)品對(duì)于交互的設(shè)計(jì)要求較低”。然而,一方面各大廠都開(kāi)始在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é)上來(lái)說(shuō),對(duì)交流的需要是人的天性。當(dāng)我們對(duì)外界發(fā)出一個(gè)信號(hào),都在期待得到及時(shí)、明確、肯定的回應(yīng)。

從產(chǎn)品設(shè)計(jì)上來(lái)說(shuō),好的反饋機(jī)制能夠避免用戶與產(chǎn)品交互過(guò)程中的“失聯(lián)“體驗(yàn),建立用戶使用產(chǎn)品過(guò)程中的信心。

理想情況下,反饋機(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ì)原則

反饋從廣義上來(lái)說(shuō)包括兩大類:一類是界面的跳轉(zhuǎn)(即進(jìn)入新頁(yè)面),一類是停留在當(dāng)前頁(yè)面的交互。本文僅討論后者,即狹義上理解的反饋。

反饋必不可少,但是任何形式的反饋都會(huì)增加認(rèn)知成本,打斷心流體驗(yàn)。所以,PM需要在前期多花心思去選擇最合適的反饋機(jī)制。正所謂PM想多一點(diǎn),用戶就能想少一點(diǎn)。

那么,B端產(chǎn)品的反饋機(jī)制與C端有何不同呢?

一方面,順著“以終為始”的思路,B端產(chǎn)品的最終目的是提高效率。對(duì)于用戶來(lái)說(shuō),使用這個(gè)產(chǎn)品并沒(méi)有獲得某種“快感”的先天期待,其核心目標(biāo)是用最少的操作、最快的速度完成工作。

另一方面,B端產(chǎn)品往往與實(shí)際業(yè)務(wù)相關(guān),一旦誤操作很容易造成較為嚴(yán)重的后果。如果反饋機(jī)制設(shè)置過(guò)多或方式不恰當(dāng),用戶很可能因?yàn)橐恍跋乱庾R(shí)”的操作(如點(diǎn)擊“確認(rèn)”)而導(dǎo)致不必要的損失。

所以,在B端產(chǎn)品的反饋機(jī)制設(shè)計(jì)上,核心原則一言以蔽之就是“少而精”,即提高信息密度。

二、B端產(chǎn)品反饋機(jī)制設(shè)計(jì)流程

1. 降低信息冗余:非必要,不提示

筆者在剛開(kāi)始進(jìn)入B端領(lǐng)域的時(shí)候,為了強(qiáng)調(diào)自己對(duì)細(xì)節(jié)的重視,恨不得每一步交互都彈一個(gè)提示框。對(duì)用戶來(lái)說(shuō),卻是增加了很多不必要的點(diǎn)擊和“確認(rèn)”,也造成了注意力的渙散,和對(duì)系統(tǒng)可信度的稀釋。

所以,在設(shè)計(jì)反饋時(shí),最基礎(chǔ)的檢查就是同一個(gè)信息是否有重復(fù)提示。

如某文檔工具,文件上傳成功后,進(jìn)度圖標(biāo)消失,文件已經(jīng)陳列在刷新的列表中,便無(wú)需再?gòu)椧粋€(gè)“上傳成功”。

但是換一個(gè)場(chǎng)景,在IM中轉(zhuǎn)存文件到文檔庫(kù)時(shí),由于界面沒(méi)有其他提示途徑,所以需要在頁(yè)面彈一個(gè)toast。

2. 選擇合適的反饋方式

反饋的形式按照是否需要中斷用戶操作,分為模態(tài)框和非模態(tài)框兩大類,其包含的反饋方式及特點(diǎn)總結(jié)于下圖:

*雖然這些空間有Material Design和IOS的區(qū)分,但是隨著多年的發(fā)展和相互借鑒,很多控件都有了類似的設(shè)計(jì)。所以下面僅從產(chǎn)品的角度進(jìn)行分析,如有不確之處,希望各位UI同學(xué)不吝拍磚:

接下來(lái),我們將需要反饋的場(chǎng)景進(jìn)行分類,然后將反饋方式進(jìn)行對(duì)應(yīng):

(1)如果不需要引發(fā)過(guò)多的附加操作,但是承載重要提示信息,如“操作有誤”“對(duì)操作后果的警示”“用戶協(xié)議”“權(quán)限提示”,或者重要運(yùn)營(yíng)信息,則采用dialog/alert。

(2)如果不需要引發(fā)附加操作,且沒(méi)有承載重要提示信息,如對(duì)上一步操作結(jié)果的反饋,則使用輕量級(jí)的toast/HUD/snakebars

Toast一般對(duì)用戶打擾較小,但部分場(chǎng)景下可以采用定義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要注意提醒開(kāi)發(fā)同學(xué),如破壞性、危險(xiǎn)性操作標(biāo)紅置頂。

Alert/dialog中,常用/推薦使用的選項(xiàng)要高亮。

要提供明確且安全的退出方式,如點(diǎn)擊屏幕可以退出的控件,也可以保留cancel按鈕

(3)文案設(shè)計(jì)

①反饋中的文案在提供足以支撐用戶決策的基礎(chǔ)上要盡量少,避免倒裝、否定、歧義、語(yǔ)氣強(qiáng)烈的表達(dá)。避免提示文案與按鈕過(guò)度重復(fù)。

②按鈕避免用千篇一律的“確定”,可以根據(jù)情境設(shè)置為“上傳”“發(fā)送”“刪除”等。

(4)樣式設(shè)計(jì)

B端產(chǎn)品很多采用工作臺(tái)集成模式,各種輕應(yīng)用大多由不同團(tuán)隊(duì)打造,但是同一產(chǎn)品模塊內(nèi)的同類反饋,要提醒UI同學(xué)盡量使用相同形式,統(tǒng)一認(rèn)知。

總結(jié)

B端產(chǎn)品的反饋機(jī)制設(shè)計(jì),需要根據(jù)是否引發(fā)附加操作/是否承載重要信息,選擇對(duì)應(yīng)的反饋方式。

這種概括的粒度其實(shí)比較粗,在實(shí)際應(yīng)用中需要結(jié)合具體場(chǎng)景具體分析,并結(jié)合優(yōu)化方式,進(jìn)一步提高反饋方式的“信息密度”,實(shí)現(xiàn)“準(zhǔn)確、高效”的使用體驗(yàn)。

除了文中總結(jié)的常規(guī)反饋方式外,還可以考慮通過(guò)如震動(dòng)、聽(tīng)覺(jué)等形式,實(shí)現(xiàn)輕量級(jí)的信息反饋,打破B端產(chǎn)品的“撲克臉”,豐富使用體驗(yàn)。

文章為作者在工作中的實(shí)踐總結(jié),多有不足之處,希望各位同學(xué)不吝拍磚,多多交流~

#參考文獻(xiàn)#

【1】http://www.aharts.cn/pd/603334.html

【2】http://www.aharts.cn/pmd/296674.html

【3】http://www.aharts.cn/ucd/3494024.html

 

本文由 @可可可可 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 標(biāo)題是B端,文章是C端

    來(lái)自廣東 回復(fù)