本文從電子元器件行業(yè)切入，介紹了行業(yè)下用戶的訴求及我們的設(shè)計(jì)思考，希望對(duì)其他B類行業(yè)的設(shè)計(jì)提供一點(diǎn)借鑒作用。

過去半年多時(shí)間，隨著對(duì)電子元件器行業(yè)和用戶的深入了解，對(duì)于如何為這個(gè)行業(yè)的用戶設(shè)計(jì)產(chǎn)品已逐漸清晰，也切身感受到了不深入理解一個(gè)行業(yè)，很難切身的體會(huì)到行業(yè)用戶的痛點(diǎn)，很難建立準(zhǔn)確的同理心為他們?cè)O(shè)計(jì)產(chǎn)品。本文從電子元器件行業(yè)切入，介紹了行業(yè)下用戶的訴求及我們的設(shè)計(jì)思考，希望對(duì)其他B類行業(yè)的設(shè)計(jì)提供一點(diǎn)借鑒作用。

電子元器件行業(yè)簡介

電子元器件行業(yè)是非常具有B類特色的一個(gè)行業(yè)，買家主要為各類電子產(chǎn)品、配件的制造加工終端工廠，賣家從上游到中下游依次有品牌原廠、品牌代理分銷商、現(xiàn)貨商、配單商，企業(yè)間的供應(yīng)鏈關(guān)系如下：

?鏈路上各角色簡介

中國電子元器件采購需求巨大，應(yīng)用領(lǐng)域廣泛且增長穩(wěn)定，從而將推動(dòng)IC市場(chǎng)的需求持續(xù)增長。上游集中度高且以服務(wù)藍(lán)籌企業(yè)為主，而下游制造企業(yè)較為分散，采購需求較難被滿足。

電子元器件電商發(fā)展現(xiàn)狀

市場(chǎng)上除1688外有不少垂直電商，如findchips、云漢芯城、科通芯城、華強(qiáng)電子網(wǎng)、富昌等，模式有平臺(tái)也有自營。電子元器件行業(yè)由于產(chǎn)品標(biāo)準(zhǔn)化程度高，整體是屬于電商化程度較高的行業(yè)，行業(yè)供應(yīng)鏈路上的企業(yè)對(duì)于電商也是越來越呈現(xiàn)擁抱的態(tài)度。

1688作為跨幾乎所有B類行業(yè)的大平臺(tái)，且由于是平臺(tái)模式，商品信息都是由商家各自發(fā)布，會(huì)帶來商品信息字段填寫不完整、填寫混亂等問題，1688的電子元器件行業(yè)總體專業(yè)度和體驗(yàn)存在很大提升空間。

買家端主要體驗(yàn)問題及解決方案

1688平臺(tái)上電子行業(yè)的買家主要為中小型終端工廠，對(duì)應(yīng)的賣家主要為現(xiàn)貨商、配單商及部分的品牌代理分銷商。
通過對(duì)行業(yè)用戶的走訪調(diào)研及內(nèi)部行業(yè)專家的深入討論，我們總結(jié)出買家端的三大核心體驗(yàn)問題：

1、 商家數(shù)量多但區(qū)分不清晰，選商成本高

1688電子行業(yè)商家數(shù)量龐大，且各種類型的商家都有，有正規(guī)授權(quán)的品牌代理分銷商，有知名或非知名的現(xiàn)貨商，有大大小小的配單商，還有一些專門處理舊料的商家，輸入一個(gè)型號(hào)出來幾十上百頁的商品，商家與商家之前的區(qū)分也不清晰，很難從中快速找到滿足需要的商家。

2、 搜索專業(yè)度低，單品找貨效率低

電子行業(yè)搜索采用的是通用搜索樣式（櫥窗式），而電子行業(yè)的特點(diǎn)是標(biāo)準(zhǔn)化程度高、參數(shù)多（型號(hào)、品牌、封裝、批號(hào)、交期等），用戶一般用型號(hào)精準(zhǔn)找貨，圖片僅作為判斷產(chǎn)品是否正確的參考。櫥窗式的展示不符合電子行業(yè)特點(diǎn)，嚴(yán)重影響用戶找貨效率。

