B端執(zhí)行類產(chǎn)品|錄入流程設(shè)計(jì)
編輯導(dǎo)語(yǔ):在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ì)策略,一起來(lái)看一下。
執(zhí)行類產(chǎn)品中,信息錄入是用戶工作中最常見(jiàn)的場(chǎng)景之一,用戶按照要求錄入信息提交給系統(tǒng),系統(tǒng)整合信息以完成執(zhí)行結(jié)果。
頁(yè)面中,由屬性控件和數(shù)據(jù)容器組成的實(shí)體是整個(gè)錄入流程的載體,錄入流程設(shè)計(jì)的關(guān)鍵是【信息編排】與【高封裝度表單】。幫助用戶明確當(dāng)前頁(yè)面任務(wù),快速查找和定位修改目標(biāo),輕松準(zhǔn)確地理解表單項(xiàng)含義及生效后果,同時(shí)簡(jiǎn)化填寫流程,確保用戶準(zhǔn)確、輕松、快速地完成任務(wù)。
【信息編排】:將大型、復(fù)雜任務(wù)拆解為多個(gè)部分,并按照相關(guān)性分組,減輕用戶輸入負(fù)擔(dān)。每部分內(nèi)容單獨(dú)處理,但最終一起完成提交。通過(guò)適當(dāng)?shù)娜蝿?wù)分割,可以降低用戶出錯(cuò)率。
【高封裝度表單】:根據(jù)表單的結(jié)構(gòu)關(guān)系判斷、尋找共性的內(nèi)容,將它們封裝為一個(gè)卡片,也可以封裝成一個(gè)組。主要的目的就是減少用戶認(rèn)知負(fù)擔(dān),提升操作/使用效率。
案例:B端-某倉(cāng)網(wǎng)布局項(xiàng)目
項(xiàng)目背景:物流側(cè)因某些原因需經(jīng)常搬倉(cāng),規(guī)劃側(cè)需知道搬倉(cāng)對(duì)拆單率及耗材費(fèi)用等影響。因此,上線搬倉(cāng)模擬系統(tǒng),輔助業(yè)務(wù)在線上模擬與評(píng)估搬倉(cāng)方案,通過(guò)系統(tǒng)自動(dòng)化測(cè)算搬倉(cāng)前后的各項(xiàng)指標(biāo),決策出最優(yōu)的搬倉(cāng)方案。
用戶痛點(diǎn):搬倉(cāng)模擬流程復(fù)雜,錄入數(shù)據(jù)繁多,用戶線上錄入搬倉(cāng)物品的效率低下。
設(shè)計(jì)目標(biāo):調(diào)研整理用戶工作流程,通過(guò)整合任務(wù)場(chǎng)景,設(shè)計(jì)邏輯清晰操作簡(jiǎn)單的錄入流程,優(yōu)化搬倉(cāng)路徑下各物品集的操作及展示。
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ù)包含搬倉(cāng)路徑與搬倉(cāng)物品;每個(gè)任務(wù)最多包含5個(gè)物品集,物品集包含搬倉(cāng)物品維度與溫層屬性)。
2. 高封裝度表單
根據(jù)搬倉(cāng)邏輯及表單結(jié)構(gòu)關(guān)系(項(xiàng)目>任務(wù)>物品集)及每個(gè)結(jié)構(gòu)下添加的內(nèi)容的一致性(每個(gè)任務(wù)必須填寫搬倉(cāng)路徑及物品集,每個(gè)物品集必須選擇物品集維度及溫層),將它們封裝為一個(gè)卡片,每個(gè)卡片內(nèi)的結(jié)構(gòu)內(nèi)容封裝成一個(gè)組。
除了嵌套邏輯,高封裝度的表單還要注意組件選取,高封裝度表單要保持組件選擇及樣式的一致性,整個(gè)封裝組件要有可復(fù)用性,整個(gè)錄入流程從視覺(jué)層到交互層給用戶一致的體驗(yàn),以此來(lái)減少用戶認(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端的的小伙伴帶來(lái)啟發(fā),也希望跟大家一起探討更多的B端設(shè)計(jì)方法。
本文由 @自轉(zhuǎn)一周的鹿 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash,基于CC0協(xié)議。
想法挺好的。但是感覺(jué)這只是預(yù)設(shè)表單,如果借用封裝概念,那最主要的封裝顆粒度和接口設(shè)計(jì)尤為重要,但是貌似并沒(méi)有提及。就比如說(shuō)例子中的任務(wù)與任務(wù)之間是否關(guān)聯(lián),如果只是獨(dú)立任務(wù)無(wú)業(yè)務(wù)關(guān)聯(lián)那未免封裝反而加重了負(fù)擔(dān)。其次出現(xiàn)封裝必要考慮靈活性。封裝帶來(lái)的靈活性降低如何優(yōu)化貌似也沒(méi)有提及。并不是很令人信服,概念意義大于實(shí)際
這應(yīng)該屬于自定義表單設(shè)計(jì)吧,組件的類型和封裝不知道花的時(shí)間多嗎?
很棒!學(xué)到了