提高B端產(chǎn)品用戶效率設(shè)計(jì)的3個(gè)方法

▲?點(diǎn)擊上方“李寬wideplum”關(guān)注公眾號

點(diǎn)擊發(fā)消息，回復(fù)“微信”，加我的個(gè)人微信

(全文1782字，預(yù)計(jì)閱讀時(shí)間：4分鐘)

B端產(chǎn)品的核心價(jià)值是為企業(yè)降本增效，從宏觀的戰(zhàn)略層需要為企業(yè)賦能，帶來管理上的高效協(xié)同或者降低各類成本。在微觀的結(jié)構(gòu)和表現(xiàn)層上則需要提高用戶的操作效率，降低用戶行為門檻。

最近經(jīng)常翻看各種數(shù)據(jù)產(chǎn)品，發(fā)現(xiàn)了一些提高用戶操作效率的方法，主要包括以下三個(gè)方向：

• 優(yōu)化操作流程
• 增加關(guān)聯(lián)操作
• 遵循菲茨定律

01/優(yōu)化操作流程

1）信息層級扁平展示，功能高效直達(dá)

信息層級會越深，用戶需要的操作流程越長。產(chǎn)品設(shè)計(jì)時(shí)，可以通過平鋪更多的信息內(nèi)容，提高用戶的操作效率。

在Web系統(tǒng)中，頂部導(dǎo)航菜單作為系統(tǒng)的全局指引，一方面可以幫助用戶了解系統(tǒng)全貌，另一方面信息菜單平鋪展示，方便用戶快速直達(dá)，而不是一步步跳轉(zhuǎn)。

例如阿里云控制臺導(dǎo)航以產(chǎn)品為最小顆粒度，采用平鋪展示的方式，方便用戶快速切換。

拼多多商家后臺系統(tǒng)左側(cè)導(dǎo)航采用了雙列平鋪展示，用戶只要點(diǎn)擊切換即可，免去了收起展開的操作成本。

2）構(gòu)建全局性操作，功能前置，減少跳轉(zhuǎn)

頂部信息區(qū)作為全局性的操作區(qū)域，一般會增加系統(tǒng)設(shè)置、幫助、消息等入口，方便用戶隨時(shí)操作。

在Saleforce 系統(tǒng)中，將高頻的“新建”操作集合在頁面頂部，用戶不需要進(jìn)入專門頁面即可完成功能操作，省略了中間的操作步驟。另外功能菜單標(biāo)簽中也增加了“新建”入口，無需進(jìn)入功能頁面就可以直接調(diào)起彈窗完成功能操作。

3）快速連接目標(biāo)內(nèi)容，減少中間過程

某些場景下，我們可以將文件拖拽到程序圖標(biāo)或者程序中打開文件，實(shí)現(xiàn)了目標(biāo)與內(nèi)容的快速連接，省去了用戶選擇文件的過程。在Web系統(tǒng)中，同樣也可以利用拖拽方式提高用戶的操作效率。

02/增加關(guān)聯(lián)操作

對于高頻或批量操作功能，需要減少用戶打開、退出頁面的交互成本，從而提高用戶的操作效率。

1）減少重復(fù)操作

在Saleforce系統(tǒng)中，用戶可能會批量新增多條客戶信息，因此在“新建”彈窗中增加了"保存并新建"功能，減少用戶“保存-打開”的重復(fù)操作。

同樣在網(wǎng)頁端郵件系統(tǒng)中，當(dāng)用戶累積了較多的郵件信息，每次查看和返回都會增加用戶的操作成本，所以在郵件正文頁面增加了“上一封、下一封”功能，減少用戶非必要的重復(fù)操作。

2）細(xì)化顆粒度、精細(xì)化操作

對于內(nèi)容操作不要簡單的一刀切，需要根據(jù)用戶操作頻率將內(nèi)容分層，針對性的制定設(shè)計(jì)方案。

例如下方案例中，編輯功能采用彈窗方式，負(fù)責(zé)整條信息內(nèi)容的修改。而對于修改頻率更高的庫存信息，單獨(dú)增加了表格編輯功能，采用更加輕量化的氣泡框的交互方式，操作效率更高。

03/菲茨定律

大家耳熟能詳?shù)姆拼亩桑嬖V我們影響用戶操作的兩個(gè)關(guān)鍵因素：

• 指針當(dāng)前位置與目標(biāo)間的距離 D 越長，所需時(shí)間越長；
• 目標(biāo)的寬度 W 越大，所需時(shí)間越短；

1）減少用戶的操作距離

隨著大屏顯示器逐漸成為一種趨勢，在設(shè)計(jì)時(shí)需要考慮屏幕尺寸的影響，通過減少用戶的操作距離，提高用戶的行為效率。

例如表格內(nèi)容刪除時(shí)，確認(rèn)彈窗采用的是氣泡框的形式，跟隨在操作按鈕附近，有利于用戶快速操作。因?yàn)槌苏`操場景，刪除操作是用戶審慎思考后的決策，并非沖動(dòng)型操作。如果是屏幕彈窗，用戶的操作距離必然拉大，從而影響操作效率。

而在表單設(shè)計(jì)時(shí)，由于屏幕適配的要求，一般按鈕會跟隨在內(nèi)容左下方，可以有效的減少內(nèi)容區(qū)與確認(rèn)按鈕之間距離。例如在大屏幕顯示器中，確認(rèn)按鈕居右放置會明顯拉大用戶的操作距離。

Win11將開始菜單從經(jīng)典的左下角調(diào)整到為了居中布局，也是為了適應(yīng)大屏顯示器其的發(fā)展趨勢，減少用戶的操作距離而做出的設(shè)計(jì)優(yōu)化。

2）操作功能常駐

B端產(chǎn)品中的復(fù)雜表格往往會集合較多的列信息，一屏寬度下無法完整展示內(nèi)容，橫向橫向滾動(dòng)時(shí)，造成關(guān)鍵的操作列無法展示，對用戶的操作行為會有較大的影響。因此需要將操作列常駐，便于用戶操作。

寫在最后

B端產(chǎn)品設(shè)計(jì)會面臨各種問題，而操作效率始終是重要的度量指標(biāo)。設(shè)計(jì)師一方面需要從設(shè)計(jì)角度出發(fā)，制定合理的交互邏輯，同時(shí)需要與業(yè)務(wù)場景深度綁定，才能帶來更加全面的產(chǎn)品體驗(yàn)提升。