酷播亮新聞
本文從電子元器件行業切入，介紹了行業下用戶的訴求及我們的設計思考，希望對其他B類行業的設計提供一點借鑒作用。
過去半年多時間，隨著對電子元件器行業和用戶的深入了解，對於如何為這個行業的用戶設計產品已逐漸清晰，也切身感受到了不深入理解一個行業，很難切身的體會到行業用戶的 痛點，很難建立準確的同理心為他們設計產品。 本文從電子元器件行業切入，介紹了行業下用戶的訴求及我們的設計思考，希望對其他B類行業的設計提供一點借鑒作用。
電子元器件行業簡介
電子元器件行業是非常具有B類特色的一個行業，買家主要為各類電子產品、配件的製造加工終端工廠，賣家從上游到中下游依次有品牌原廠、品牌代理分銷商、現貨商、 配單商，企業間的供應鏈關係如下：
鏈路上各角色簡介
中國電子元器件採購需求巨大，應用領域廣泛且增長穩定，從而將推動IC市場的需求持續增長。 上游集中度高且以服務藍籌企業為主，而下游製造企業較為分散，採購需求較難被滿足。
電子元器件電商發展現狀
市場上除1688外有不少垂直電商，如findchips、雲漢芯城、科通芯城、華強電子網、富昌等，模式有平台也有自營。 電子元器件行業由於產品標準化程度高，整體是屬於電商化程度較高的行業，行業供應鏈路上的企業對於電商也是越來越呈現擁抱的態度。
1688作為跨幾乎所有B類行業的大平台，且由於是平台模式，商品信息都是由商家各自發布，會帶來商品信息字段填寫不完整、填寫混亂等問題，1688的電子元器件行業總體專業度 和體驗存在很大提升空間。
買家端主要體驗問題及解決方案
1688平台上電子行業的買家主要為中小型終端工廠，對應的賣家主要為現貨商、配單商及部分的品牌代理分銷商。
通過對行業用戶的走訪調研及內部行業專家的深入討論，我們總結出買家端的三大核心體驗問題：
1、 商家數量多但區分不清晰，選商成本高
1688電子行業商家數量龐大，且各種類型的商家都有，有正規授權的品牌代理分銷商，有知名或非知名的現貨商，有大大小小的配單商，還有一些專門處理舊料 的商家，輸入一個型號出來幾十上百頁的商品，商家與商家之前的區分也不清晰，很難從中快速找到滿足需要的商家。
2、 搜索專業度低，單品找貨效率低
電子行業搜索採用的是通用搜索樣式（櫥窗式），而電子行業的特點是標準化程度高、參數多（型號、品牌、封裝、批號、交期等），用戶一般用型號精準找貨，圖片僅 作為判斷產品是否正確的參考。 櫥窗式的展示不符合電子行業特點，嚴重影響用戶找貨效率。
3、 缺少專業工具，批量找貨效率低
電子行業買家採購的一個顯著特點是BOM清單式採購，即買家通常會有一個採購清單，物料一般幾十種到上百種，據調研發現，一個用戶把一個清單的商品在一家店鋪全部 找一遍需要半天到一天時間，現實往往是一家店沒法供全，所以用戶還需要跨不同店鋪進行商家篩選，則時間還要成倍增加。 平台缺少相應的批量找貨工具，用戶效率極低。
解決方案1：電子搜索列表式改造
針對上述問題1和2，我們對電子搜索結果頁進行了列表式改造。
目標用戶分析
目前平台上電子行業的買家主要為中小型終端工廠，工廠所需的大部分元器件本身都有穩定的或偏好的線下供應商供貨渠道，只有在遇到緊缺料號供應商一時無法 供貨時，才會在線上垂直平台進行採購。
電子行業用戶專業化程度高，在採購過程中目標明確，主動類元器件使用產品型號作為關鍵詞進行搜索，被動類元器件使用關健參數作為關鍵詞進行搜索。
對於採購員來說，最為首要的決策因素是型號/關健參數和原廠品牌信息，因為元器件型號/關健參數具有一定的相似度，一個字母的不同都會造成很大的損失。 同時採購員非常注重真偽，只認原廠品牌。 其次是封裝、批次，因為部分元器件工廠對封裝形式有嚴格要求，如裝配在機器上的捲裝買成了其他封裝形式便不可使用。
批次代表的是生產日期，元器件有存儲壽命，今年的和去年的品質不同，價格也不一樣。 當然元器件的價格也是核心的決策指標，採購員通常都會多方比價控制採購成本。 同時由於在線上緊缺料號的採購本身就是等著急用，所以對可確定的交期信息和庫存也十分看重。
舊版電子主搜的櫥窗式offer並不符合電子行業特性，不是決策關鍵信息的商品圖佔據了大塊版面，而關鍵性的決策信息卻展示的十分不直觀，直接導致用戶找貨效率極低， 也無法分辨商家的類型和品質。
新版列表式offer將決策信息平鋪展示，降低了用戶決策成本，也滿足了用戶的對比訴求。 同時平台為部分優質的商家進行了分類打標，並提供商家類型篩選功能，降低用戶選商成本。
由於電子行業產品價格庫存浮動很大，購買前的詢價幾乎是必備步驟，所以新版的offer強調了一鍵喚起旺旺的操作。 另外電子行業一次採購多個元器件的情況遠大於採購單個元器件，且一般通過列表頁的關健參數就可以完成選品過程，故將加入進貨單功能從詳情頁提至列表頁，能縮短 用戶的採購步驟。
其他設計細節：
1、表頭跟隨
在長列表的形式下，將列表頭部設計為滾動跟隨，以保證用戶對列表信息理解無障礙。
2、決策因素參數長度設定
由於列表參數內容繁多，空間有限，為確保信息展示呈最優狀態，與運營PD多次對焦討論確定字段列最合適的寬度。
電子行業搜索列表式改造上線後（目前還在灰度中），在商家群裡引起了巨大反響，討論的熱烈程度遠超我們的預期。
多數商家對於列表式呈現表示非常支持，認為確實更符合買家的找貨心智，也更能凸顯不同類型商家之間的資質和服務差異，也避免了商家將資源投入在不是關健信息的圖片 上，商家原話——“為了經營1688店鋪，公司頭一次雇了美工給芯片拍照片，投入了很多不必要的成本，以後我們再也不是賣IC的服裝公司了“。 當然，我們的改版可能會導致這位美工同學需要另找一份工作了，在此我們表示抱歉。
除了支持的聲音，也有用戶表示了擔憂，原先櫥窗廣告位一屏可以展示完，改成列表式之後需要近兩屏才能展示完，商家擔心會引起廣告位的瘋狂競爭，甚至有陰謀論的商家 表示這就是我們設計背後的目的，在此我們聲明，絕沒有！ 面對廣告位的問題，項目組都很重視，但是由於牽扯到公司的商業產品，解決起來不是那麼容易，目前我們還在努力中。 本次改版，切身的體會到我們的設計真的會影響很多人，有些影響甚至是你事先完全無法預知的。 所以，全流程的關注產品，能幫助我們及時發現問題避免問題擴大。
此外，列表式改造還有一個作用，能激勵用戶更加完整準確的填寫參數信息。 櫥窗式展示參數信息無法呈現，商家自然沒有動力完善產品參數，但是改成列表式之後，參數填寫完整的商家將會更加吸引用戶，尤其是專業的B類用戶。
上線後的數據表現，列表頁到詳情頁的引導少了，但是整體引導的GMV卻提升了不少，說明列表確實幫助買家更高效的選品（不用再一個個點進去看是否滿足需求） ，並且吸引了更多的專業買家將交易留存在線上。
解決方案2：電子批量找貨工具
針對批量找貨效率低的問題，我們打造了電子批量找貨工具，包含跨店版（匹配結果綜合多個店鋪）和單店版（匹配結果來自單一店鋪）。
目標用戶分析
設計目標推導
工俱全鏈路大圖及設計關鍵點
設計方案：錄入需求頁
設計方案：匹配結果頁
體驗創新點
1、上傳環節預防出錯的設計
上傳環節為了提升過程的流暢度，希望做到讓用戶可以直接上傳自己的BOM清單，而不用先下載模板修改清單格式，但這會帶來一個問題——用戶的清單格式千差萬別，如何識別並保證 不出錯？
體驗創新點：雙重保險設計幫助用戶不用修改清單格式即可直接上傳。
- 建立型號和數量描述的範例庫，做到大部分的清單可被自動識別出型號列和數量列；
- 當出現匹配不到或者匹配結果不唯一時，讀取出所有的列名稱，讓用戶進行一個簡單的選擇即可進入下一步，而不是簡單粗暴的報錯。
2、匹配過程採用逐條加載的設計方式
經過與開發同學討論，明確一個清單（幾十條上百條）全部加載完畢需要幾秒到十幾秒的時間，過程比較漫長，是否可以優化加載過程的體驗?
體驗創新點：匹配結果展示過程採用逐條匹並展示匹配結果，讓用戶在等待過程中也能看到匹配結果。
3、匹配結果頁中統一的色彩體系的運用
匹配結果有三種類型——完全匹配、部分匹配、找不到型號，列表區的排列順序是與用戶上傳的物料順序保持一致的，如何讓用戶可以快速篩選出不同的匹配結果，如何讓用戶在 瀏覽長列表過程中也能快速識別當前的物料行屬於哪種匹配情況，是設計師需要考慮的問題。
體驗創新點：使用統一的顏色體系貫穿餅圖、篩選區、列表區，幫助用戶快速判別匹配結果情況。
4、在用戶使用路徑中巧妙插入工具佈點
在沒有與用戶接觸之前，我們認為——既然訴求這麼明顯，那麼工具一上線肯定會吸引大批買家使用。 在與用戶接觸後才發現，並不是！ 一個真實的案例，一名用戶長期在使用某垂直網站，該網站已有相似工具，但是該用戶在已經看到工具的情況下也從未點擊進入使用。 買家已經習慣了一個一個搜索型號，即便過程很漫長很痛苦，也很少會主動去探索新功能，習慣讓用戶都止步於淺層的使用產品。
體驗創新點：在買家的習慣路徑中尋找合適的機會點引導用戶使用工具，如，當一個買家已經將兩個產品都加入進貨單後，在添加成功浮層中提示用戶是否嘗試一下批量 找貨工具。
批量找貨工具目前單店版已小範圍試用，跨店版也即將上線。 從目前反饋來看，不論買家還是賣家均對工具很認可，尤其都對跨店版很期待。 原來我們還擔心賣家是不是會對跨店匹配有抵觸心理，畢竟與其他店舖的競爭比較會更顯性化，現在看來是多慮了，賣家也明白，跨店比較是買家的強烈訴求 ，只有積極擁抱、充分展現自身的實力才是更正向的經營之道。
結語：設計之路無止境，設計一半是在解決問題，一半是在製造問題，解決了老的問題又伴生了新的問題。 行業在發展，用戶在變化，時刻保持對行業的理解，對用戶的親近。 我們的設計真的會影響很多人，有好的影響也有壞的影響，直面現實，用一顆敬畏之心做設計。
作者：童飛
來源： 阿里巴巴UED
題圖來自PEXELS，基於CC0協議