倉儲作業(yè)系統(tǒng)剩拢，字面理解线得，是物流中倉庫管理和實(shí)際倉庫作業(yè)而存在的產(chǎn)品，業(yè)界通常稱它們?yōu)閃MS系統(tǒng)徐伐。本文從倉儲產(chǎn)品出發(fā)贯钩，看B端產(chǎn)品設(shè)計與用戶體驗(yàn)。

寫在前面

“我們距離用戶的真實(shí)場景偏離太遠(yuǎn)办素，導(dǎo)致我們在設(shè)計中很容易理所當(dāng)然的賦予給用戶大量無用的東西角雷。偏離了用戶所需要的主要軌道。這是B端產(chǎn)品需要注意的性穿∩兹”

“是否好用，用戶體驗(yàn)粘性高低”這樣的評價幾乎可以決定一款產(chǎn)品的存活率需曾。不同的產(chǎn)品吗坚，評價用戶體驗(yàn)的標(biāo)準(zhǔn)也大有不同。市場中的產(chǎn)品呆万，大體可以分為兩類：B端產(chǎn)品和C端產(chǎn)品商源。

工作中，你與一名C端產(chǎn)品經(jīng)理談?wù)撚脩趔w驗(yàn)谋减，你們可能會為了彼此在意的體驗(yàn)點(diǎn)討論的津津樂道牡彻，各抒己見，可能會思如泉涌出爹，迸發(fā)出精妙絕倫的優(yōu)秀體驗(yàn)設(shè)計庄吼。但是缎除，在談?wù)摰紹端產(chǎn)品的時候，可能設(shè)計師會告訴你总寻，你的功能完善了嗎伴找？流程走通了嗎？效率最優(yōu)嗎废菱？這些問題都解決了再來和我聊用戶體驗(yàn)吧技矮。

初次接觸，你可能會認(rèn)為殊轴，這個思路為什么如此的“決絕”衰倦？

其實(shí)，很多的B端產(chǎn)品的理解成本太高旁理，沒有辦法做到像C端產(chǎn)品那樣有具體功能的側(cè)重取舍樊零，想要玩轉(zhuǎn)B端產(chǎn)品之前首先要整個行業(yè)鏈路里的內(nèi)容都走一遍，學(xué)習(xí)和成長成本太高孽文，以至于很多的設(shè)計常常大范圍的減少用戶體驗(yàn)的考慮驻襟，甚至拒絕用戶體驗(yàn)。

倉儲管理系統(tǒng)設(shè)計思考

◆ 倉儲作業(yè)流程

作為一名物流研發(fā)中心的倉儲管理系統(tǒng)的產(chǎn)品芋哭，通過一年來對于倉儲產(chǎn)品設(shè)計的思路學(xué)習(xí)沉衣，更加堅(jiān)定的認(rèn)為 “B端產(chǎn)品也需用戶體驗(yàn)”。雖說是為2B系統(tǒng)减牺，但是系統(tǒng)的對面也是使用者豌习，只不過這個使用者的角色性更強(qiáng)，同時帶有了業(yè)務(wù)流程拔疚。作為產(chǎn)品經(jīng)理肥隆，在思考輸出需求的時候，在保障流程通暢稚失，滿足業(yè)務(wù)場景的同時栋艳，更需要關(guān)注用戶體驗(yàn)以及最優(yōu)交互。

通過對倉儲產(chǎn)品設(shè)計的思路整理句各，歸納出一些對于B端服務(wù)操作類產(chǎn)品的設(shè)計思路的心得體會吸占。

倉儲作業(yè)系統(tǒng)，字面理解诫钓，是物流中倉庫管理和實(shí)際倉庫作業(yè)而存在的產(chǎn)品旬昭，業(yè)界通常稱它們?yōu)閃MS系統(tǒng)篙螟。物流的發(fā)展是一個環(huán)環(huán)相扣的過程菌湃，從貨物的進(jìn)貨、配貨遍略、運(yùn)輸?shù)雀鱾€環(huán)節(jié)做好環(huán)環(huán)相扣的優(yōu)化實(shí)現(xiàn)惧所，才能在根本上更好的發(fā)揮出物流體系網(wǎng)的價值和意義骤坐。