3、 缺少專業(yè)工具，批量找貨效率低

電子行業(yè)買家采購的一個(gè)顯著特點(diǎn)是BOM清單式采購，即買家通常會(huì)有一個(gè)采購清單，物料一般幾十種到上百種，據(jù)調(diào)研發(fā)現(xiàn)，一個(gè)用戶把一個(gè)清單的商品在一家店鋪全部找一遍需要半天到一天時(shí)間，現(xiàn)實(shí)往往是一家店沒法供全，所以用戶還需要跨不同店鋪進(jìn)行商家篩選，則時(shí)間還要成倍增加。平臺(tái)缺少相應(yīng)的批量找貨工具，用戶效率極低。

解決方案1：電子搜索列表式改造

針對(duì)上述問題1和2，我們對(duì)電子搜索結(jié)果頁進(jìn)行了列表式改造。

目標(biāo)用戶分析

目前平臺(tái)上電子行業(yè)的買家主要為中小型終端工廠，工廠所需的大部分元器件本身都有穩(wěn)定的或偏好的線下供應(yīng)商供貨渠道，只有在遇到緊缺料號(hào)供應(yīng)商一時(shí)無法供貨時(shí)，才會(huì)在線上垂直平臺(tái)進(jìn)行采購。

電子行業(yè)用戶專業(yè)化程度高，在采購過程中目標(biāo)明確，主動(dòng)類元器件使用產(chǎn)品型號(hào)作為關(guān)鍵詞進(jìn)行搜索，被動(dòng)類元器件使用關(guān)健參數(shù)作為關(guān)鍵詞進(jìn)行搜索。

對(duì)于采購員來說，最為首要的決策因素是型號(hào)/關(guān)健參數(shù)和原廠品牌信息，因?yàn)樵骷吞?hào)/關(guān)健參數(shù)具有一定的相似度，一個(gè)字母的不同都會(huì)造成很大的損失。同時(shí)采購員非常注重真?zhèn)?，只認(rèn)原廠品牌。其次是封裝、批次，因?yàn)椴糠衷骷S對(duì)封裝形式有嚴(yán)格要求，如裝配在機(jī)器上的卷裝買成了其他封裝形式便不可使用。

批次代表的是生產(chǎn)日期，元器件有存儲(chǔ)壽命，今年的和去年的品質(zhì)不同，價(jià)格也不一樣。當(dāng)然元器件的價(jià)格也是核心的決策指標(biāo)，采購員通常都會(huì)多方比價(jià)控制采購成本。同時(shí)由于在線上緊缺料號(hào)的采購本身就是等著急用，所以對(duì)可確定的交期信息和庫存也十分看重。

舊版電子主搜的櫥窗式offer并不符合電子行業(yè)特性，不是決策關(guān)鍵信息的商品圖占據(jù)了大塊版面，而關(guān)鍵性的決策信息卻展示的十分不直觀，直接導(dǎo)致用戶找貨效率極低，也無法分辨商家的類型和品質(zhì)。

新版列表式offer將決策信息平鋪展示，降低了用戶決策成本，也滿足了用戶的對(duì)比訴求。同時(shí)平臺(tái)為部分優(yōu)質(zhì)的商家進(jìn)行了分類打標(biāo)，并提供商家類型篩選功能，降低用戶選商成本。

由于電子行業(yè)產(chǎn)品價(jià)格庫存浮動(dòng)很大，購買前的詢價(jià)幾乎是必備步驟，所以新版的offer強(qiáng)調(diào)了一鍵喚起旺旺的操作。另外電子行業(yè)一次采購多個(gè)元器件的情況遠(yuǎn)大于采購單個(gè)元器件，且一般通過列表頁的關(guān)健參數(shù)就可以完成選品過程，故將加入進(jìn)貨單功能從詳情頁提至列表頁，能縮短用戶的采購步驟。

其他設(shè)計(jì)細(xì)節(jié)：

1、表頭跟隨

在長列表的形式下，將列表頭部設(shè)計(jì)為滾動(dòng)跟隨，以保證用戶對(duì)列表信息理解無障礙。

