2020-2-28 資深UI設(shè)計者
2019下半年，阿里巴巴旗下B2B業(yè)務(wù)平臺1688官宣了全新的戰(zhàn)略升級目標(biāo)：針對工業(yè)領(lǐng)域進行全面升級支撐，堅持“品牌正品、品質(zhì)服務(wù)”，聚焦在內(nèi)容、服務(wù)和用戶上，致力于打造需求驅(qū)動的C2M新模式。重塑市場格局，加速制造業(yè)流通數(shù)字化升級。
伴隨著業(yè)務(wù)的整體升級，工業(yè)品牌PC首頁作為買賣家感知業(yè)務(wù)價值的門面和流量承接的關(guān)鍵場景，需要同步升級才能更好的滿足買家需求，提升買家體驗。
三大升級目標(biāo)
1、 提升內(nèi)容與買家匹配精準(zhǔn)度：從舊版的數(shù)據(jù)分析來看，搜索和導(dǎo)航欄UV占比超過70%，其他區(qū)塊尤其二屏及以下點擊率很低，說明市場大部分的內(nèi)容對用戶沒有吸引力，需要為用戶推薦更豐富、更精準(zhǔn)的內(nèi)容才能把用戶留下。
2、 提升內(nèi)容框架合理性：舊版場景框架結(jié)構(gòu)較為混亂，內(nèi)容組合自由度過高，采購鏈路不清晰導(dǎo)致用戶體驗不佳。且隨著內(nèi)容的更新，舊的框架和新的內(nèi)容也無法匹配，需要升級框架使采購鏈路清晰化，提升用戶體驗。
3、 提升工業(yè)品牌業(yè)務(wù)認知：隨著業(yè)務(wù)打法的升級，工業(yè)品牌的核心理念也進行了升級，新版的工業(yè)品牌市場需要提升用戶對平臺價值的認知，樹立品牌正品的心智。
升級策略
一、 圍繞買家分層升級內(nèi)容，提升內(nèi)容與買家匹配精準(zhǔn)度
定義用戶感興趣的內(nèi)容，從買家分層做起。我們沿著圍繞買家身份進行個性化導(dǎo)購場景推薦的思路，以用研提供的買家核身數(shù)據(jù)資料為基礎(chǔ)，再結(jié)合運營提供的經(jīng)驗，提煉出不同身份的用戶畫像，抽象出他們的采購特性。
然后新增了一個專門的個性化身份場景模塊，進行有針對性的商品、商家、工具推薦，實現(xiàn)人、貨、場的個性化匹配。
除了新增的個性化身份場景外，首屏新增了三個固定營銷位，聚焦在典型買家的普遍訴求上：新人活動、金融活動和服務(wù)(物流/發(fā)票)專場，打造以貿(mào)易商/電商為核心，門店/企業(yè)自用為輔助客群的營銷+工具一體化流量圈。同時新增了低價場景，以日為單位，折扣幅度更大的“每日特惠”，用低價的硬通貨提升用戶粘性促進轉(zhuǎn)化，強化用戶對工業(yè)品牌的認知。
二、 打造營銷+工具扁平陣地，從內(nèi)容框架升級提升體驗
1、 采購鏈路清晰化
定義每一屏用戶的核心訴求，提供有效的、符合用戶預(yù)期的對應(yīng)內(nèi)容
2、 簡化容器形式：突出內(nèi)容降低閱讀成本
以首屏設(shè)計為例，以不同底色分隔區(qū)塊，省略所有不必要的間距分隔，使首屏的整體性更強，形式更緊湊聚焦。
三、 營造「數(shù)字工業(yè)」氛圍，提升用戶對市場感知，塑造品牌正品心智
導(dǎo)購場景里的品牌打造，核心價值在于強化市場形象，讓用戶感知到平臺價值，認知平臺特性。工業(yè)品的電商網(wǎng)站那么多，除了內(nèi)容層，表現(xiàn)層我們也需要和其他網(wǎng)站有顯著區(qū)分，具有自己的“個性”，給用戶不一樣的體感。
所謂“個性”即是品牌定位。我們從工業(yè)品牌的平臺定位出發(fā)，聚焦業(yè)務(wù)本質(zhì)的核心理念和價值優(yōu)勢上，再結(jié)合用戶視角的感知傾向，最后推導(dǎo)出數(shù)字化、工業(yè)感兩個核心關(guān)鍵詞。然后順著關(guān)鍵詞進行具像化發(fā)散，再從具象元素中篩選出典型的，抽象的融入到頁面中落地，從而打造「數(shù)字工業(yè)」的品牌形象。
標(biāo)準(zhǔn)色&ICON
工業(yè)品牌從1.0版本開始就一直采用的是黑黃配色，黑灰色取自金屬，黃色則是機械設(shè)備、工業(yè)產(chǎn)品(如安全帽)上的常用漆色，這兩種顏色是工業(yè)場景中最具代表性、通用性的常見色，容易讓用戶感到熟悉而引起情感共鳴。為了品牌的延續(xù)性，3.0仍然保持了黑黃的主配色，并在此基礎(chǔ)上新增了四種從工業(yè)品行業(yè)場景中提取的重色調(diào)冷色，增加配色上的豐富度和拓展性。ICON設(shè)計上運用粗重的線條，硬朗的方角，塑造沉穩(wěn)、嚴謹?shù)捏w感。
圖形&動效
為了營造具有科技感的數(shù)字化氛圍，在設(shè)計中融入了一些從HUD風(fēng)格中抽取出的元素。如每日特惠模塊中的動態(tài)表盤和標(biāo)注數(shù)據(jù)變化，會呼吸的閃爍button和hover狀態(tài)下出現(xiàn)的定位框。前者表達了數(shù)字化的概念的同時強調(diào)了折扣幅度、板塊特性，后者則算是操作時出現(xiàn)的小彩蛋。
立體組貨場景導(dǎo)購：3D化的場景還原導(dǎo)購，直觀的體現(xiàn)線下生產(chǎn)場景的線上“數(shù)字化”的概念，不僅易讓用戶產(chǎn)生代入感，也增加了頁面導(dǎo)購專業(yè)度與視覺豐富度。
升級后整體數(shù)據(jù)提升明顯
結(jié)語
此次PC整體升級，根據(jù)買家分層新增了更精準(zhǔn)匹配的場景推薦，優(yōu)化了內(nèi)容框架，營造了數(shù)字工業(yè)的氛圍來塑造具有平臺特性的市場形象。當(dāng)然在項目的過程中，也因為項目周期內(nèi)的一些局限性，讓產(chǎn)品還有很多優(yōu)化完善的空間，后續(xù)仍需繼續(xù)挖掘買家訴求，通過不斷的探索和創(chuàng)新，提升買家體驗。
文章來源：站酷 作者：CBU設(shè)計 龍奕柯
藍藍設(shè)計的小編 http://www.miumiuwan.com