而服務(wù)好、易操作的智能倉儲管理系統(tǒng)顯然在這一模塊的需求上能實(shí)現(xiàn)根本的滿足下愈，能真正的通過智能化的分解每一個步驟纽绍，確保每一個環(huán)節(jié)的有效高效的完成，從而使得物流運(yùn)輸各個模塊可以無縫配合势似。

蘇寧物流倉儲管理系統(tǒng)的設(shè)計不僅滿足了以上需求拌夏，同時對于定制化和個性化的業(yè)務(wù)場景也做到了充分兼容和滿足。人性化和多維度的設(shè)計思路和理念履因，是JWMS設(shè)計的核心宗旨之一障簿。

◆ JWMS倉儲管理系統(tǒng)首頁

JWMS倉儲管理系統(tǒng)首頁設(shè)計思考

1. 首頁幫助中心設(shè)計

從用戶的角度，引導(dǎo)他們自主完成通用性問題的解決栅迄，也是一種降低成本的方式站故。

在JWMS的首頁設(shè)計中，可以充分體現(xiàn)我們用戶為上的設(shè)計理念毅舆。最初在設(shè)計時思考西篓，操作執(zhí)行系統(tǒng)的首頁，存在感和實(shí)用度太低憋活，幾乎很少有人會去關(guān)注岂津，并且加載和緩存還占有一定分量的流量，如此看來悦即，是不是可以考慮去掉首頁的存在寸爆。

但是我們在走訪了南京冷鏈倉，小店倉等不同類型的現(xiàn)場后盐欺，想法發(fā)生了變化赁豆。不僅留下了首頁，而且對于首頁進(jìn)行了整改冗美。通過調(diào)研我們發(fā)現(xiàn)魔种，超大倉庫操作現(xiàn)場的員工數(shù)量很多，重復(fù)性的機(jī)械作業(yè)強(qiáng)度很大粉洼，總會出現(xiàn)問題不知道解決方案的前提下节预，只能交給總部運(yùn)維。對于通用性問題的運(yùn)維属韧，一個兩個人還行安拟，面對全國的倉庫，成百上千個同樣的問題宵喂，運(yùn)維成本極高糠赦。

這樣的情況下，我們在首頁進(jìn)行了自主型幫助中心的設(shè)置。搜索與關(guān)鍵字展示結(jié)合的方式拙泽，為用戶提供了方便的解決問題的渠道淌山，大大降低了運(yùn)維成本。

2. 公告欄與滾動條聯(lián)動優(yōu)化

考量用戶的實(shí)際作業(yè)環(huán)境顾瞻，匹配最舒適的使用場景泼疑，用戶粘性在無意識中增加。

抓住用戶的目光荷荤，有效的進(jìn)行重要信息和內(nèi)容的傳播退渗；有效減少運(yùn)維成本。

改善了首頁滾動條的展示區(qū)域的大小和滾動字符的字體和大小蕴纳，也獲得了大區(qū)的同事的好評氓辣。在調(diào)研過程中我們得知，很多大區(qū)的同事在每次的版本發(fā)布后袱蚓，即便我們在各個群里已經(jīng)發(fā)送公告和相關(guān)新增功能的操作手冊钞啸，因?yàn)樾畔鞑サ牟患皶r性，他們常常無法得知版本更新內(nèi)容喇潘，也就無從得知我們在作業(yè)環(huán)節(jié)進(jìn)行的優(yōu)化体斩，或者對于一些上新功能無從下手。

面對這個問題颖低，我們做出了兩點(diǎn)調(diào)整：

一是把滾動條和公告欄進(jìn)行了關(guān)聯(lián)絮吵，根據(jù)人的潛意識反應(yīng)，目光和注意力會被移動的事物吸引忱屑，根據(jù)這個特點(diǎn)蹬敲，我們把公告欄中重要信息與滾動展示欄相關(guān)聯(lián)，把一些重要的信息進(jìn)行滾動循環(huán)展示莺戒。

二是在視覺方面伴嗡，整體加大了滾動條的展示區(qū)域，同時在考量了現(xiàn)場實(shí)際工作人員的環(huán)境和人機(jī)比例關(guān)系圖后从铲，滾動條中字體大小由原來的15PX調(diào)整為22PX瘪校，字體選用了即便是中英文搭配也會十分清晰，字間距大小合適名段，單字體面積最大的微軟雅黑字體阱扬，充分保證了操作人員只要在正常視力范圍內(nèi)，距離操作臺1米伸辟，距離電腦屏幕兩米的范圍內(nèi)也可以清楚的獲取文字信息內(nèi)容麻惶。

