物流行業(yè)的表單，涉及物流的準(zhǔn)確與高效。本文作者對物流行業(yè)表單設(shè)計進(jìn)行闡述，一起看看如何優(yōu)化物流行業(yè)表單的設(shè)計吧~

既然是談物流行業(yè)的表單，那么我們就先追本溯源了解一下物流這檔子事，看一下老祖宗們是如何操持的。

只不過他之前的名字叫“鏢局”，是專門為人保護(hù)財物或人身安全的機(jī)構(gòu)，又稱鏢行。古代鏢局的運(yùn)鏢，也是運(yùn)貨，經(jīng)發(fā)展成為了現(xiàn)代物流。

在中國歷史上與鏢局性質(zhì)差不多的，就是驛站了，最早的驛站可以追述到隋唐年間。

物流的概念最早是在美國形成的，起源于20世紀(jì)30年代，原意為“實物分配”或“貨物配送”。1963年被引入日本，日文意思是“物的流通”。20世紀(jì)70年代后，日本的“物流”一詞逐漸取代了“物的流通”。

中國的“物流”一詞是從日文資料引進(jìn)來的外來詞，源于日文資料中對“Logistics”一詞的翻譯“物流”。

信息化管理

信息管理對物流有關(guān)的計劃、預(yù)測、動態(tài)信息及有關(guān)生產(chǎn)、市場、成本等方面的信息進(jìn)行收集和處理，使物流活動能有效、順利進(jìn)行。

最初的信息管理是通過紙質(zhì)賬本等媒介記錄呈現(xiàn)（如下圖）。

當(dāng)下物流信息化管理只有具有良好的信息處理和傳輸系統(tǒng)，才能快速、準(zhǔn)確地獲取銷售反饋信息和配送貨物跟蹤信息，從而大大提高物流企業(yè)的服務(wù)水平，也有對應(yīng)的原則要求。

行業(yè)人物畫像

本次項目設(shè)計主要是服務(wù)于3PL的全流程解決方案，致力于幫助3PL接連上下游，解決長途運(yùn)輸過程中數(shù)據(jù)不透明，結(jié)算難等問題。該產(chǎn)品主要適用于企業(yè)內(nèi)老板、錄單員、調(diào)度員、財務(wù)、運(yùn)維人員等使用。

項目設(shè)計前期我們對3pl公司也做了大量的實地走訪調(diào)研，得知這個行業(yè)以3～20人的規(guī)模居多，年齡層級20～50歲不等，平時的訂單錄入主要用excel或者tms系統(tǒng)，紙質(zhì)單據(jù)。

3pl的老板對信息化的期待比較強(qiáng)烈，但是又擔(dān)心操作復(fù)雜，費(fèi)用較高，對于表單也有訴求。

設(shè)計目標(biāo)與方法

首先，我們了解下表單的構(gòu)成元素有哪些：

• 標(biāo)簽
• 文本字段
• 輸入框
• 輔助信息
• 校驗提醒
• 按鈕
• 結(jié)構(gòu)組合

表單的樣式許多形式，以”標(biāo)簽”為例：可居左，居右，居上，居內(nèi)……這都要根據(jù)業(yè)務(wù)需要去定義。

還有輸入框的長短大小，按鈕的大小及位置，信息組合等等，每一種屬性都要很多樣式和約束，此處暫不做枚舉。

我們要做的，是貼近用戶服務(wù)業(yè)務(wù)需求符合場景化設(shè)計，也遵循設(shè)計的最基本原則：親密性、對比、對齊、重復(fù)。

視覺交互展示

通過訪談和業(yè)務(wù)的需要，在設(shè)計和交互呈現(xiàn)上做了系列設(shè)計調(diào)整；在操作選擇控件，系統(tǒng)提示，默認(rèn)帶入等方面盡可能最大化提高操作效率，降低難度；布局結(jié)構(gòu)上，主要參考線下紙質(zhì)物流運(yùn)單的形式，降低系統(tǒng)認(rèn)知陌生感，拉近與用戶的距離，滿足用戶心智期許。

