如何做好物流行業(yè)表單設(shè)計(jì)
物流行業(yè)的表單,涉及物流的準(zhǔn)確與高效。本文作者對(duì)物流行業(yè)表單設(shè)計(jì)進(jìn)行闡述,一起看看如何優(yōu)化物流行業(yè)表單的設(shè)計(jì)吧~
既然是談物流行業(yè)的表單,那么我們就先追本溯源了解一下物流這檔子事,看一下老祖宗們是如何操持的。
只不過(guò)他之前的名字叫“鏢局”,是專門為人保護(hù)財(cái)物或人身安全的機(jī)構(gòu),又稱鏢行。古代鏢局的運(yùn)鏢,也是運(yùn)貨,經(jīng)發(fā)展成為了現(xiàn)代物流。
在中國(guó)歷史上與鏢局性質(zhì)差不多的,就是驛站了,最早的驛站可以追述到隋唐年間。
物流的概念最早是在美國(guó)形成的,起源于20世紀(jì)30年代,原意為“實(shí)物分配”或“貨物配送”。1963年被引入日本,日文意思是“物的流通”。20世紀(jì)70年代后,日本的“物流”一詞逐漸取代了“物的流通”。
中國(guó)的“物流”一詞是從日文資料引進(jìn)來(lái)的外來(lái)詞,源于日文資料中對(duì)“Logistics”一詞的翻譯“物流”。
信息化管理
信息管理對(duì)物流有關(guān)的計(jì)劃、預(yù)測(cè)、動(dòng)態(tài)信息及有關(guān)生產(chǎn)、市場(chǎng)、成本等方面的信息進(jìn)行收集和處理,使物流活動(dòng)能有效、順利進(jìn)行。
最初的信息管理是通過(guò)紙質(zhì)賬本等媒介記錄呈現(xiàn)(如下圖)。
當(dāng)下物流信息化管理只有具有良好的信息處理和傳輸系統(tǒng),才能快速、準(zhǔn)確地獲取銷售反饋信息和配送貨物跟蹤信息,從而大大提高物流企業(yè)的服務(wù)水平,也有對(duì)應(yīng)的原則要求。
行業(yè)人物畫像
本次項(xiàng)目設(shè)計(jì)主要是服務(wù)于3PL的全流程解決方案,致力于幫助3PL接連上下游,解決長(zhǎng)途運(yùn)輸過(guò)程中數(shù)據(jù)不透明,結(jié)算難等問(wèn)題。該產(chǎn)品主要適用于企業(yè)內(nèi)老板、錄單員、調(diào)度員、財(cái)務(wù)、運(yùn)維人員等使用。
項(xiàng)目設(shè)計(jì)前期我們對(duì)3pl公司也做了大量的實(shí)地走訪調(diào)研,得知這個(gè)行業(yè)以3~20人的規(guī)模居多,年齡層級(jí)20~50歲不等,平時(shí)的訂單錄入主要用excel或者tms系統(tǒng),紙質(zhì)單據(jù)。
3pl的老板對(duì)信息化的期待比較強(qiáng)烈,但是又擔(dān)心操作復(fù)雜,費(fèi)用較高,對(duì)于表單也有訴求。
設(shè)計(jì)目標(biāo)與方法
首先,我們了解下表單的構(gòu)成元素有哪些:
- 標(biāo)簽
- 文本字段
- 輸入框
- 輔助信息
- 校驗(yàn)提醒
- 按鈕
- 結(jié)構(gòu)組合
表單的樣式許多形式,以”標(biāo)簽”為例:可居左,居右,居上,居內(nèi)……這都要根據(jù)業(yè)務(wù)需要去定義。
還有輸入框的長(zhǎng)短大小,按鈕的大小及位置,信息組合等等,每一種屬性都要很多樣式和約束,此處暫不做枚舉。
我們要做的,是貼近用戶服務(wù)業(yè)務(wù)需求符合場(chǎng)景化設(shè)計(jì),也遵循設(shè)計(jì)的最基本原則:親密性、對(duì)比、對(duì)齊、重復(fù)。
視覺(jué)交互展示
通過(guò)訪談和業(yè)務(wù)的需要,在設(shè)計(jì)和交互呈現(xiàn)上做了系列設(shè)計(jì)調(diào)整;在操作選擇控件,系統(tǒng)提示,默認(rèn)帶入等方面盡可能最大化提高操作效率,降低難度;布局結(jié)構(gòu)上,主要參考線下紙質(zhì)物流運(yùn)單的形式,降低系統(tǒng)認(rèn)知陌生感,拉近與用戶的距離,滿足用戶心智期許。
運(yùn)單布局設(shè)計(jì)策略
在設(shè)計(jì)之初想到了包豪斯設(shè)計(jì)理論的觀點(diǎn):藝術(shù)與技術(shù)的相統(tǒng)一;設(shè)計(jì)的目的是人而不是產(chǎn)品;設(shè)計(jì)必須遵循自然與客觀的法則來(lái)進(jìn)行。
在樣式上是不是也可以遵循客觀事物,與客觀事物相融合借鑒去設(shè)計(jì)布局呢?
通過(guò)捕捉用戶習(xí)慣與認(rèn)知,將線下紙質(zhì)樣式與系統(tǒng)結(jié)合,消除機(jī)器語(yǔ)言的陌生感,這也是此次設(shè)計(jì)任務(wù)的其中1個(gè)抓手,模擬實(shí)物充分與業(yè)務(wù)相融合。
頁(yè)面信息層級(jí)結(jié)構(gòu)
將業(yè)務(wù)內(nèi)容根據(jù)其組織屬性分類組合展示,將同一屬性整合歸類,內(nèi)容層級(jí)清晰,利于用戶聚焦,提高效率……
將設(shè)計(jì)本身與業(yè)務(wù)和行業(yè)結(jié)合,忠于用戶忠于商業(yè)目標(biāo),不只是做千遍一律的模版式搬運(yùn)工。如何增效賦能對(duì)于設(shè)計(jì)從業(yè)者而言,就是要做到如何讓產(chǎn)品設(shè)計(jì)在體驗(yàn)上適度友好。
借鑒生活中最熟悉的紙質(zhì)運(yùn)單樣式設(shè)計(jì),降低用戶認(rèn)知成本,通過(guò)視覺(jué)側(cè)為用戶營(yíng)造親密感,降低對(duì)計(jì)算機(jī)系統(tǒng)的恐懼,從心理上給用戶傳達(dá)安全感和情感關(guān)懷…
空間層級(jí)布局原型
視覺(jué)動(dòng)線設(shè)定
為了方便用戶操作,減少物理滑動(dòng),在遵循設(shè)計(jì)原則的基礎(chǔ)上盡可能將信息整合在一屏內(nèi)。所以,在視覺(jué)動(dòng)線上也做了一些割舍,采用了“z”字型動(dòng)線布局形式,一定程度上提高了效率。
風(fēng)格樣式界定
風(fēng)格上,注重留白,遵循品牌色調(diào),給用戶營(yíng)造輕盈簡(jiǎn)潔的心理映射,減不必要的視覺(jué)語(yǔ)言表達(dá),對(duì)顏色的使用也有所克制。
在樣式的使用上,充分考慮用戶的特性和使用環(huán)境,盡可能減少用戶思考記憶負(fù)擔(dān),多提供選擇,在防錯(cuò)反饋上的提供接地氣可執(zhí)行的文案信息。
色彩使用以品牌色為主,克制表達(dá),降低視覺(jué)色彩噪音。
視覺(jué)設(shè)計(jì)
交互細(xì)節(jié)展示
在表單錄入過(guò)程中,每前一個(gè)輸入框失焦后,自動(dòng)跳到下一個(gè)輸入框,節(jié)省用戶頻繁點(diǎn)擊次數(shù),便于提高效率,每個(gè)輸入框操作完后都要校驗(yàn)提醒。
看似并無(wú)驚奇的表單,細(xì)究其設(shè)計(jì)很多的門道,更有很多未知。我們能做的,就是遵循基本樣式之外要與所做項(xiàng)目的業(yè)務(wù)形態(tài)相結(jié)合。
當(dāng)下的B端系統(tǒng)設(shè)計(jì),早已不再是那個(gè)堆積功能的時(shí)代,了解業(yè)務(wù)并熟知業(yè)務(wù)流程和場(chǎng)景才能做好設(shè)計(jì),我們要做好功能業(yè)務(wù)的同時(shí),也要讓B端的產(chǎn)品更有溫度更具人情味。
在繁忙復(fù)雜的日常工作過(guò)程中,拿到需求后我們應(yīng)該多問(wèn)問(wèn)為什么這么做?用戶有哪些具體特性?產(chǎn)品目的是什么?要達(dá)到什么樣的狀態(tài)?具體解決什么樣的問(wèn)題?哪些需求點(diǎn)是最重要的?角色之間的關(guān)聯(lián)維度是怎樣的?
本文由 @屎克郎 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自 Unsplash,基于 CC0 協(xié)議
這表單頁(yè)。。問(wèn)題很多。。加油
厲害了大佬,學(xué)習(xí)學(xué)習(xí)
歡迎交流…..