◆蘇寧物流倉儲管理系統(tǒng)導(dǎo)航欄

3. 指引性，可定制化的導(dǎo)航設(shè)計

相比于直接搜索信夫，用戶更喜歡用導(dǎo)航窃蹋，因?yàn)閷?dǎo)航是讓用戶做選擇題卡啰，而搜索是填空題。

競品分析后的取其精華脐彩，成為產(chǎn)品成長的有效途徑碎乃。

倉儲作業(yè)本身的業(yè)務(wù)的復(fù)雜性以及現(xiàn)場操作崗位的多種分類姊扔，相對應(yīng)的系統(tǒng)導(dǎo)航就成為了操作的向?qū)Ш鸵窐?biāo)惠奸。

對于作業(yè)系統(tǒng)來說，導(dǎo)航結(jié)構(gòu)不僅僅由網(wǎng)站的信息層級決定恰梢，也同時與使用者的實(shí)際能力水平息息相關(guān)佛南。理想狀態(tài)下，用戶需要點(diǎn)擊的導(dǎo)航層級越少嵌言，那么用戶到達(dá)他們的目標(biāo)頁面也就越快越清晰嗅回。

對于倉端導(dǎo)航來說更是如此。對于導(dǎo)航摧茴，首先绵载，我們選用了最常見也是最合適的頂部導(dǎo)航結(jié)構(gòu)，其中包括logo苛白，頂級下拉菜單和個人中心娃豹，配合倉庫特殊的作業(yè)屬性，增加了倉庫L點(diǎn)的下拉可搜索選擇购裙。二級菜單聚合在下拉菜單中懂版，鼠標(biāo)hover也歸屬在二級菜單中。JWMS選用最常見的頂部菜單躏率，不僅符合了符合用戶認(rèn)知習(xí)慣躯畴，用戶能容易上手；更符合用戶橫向閱讀習(xí)慣薇芝，易讀蓬抄。

其二，在產(chǎn)品工作夯到，必不可少的一項(xiàng)就是競品分析倡鲸。在對比同行業(yè)的大寶系統(tǒng)中，我們發(fā)現(xiàn)黄娘，他們也使用了頂部導(dǎo)航結(jié)構(gòu)峭状，但是值得一提的是，他們做了定制化處理逼争。根據(jù)崗位角色的不同优床，用戶可以根據(jù)崗位需求和實(shí)際工作需要，進(jìn)行個人定制化菜單選擇誓焦。

如果你是包裝崗位胆敞，就可以在菜單中挑選和自己工作相關(guān)的菜單保存展示着帽。頁面中的篩選條件也是同理。這樣子的定制減法操作移层，不僅僅減少了大量菜單展示中誤點(diǎn)擊仍翰，誤操作的情況，也為操作員尋找菜單減小了難度观话，從整體作業(yè)情況來說予借，無疑是優(yōu)質(zhì)的交互選擇。

我們在取其精華的過程中频蛔，沒有生搬硬套灵迫，而是充分結(jié)合了“蘇寧模式”辫秧，做了兩點(diǎn)調(diào)整：

我們在可定制化的基礎(chǔ)上香伴，做了權(quán)限的介入和控制，根據(jù)現(xiàn)場作業(yè)的特點(diǎn)萍诱，進(jìn)行了每一個操作崗位的角色的設(shè)置和權(quán)限的分配三圆，用戶在定制自己需要的菜單時狞换，只會在自己的權(quán)限范圍之內(nèi)做增減和篩選。這樣子的管控舟肉，為倉儲的整體管理和有效風(fēng)控又提供了進(jìn)一步的保障修噪。

根據(jù)倉庫作業(yè)的通用流程和順序，進(jìn)行了初始化菜單的默認(rèn)排序度气，為初入職的新員工或者初次接觸系統(tǒng)的人員提供一份無形的簡易版指導(dǎo)割按。

◆JWMS包裝復(fù)核登錄頁面

4. 各個作業(yè)環(huán)節(jié)的指引性提示和簡潔化交互

作業(yè)環(huán)節(jié)簡單易懂的交互和明確的指引性保證了流水化作業(yè)的高效性。