2、決策因素參數(shù)長度設(shè)定

由于列表參數(shù)內(nèi)容繁多，空間有限，為確保信息展示呈最優(yōu)狀態(tài)，與運(yùn)營PD多次對(duì)焦討論確定字段列最合適的寬度。

電子行業(yè)搜索列表式改造上線后（目前還在灰度中），在商家群里引起了巨大反響，討論的熱烈程度遠(yuǎn)超我們的預(yù)期。

多數(shù)商家對(duì)于列表式呈現(xiàn)表示非常支持，認(rèn)為確實(shí)更符合買家的找貨心智，也更能凸顯不同類型商家之間的資質(zhì)和服務(wù)差異，也避免了商家將資源投入在不是關(guān)健信息的圖片上，商家原話——“為了經(jīng)營1688店鋪，公司頭一次雇了美工給芯片拍照片，投入了很多不必要的成本，以后我們?cè)僖膊皇琴uIC的服裝公司了“。當(dāng)然，我們的改版可能會(huì)導(dǎo)致這位美工同學(xué)需要另找一份工作了，在此我們表示抱歉。

除了支持的聲音，也有用戶表示了擔(dān)憂，原先櫥窗廣告位一屏可以展示完，改成列表式之后需要近兩屏才能展示完，商家擔(dān)心會(huì)引起廣告位的瘋狂競(jìng)爭(zhēng)，甚至有陰謀論的商家表示這就是我們?cè)O(shè)計(jì)背后的目的，在此我們聲明，絕沒有！面對(duì)廣告位的問題，項(xiàng)目組都很重視，但是由于牽扯到公司的商業(yè)產(chǎn)品，解決起來不是那么容易，目前我們還在努力中。本次改版，切身的體會(huì)到我們的設(shè)計(jì)真的會(huì)影響很多人，有些影響甚至是你事先完全無法預(yù)知的。所以，全流程的關(guān)注產(chǎn)品，能幫助我們及時(shí)發(fā)現(xiàn)問題避免問題擴(kuò)大。

此外，列表式改造還有一個(gè)作用，能激勵(lì)用戶更加完整準(zhǔn)確的填寫參數(shù)信息。櫥窗式展示參數(shù)信息無法呈現(xiàn)，商家自然沒有動(dòng)力完善產(chǎn)品參數(shù)，但是改成列表式之后，參數(shù)填寫完整的商家將會(huì)更加吸引用戶，尤其是專業(yè)的B類用戶。

上線后的數(shù)據(jù)表現(xiàn)，列表頁到詳情頁的引導(dǎo)少了，但是整體引導(dǎo)的GMV卻提升了不少，說明列表確實(shí)幫助買家更高效的選品（不用再一個(gè)個(gè)點(diǎn)進(jìn)去看是否滿足需求），并且吸引了更多的專業(yè)買家將交易留存在線上。

解決方案2：電子批量找貨工具

針對(duì)批量找貨效率低的問題，我們打造了電子批量找貨工具，包含跨店版（匹配結(jié)果綜合多個(gè)店鋪）和單店版（匹配結(jié)果來自單一店鋪）。

目標(biāo)用戶分析

設(shè)計(jì)目標(biāo)推導(dǎo)

工具全鏈路大圖及設(shè)計(jì)關(guān)鍵點(diǎn)

設(shè)計(jì)方案：錄入需求頁

設(shè)計(jì)方案：匹配結(jié)果頁

體驗(yàn)創(chuàng)新點(diǎn)

1、上傳環(huán)節(jié)預(yù)防出錯(cuò)的設(shè)計(jì)

上傳環(huán)節(jié)為了提升過程的流暢度，希望做到讓用戶可以直接上傳自己的BOM清單，而不用先下載模板修改清單格式，但這會(huì)帶來一個(gè)問題——用戶的清單格式千差萬別，如何識(shí)別并保證不出錯(cuò)？

體驗(yàn)創(chuàng)新點(diǎn)：雙重保險(xiǎn)設(shè)計(jì)幫助用戶不用修改清單格式即可直接上傳。