運(yùn)單布局設(shè)計策略

在設(shè)計之初想到了包豪斯設(shè)計理論的觀點(diǎn)：藝術(shù)與技術(shù)的相統(tǒng)一；設(shè)計的目的是人而不是產(chǎn)品；設(shè)計必須遵循自然與客觀的法則來進(jìn)行。

在樣式上是不是也可以遵循客觀事物，與客觀事物相融合借鑒去設(shè)計布局呢？

通過捕捉用戶習(xí)慣與認(rèn)知，將線下紙質(zhì)樣式與系統(tǒng)結(jié)合，消除機(jī)器語言的陌生感，這也是此次設(shè)計任務(wù)的其中1個抓手，模擬實物充分與業(yè)務(wù)相融合。

頁面信息層級結(jié)構(gòu)

將業(yè)務(wù)內(nèi)容根據(jù)其組織屬性分類組合展示，將同一屬性整合歸類，內(nèi)容層級清晰，利于用戶聚焦，提高效率……

將設(shè)計本身與業(yè)務(wù)和行業(yè)結(jié)合，忠于用戶忠于商業(yè)目標(biāo)，不只是做千遍一律的模版式搬運(yùn)工。如何增效賦能對于設(shè)計從業(yè)者而言，就是要做到如何讓產(chǎn)品設(shè)計在體驗上適度友好。

借鑒生活中最熟悉的紙質(zhì)運(yùn)單樣式設(shè)計，降低用戶認(rèn)知成本，通過視覺側(cè)為用戶營造親密感，降低對計算機(jī)系統(tǒng)的恐懼，從心理上給用戶傳達(dá)安全感和情感關(guān)懷…

空間層級布局原型

視覺動線設(shè)定

為了方便用戶操作，減少物理滑動，在遵循設(shè)計原則的基礎(chǔ)上盡可能將信息整合在一屏內(nèi)。所以，在視覺動線上也做了一些割舍，采用了“z”字型動線布局形式，一定程度上提高了效率。

風(fēng)格樣式界定

風(fēng)格上，注重留白，遵循品牌色調(diào)，給用戶營造輕盈簡潔的心理映射，減不必要的視覺語言表達(dá)，對顏色的使用也有所克制。

在樣式的使用上，充分考慮用戶的特性和使用環(huán)境，盡可能減少用戶思考記憶負(fù)擔(dān)，多提供選擇，在防錯反饋上的提供接地氣可執(zhí)行的文案信息。

色彩使用以品牌色為主，克制表達(dá)，降低視覺色彩噪音。

視覺設(shè)計

交互細(xì)節(jié)展示

在表單錄入過程中，每前一個輸入框失焦后，自動跳到下一個輸入框，節(jié)省用戶頻繁點(diǎn)擊次數(shù)，便于提高效率，每個輸入框操作完后都要校驗提醒。

看似并無驚奇的表單，細(xì)究其設(shè)計很多的門道，更有很多未知。我們能做的，就是遵循基本樣式之外要與所做項目的業(yè)務(wù)形態(tài)相結(jié)合。

當(dāng)下的B端系統(tǒng)設(shè)計，早已不再是那個堆積功能的時代，了解業(yè)務(wù)并熟知業(yè)務(wù)流程和場景才能做好設(shè)計，我們要做好功能業(yè)務(wù)的同時，也要讓B端的產(chǎn)品更有溫度更具人情味。

在繁忙復(fù)雜的日常工作過程中，拿到需求后我們應(yīng)該多問問為什么這么做？用戶有哪些具體特性？產(chǎn)品目的是什么？要達(dá)到什么樣的狀態(tài)？具體解決什么樣的問題？哪些需求點(diǎn)是最重要的？角色之間的關(guān)聯(lián)維度是怎樣的？

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

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