高效的大批量流水化作業(yè)是倉儲作業(yè)的最優(yōu)模式磷籍。簡潔易懂的交互操作是必不可少的條件之一适荣，相比于之前的SAP操作系統(tǒng)，JWMS具備了這個最重要的優(yōu)點(diǎn)院领。學(xué)習(xí)培訓(xùn)成本低弛矛，好上手，易操作的特點(diǎn)比然，讓新系統(tǒng)的上線和切換成為快速推進(jìn)的重要因素之一丈氓。

包裝復(fù)核是倉儲作業(yè)的重點(diǎn)中的重點(diǎn)，在原先的SAP中强法，復(fù)雜的事務(wù)代碼和操作步驟万俗，完成包裝復(fù)核的操作需要至少2個事物代碼，超長的學(xué)習(xí)周期成為了不可忽略的成本饮怯，在JWMS中闰歪，從登陸到進(jìn)入操作頁面，輸入條碼蓖墅，輸入包材库倘，點(diǎn)擊完成临扮，每一步都有右側(cè)欄的紅色字體醒目指引提示。

即便在需要輸入包材編碼時輸入了商品條碼教翩，也會在提示區(qū)杆勇，進(jìn)行明確操作的“請輸入包材編碼”的提示。明確的簡潔化操作和人性化的指引性提示饱亿，保證了層層校驗(yàn)正確的前提下蚜退，減少了操作人員的操作步驟和學(xué)習(xí)成本，這樣的用戶體驗(yàn)和交互路捧，成為了操作系統(tǒng)中的趨勢和優(yōu)選关霸。

不僅僅是包裝復(fù)核传黄，入庫作業(yè)中也是如此杰扫，供應(yīng)商的預(yù)約流程和司機(jī)微信小程序預(yù)約卸貨模塊的嵌入，既保證了倉儲作業(yè)的有序性和計劃性膘掰，也為不同場景下用戶提供了更加合理化的時間安排和明確的作業(yè)流程指引章姓。庫內(nèi)作業(yè)中的ABC補(bǔ)貨模式也是我們在設(shè)計過程中，充分考量作業(yè)作業(yè)情況后提供給現(xiàn)場和用戶的用戶體驗(yàn)型功能识埋。

◆全鏈路流轉(zhuǎn)釋義流程圖

JWMS系統(tǒng)設(shè)計與用戶體驗(yàn)

JWMS蘇寧倉儲管理系統(tǒng)凡伊，作為一個倉儲執(zhí)行操作管理系統(tǒng)，承載了倉庫的作業(yè)窒舟，倉儲的管理系忙，全鏈路中上下游的對接，在蘇寧物流中發(fā)揮著無可比擬的重要作用惠豺。JWMS系統(tǒng)承載冷鏈银还，大小件，小店洁墙，保稅倉等多種業(yè)態(tài)蛹疯，同時面對著818，雙十一等高級別的大促热监，億級的單量捺弦，都是從容不迫的面對，成為當(dāng)之無愧的蘇寧物流節(jié)奏控制大師孝扛。

JWMS現(xiàn)有的交互體驗(yàn)方式和一路成長蛻變的用戶體驗(yàn)充分證明了列吼，B端操作系統(tǒng)，也可以有很棒的交互體驗(yàn)苦始，重視B端產(chǎn)品的交互體驗(yàn)不是浪費(fèi)時間寞钥。相反來說，會給相應(yīng)場景的操作帶來質(zhì)與量的提升盈简。在這一年的倉儲產(chǎn)品設(shè)計學(xué)習(xí)的過程中凑耻，學(xué)習(xí)了很多太示，也思考了很多，總結(jié)了一些關(guān)于B端產(chǎn)品在設(shè)計時提高用戶體驗(yàn)的思路香浩。

1. 讓交互高效靈活是良好的用戶體驗(yàn)的條件之一

“高效”在系統(tǒng)操作中經(jīng)常被提及类缤，也是判斷B端產(chǎn)品交互是否合理的重要標(biāo)準(zhǔn)之一。高效要求用戶以最快的速度邻吭、最簡的操作完成任務(wù)餐弱，但并不是步驟越少越好。如：購物時的下單流程囱晴，若將訂單填寫膏蚓、支付方式選擇、密碼輸入等操作放置在一個頁面內(nèi)畸写，直接點(diǎn)擊“提交”完成驮瞧，會發(fā)生什么可想而知。

