編輯導(dǎo)語：在B端產(chǎn)品中，用戶常常會(huì)使用信息錄入功能，然而有時(shí)用戶錄入的數(shù)據(jù)較為復(fù)雜，此時(shí)系統(tǒng)若不能優(yōu)化錄入流程和后續(xù)的信息處理，業(yè)務(wù)的最終處理效率則大概率會(huì)被拉低。本篇文章里，作者總結(jié)了B端產(chǎn)品中錄入流程的相應(yīng)設(shè)計(jì)策略，一起來看一下。

執(zhí)行類產(chǎn)品中，信息錄入是用戶工作中最常見的場(chǎng)景之一，用戶按照要求錄入信息提交給系統(tǒng)，系統(tǒng)整合信息以完成執(zhí)行結(jié)果。

頁面中，由屬性控件和數(shù)據(jù)容器組成的實(shí)體是整個(gè)錄入流程的載體，錄入流程設(shè)計(jì)的關(guān)鍵是【信息編排】與【高封裝度表單】。幫助用戶明確當(dāng)前頁面任務(wù)，快速查找和定位修改目標(biāo)，輕松準(zhǔn)確地理解表單項(xiàng)含義及生效后果，同時(shí)簡(jiǎn)化填寫流程，確保用戶準(zhǔn)確、輕松、快速地完成任務(wù)。

【信息編排】：將大型、復(fù)雜任務(wù)拆解為多個(gè)部分，并按照相關(guān)性分組，減輕用戶輸入負(fù)擔(dān)。每部分內(nèi)容單獨(dú)處理，但最終一起完成提交。通過適當(dāng)?shù)娜蝿?wù)分割，可以降低用戶出錯(cuò)率。

【高封裝度表單】：根據(jù)表單的結(jié)構(gòu)關(guān)系判斷、尋找共性的內(nèi)容，將它們封裝為一個(gè)卡片，也可以封裝成一個(gè)組。主要的目的就是減少用戶認(rèn)知負(fù)擔(dān)，提升操作/使用效率。

案例：B端-某倉網(wǎng)布局項(xiàng)目

項(xiàng)目背景：物流側(cè)因某些原因需經(jīng)常搬倉，規(guī)劃側(cè)需知道搬倉對(duì)拆單率及耗材費(fèi)用等影響。因此，上線搬倉模擬系統(tǒng)，輔助業(yè)務(wù)在線上模擬與評(píng)估搬倉方案，通過系統(tǒng)自動(dòng)化測(cè)算搬倉前后的各項(xiàng)指標(biāo)，決策出最優(yōu)的搬倉方案。

用戶痛點(diǎn)：搬倉模擬流程復(fù)雜，錄入數(shù)據(jù)繁多，用戶線上錄入搬倉物品的效率低下。

設(shè)計(jì)目標(biāo)：調(diào)研整理用戶工作流程，通過整合任務(wù)場(chǎng)景，設(shè)計(jì)邏輯清晰操作簡(jiǎn)單的錄入流程，優(yōu)化搬倉路徑下各物品集的操作及展示。

1. 信息編排

區(qū)分信息間層級(jí)關(guān)系-使用格式塔心理原則對(duì)項(xiàng)目、任務(wù)與物品集進(jìn)行層級(jí)區(qū)分展示。整體邏輯為項(xiàng)目包含任務(wù)，任務(wù)包含物品集，一個(gè)完整的項(xiàng)目包含基本信息+任務(wù)。再根據(jù)信息關(guān)聯(lián)性將每個(gè)信息點(diǎn)集合成信息組。并根據(jù)眼動(dòng)原理設(shè)計(jì)最優(yōu)瀏覽路徑（F型動(dòng)線）。

項(xiàng)目=A基本信息（項(xiàng)目名稱與模擬時(shí)間）+B任務(wù)（最多5個(gè)任務(wù)，其中任務(wù)包含搬倉路徑與搬倉物品；每個(gè)任務(wù)最多包含5個(gè)物品集，物品集包含搬倉物品維度與溫層屬性）。

2. 高封裝度表單

根據(jù)搬倉邏輯及表單結(jié)構(gòu)關(guān)系（項(xiàng)目>任務(wù)>物品集）及每個(gè)結(jié)構(gòu)下添加的內(nèi)容的一致性（每個(gè)任務(wù)必須填寫搬倉路徑及物品集，每個(gè)物品集必須選擇物品集維度及溫層），將它們封裝為一個(gè)卡片，每個(gè)卡片內(nèi)的結(jié)構(gòu)內(nèi)容封裝成一個(gè)組。

除了嵌套邏輯，高封裝度的表單還要注意組件選取，高封裝度表單要保持組件選擇及樣式的一致性，整個(gè)封裝組件要有可復(fù)用性，整個(gè)錄入流程從視覺層到交互層給用戶一致的體驗(yàn)，以此來減少用戶認(rèn)知負(fù)擔(dān)，提升操作效率。

最后

以上就是「錄入流程設(shè)計(jì)」的全部?jī)?nèi)容啦～

后續(xù)會(huì)為大家分享關(guān)鍵信息密度提升設(shè)計(jì)、場(chǎng)景化設(shè)計(jì)等一系列的設(shè)計(jì)方法，希望能給正在從事或準(zhǔn)備入局B端的的小伙伴帶來啟發(fā)，也希望跟大家一起探討更多的B端設(shè)計(jì)方法。

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

題圖來自 Unsplash，基于CC0協(xié)議。