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