因?yàn)樵谥Ц读鞒痰慕换ピO(shè)計還要考慮用戶的心理感受枯芬、財產(chǎn)安全等因素论笔。那么如何才能兩者兼之呢，總結(jié)以下四點(diǎn)：

鼠標(biāo)點(diǎn)擊進(jìn)入一個新的跳轉(zhuǎn)頁為一個頁面千所。在一個頁面內(nèi)完成的操作狂魔，不要分頁或者跳轉(zhuǎn)到其他頁面完成。

對于比較復(fù)雜淫痰、流程較長的操作最楷，引導(dǎo)用戶分步完成，用戶已完成待错、正在處理籽孙、待處理的步驟給予明確的提示，讓用戶掌握任務(wù)的進(jìn)度朗鸠，并在每一步任務(wù)中要提供返回上一步和中斷任務(wù)的操作（中斷任務(wù)因?yàn)閾p失較大蚯撩，要有二次確認(rèn)的提示）。

無關(guān)用戶的復(fù)雜信息盡量收起烛占，不要展示給用戶胎挎，以免造成不必要的困擾，增加用戶學(xué)習(xí)成本忆家。

盡量遵守“三次點(diǎn)擊原則”犹菇，對于80%以上的任務(wù)或操作，能夠讓用戶在三次點(diǎn)擊內(nèi)完成芽卿，信息的查找也是同理揭芍。

2. 盡量保持一致性

尼爾森十大交互設(shè)計原則中對于”一致性原則”這樣定義：同一用語、功能卸例、操作保持一致称杨。同樣的語言肌毅，同樣的情景，操作應(yīng)該出現(xiàn)同樣的結(jié)果姑原。

業(yè)務(wù)層和邏輯層：產(chǎn)品不同模塊間如果有著類似的功能悬而，要保持這些功能屬性的一致，包括操作锭汛、跳轉(zhuǎn)方式笨奠、界面標(biāo)題、文案形式等唤殴。

框架層和結(jié)構(gòu)層：保持頁面框架般婆、各級導(dǎo)航菜單、內(nèi)容模塊朵逝、組織形式的一致性蔚袍，如“增刪改查”的功能是彈窗展示還是新頁面展示，導(dǎo)航和內(nèi)容區(qū)域是左右分布還是上下分布廉侧，左側(cè)導(dǎo)航功能是否支持收起等页响。

3. 設(shè)定錯誤預(yù)防和恢復(fù)機(jī)制

B端產(chǎn)品邏輯嚴(yán)謹(jǐn)性和專業(yè)性較高篓足，用戶在使用時經(jīng)常不可避免的操作失誤段誊，設(shè)立錯誤預(yù)防機(jī)制一方面能夠降低用戶犯錯的幾率，提高工作效率栈拖；另一方面连舍，避免二次修改給用戶帶來煩躁的情緒。錯誤恢復(fù)機(jī)制能夠在用戶犯錯后給予提示和引導(dǎo)涩哟，幫助用戶糾正錯誤索赏。

在錯誤預(yù)防和恢復(fù)機(jī)制的交互設(shè)計上要做到以下幾點(diǎn)：

遵循用戶認(rèn)知和使用習(xí)慣，謹(jǐn)慎使用新的交互形式贴彼。如果使用潜腻，就要做好充分的提示和引導(dǎo)，給用戶一定的時間去學(xué)習(xí)器仗。

在用戶執(zhí)行錯誤的操作前融涣，提示用戶應(yīng)當(dāng)如何操作。通過精心的設(shè)計防止錯誤的發(fā)生精钮，總好過用戶出現(xiàn)錯誤再給予提示威鹿。

在用戶犯錯后，友好的提示用戶轨香，并給出正確的糾錯方法忽你。提示與引導(dǎo)信息的文案應(yīng)當(dāng)注意語氣，不要將責(zé)任推卸給用戶臂容，禮貌的對待用戶科雳，能讓用戶對品牌印象更加深刻根蟹。

寫在最后

不論是B端還是C端產(chǎn)品，在設(shè)計時糟秘，設(shè)計的最終目的只有一個：以用戶為中心娜亿，保證流程和效率的前提下，為用戶體驗(yàn)負(fù)責(zé)蚌堵。