• 建立型號(hào)和數(shù)量描述的范例庫，做到大部分的清單可被自動(dòng)識(shí)別出型號(hào)列和數(shù)量列；
• 當(dāng)出現(xiàn)匹配不到或者匹配結(jié)果不唯一時(shí)，讀取出所有的列名稱，讓用戶進(jìn)行一個(gè)簡單的選擇即可進(jìn)入下一步，而不是簡單粗暴的報(bào)錯(cuò)。

2、匹配過程采用逐條加載的設(shè)計(jì)方式

經(jīng)過與開發(fā)同學(xué)討論，明確一個(gè)清單（幾十條上百條）全部加載完畢需要幾秒到十幾秒的時(shí)間，過程比較漫長，是否可以優(yōu)化加載過程的體驗(yàn)?

體驗(yàn)創(chuàng)新點(diǎn)：匹配結(jié)果展示過程采用逐條匹并展示匹配結(jié)果，讓用戶在等待過程中也能看到匹配結(jié)果。

3、匹配結(jié)果頁中統(tǒng)一的色彩體系的運(yùn)用

匹配結(jié)果有三種類型——完全匹配、部分匹配、找不到型號(hào)，列表區(qū)的排列順序是與用戶上傳的物料順序保持一致的，如何讓用戶可以快速篩選出不同的匹配結(jié)果，如何讓用戶在瀏覽長列表過程中也能快速識(shí)別當(dāng)前的物料行屬于哪種匹配情況，是設(shè)計(jì)師需要考慮的問題。

體驗(yàn)創(chuàng)新點(diǎn)：使用統(tǒng)一的顏色體系貫穿餅圖、篩選區(qū)、列表區(qū)，幫助用戶快速判別匹配結(jié)果情況。

4、在用戶使用路徑中巧妙插入工具布點(diǎn)

在沒有與用戶接觸之前，我們認(rèn)為——既然訴求這么明顯，那么工具一上線肯定會(huì)吸引大批買家使用。在與用戶接觸后才發(fā)現(xiàn)，并不是！一個(gè)真實(shí)的案例，一名用戶長期在使用某垂直網(wǎng)站，該網(wǎng)站已有相似工具，但是該用戶在已經(jīng)看到工具的情況下也從未點(diǎn)擊進(jìn)入使用。買家已經(jīng)習(xí)慣了一個(gè)一個(gè)搜索型號(hào)，即便過程很漫長很痛苦，也很少會(huì)主動(dòng)去探索新功能，習(xí)慣讓用戶都止步于淺層的使用產(chǎn)品。

體驗(yàn)創(chuàng)新點(diǎn)：在買家的習(xí)慣路徑中尋找合適的機(jī)會(huì)點(diǎn)引導(dǎo)用戶使用工具，如，當(dāng)一個(gè)買家已經(jīng)將兩個(gè)產(chǎn)品都加入進(jìn)貨單后，在添加成功浮層中提示用戶是否嘗試一下批量找貨工具。

批量找貨工具目前單店版已小范圍試用，跨店版也即將上線。從目前反饋來看，不論買家還是賣家均對(duì)工具很認(rèn)可，尤其都對(duì)跨店版很期待。原來我們還擔(dān)心賣家是不是會(huì)對(duì)跨店匹配有抵觸心理，畢竟與其他店鋪的競(jìng)爭(zhēng)比較會(huì)更顯性化，現(xiàn)在看來是多慮了，賣家也明白，跨店比較是買家的強(qiáng)烈訴求，只有積極擁抱、充分展現(xiàn)自身的實(shí)力才是更正向的經(jīng)營之道。

結(jié)語：設(shè)計(jì)之路無止境，設(shè)計(jì)一半是在解決問題，一半是在制造問題，解決了老的問題又伴生了新的問題。行業(yè)在發(fā)展，用戶在變化，時(shí)刻保持對(duì)行業(yè)的理解，對(duì)用戶的親近。我們的設(shè)計(jì)真的會(huì)影響很多人，有好的影響也有壞的影響，直面現(xiàn)實(shí)，用一顆敬畏之心做設(shè)計(jì)。

作者：童飛

來源：阿里巴巴UED

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