框架扁平化
新天貓APP從一級(jí)導(dǎo)航開始，每一個(gè)tab都聚焦一件事，用戶認(rèn)知更清晰。
為了加強(qiáng)商品表現(xiàn)力，在容器的信息表達(dá)上相較于老版也更加扁平，從復(fù)雜錯(cuò)落的入口變?yōu)榱丝游坏慕M合，結(jié)構(gòu)極為簡(jiǎn)單。利用大數(shù)據(jù)推薦精選商品，讓用戶與商品直接觸達(dá)。
商品坑升級(jí)
在簡(jiǎn)單易懂的頁(yè)面框架下，我們重新思考了商品展現(xiàn)以及組合方式。
我們?cè)谏唐啡萜魃蠘?gòu)建明確的分區(qū)，制定出穩(wěn)定的結(jié)構(gòu)，便于理解和記憶，達(dá)到能不斷的透?jìng)魃唐穬r(jià)值的目的。同時(shí)也對(duì)商品容器做橫向擴(kuò)展，去滿足不同業(yè)務(wù)及場(chǎng)景的需求。
Tmall BRAND強(qiáng)化
大家一起來(lái)猜猜哪個(gè)是天貓?
(↓從左到右依次為：大眾點(diǎn)評(píng)、淘寶、天貓、京東)
在電商APP界面越來(lái)越趨同，以及天貓品牌升級(jí)的大背景下。
此次貓客首頁(yè)改版以“Tmall”為載體一直貫穿，從用戶打開APP開始不斷強(qiáng)調(diào)Tmall，同時(shí)把Tmall提升到首頁(yè)的核心區(qū)域并賦予更多情感化及商業(yè)化的功能，讓用戶從第一感官以及認(rèn)知上知道這是天貓。
打開天貓APP，從閃屏到首頁(yè)
Doodle的運(yùn)用
能支持熱點(diǎn)事件營(yíng)銷，并結(jié)合搜索關(guān)鍵詞產(chǎn)生商業(yè)價(jià)值，成為品牌活動(dòng)的一個(gè)新流量陣地：
支持多種格式文件：
內(nèi)容化設(shè)計(jì)
為了保證整個(gè)天貓平臺(tái)最終呈現(xiàn)給用戶的品質(zhì)，不能僅依賴于產(chǎn)品設(shè)計(jì)，更應(yīng)該對(duì)內(nèi)容做優(yōu)化設(shè)計(jì)。
以針對(duì)商品圖優(yōu)化為例，我們做了兩件事情：商品圖排版建議與商品打底圖強(qiáng)控&白名單。
商品圖排版建議
商品打底圖強(qiáng)控&白名單
為了避免首頁(yè)出現(xiàn)下圖左側(cè)情況出現(xiàn)，我們制定了平臺(tái)商品圖規(guī)范輸入給商家，強(qiáng)控產(chǎn)出：首頁(yè)所有的商品都保證有一張白底圖作為打底素材。同時(shí)為了保證優(yōu)質(zhì)商家品牌調(diào)性及平臺(tái)豐富度，我們特地組織成了設(shè)計(jì)師審核小分隊(duì)，大家一起來(lái)人工篩選出那些商品圖有自己調(diào)性，品質(zhì)高的商家，為他們開通綠色通道，允許不使用白底圖，使用帶有品牌特色的商品主圖。
這樣就不僅保障了平臺(tái)商品內(nèi)容的整體品質(zhì)，也讓品質(zhì)商家保留了自己的品牌調(diào)性。
實(shí)施商品打底圖強(qiáng)控&白名單后首頁(yè)圖片質(zhì)量提升效果：
細(xì)節(jié)打磨
在設(shè)計(jì)過(guò)程中，我們也挖掘了很多體驗(yàn)上的小創(chuàng)新，希望能帶給用戶更有品質(zhì)的小驚喜的體驗(yàn)感受。下面舉兩個(gè)例子分享。
首焦banner視差
在新banner模板基礎(chǔ)上衍生出分層產(chǎn)出即可實(shí)現(xiàn)視差及重力感應(yīng)效果，讓整個(gè)產(chǎn)品更生動(dòng)富有細(xì)節(jié)。
新人引導(dǎo)
由于此次改版最大亮點(diǎn)在于商品力的表現(xiàn)上，所以在新人引導(dǎo)這塊我們用了輕互動(dòng)的形式，讓用戶可以通過(guò)小游戲的方式，通過(guò)滑動(dòng)信息模塊來(lái)感受商品坑每個(gè)區(qū)塊的含義。
首頁(yè)整個(gè)從設(shè)計(jì)到開發(fā)上線的過(guò)程背負(fù)著很大的壓力。就像標(biāo)題中講的，這次改版可能是天貓app史上的最大的改版，是面向消費(fèi)升級(jí)的第一次大嘗試。在過(guò)程中，項(xiàng)目組的每個(gè)成員都抱了最壞的打算，即使出現(xiàn)極大的反彈，我們也要堅(jiān)定的往這個(gè)方向走。
上線之后，我們也在各個(gè)輿情平臺(tái)上聽到了很多用戶聲音。有很多鼓勵(lì)的說(shuō)天貓跟其他電商終于不一樣了，也有批評(píng)的說(shuō)那么多入口有些找不到了。我們一邊聆聽用戶，一邊在加速進(jìn)行迭代優(yōu)化。
大家一定能看到越來(lái)越好的天貓APP!
希望大家讀完本文，能夠了解到我們的設(shè)計(jì)過(guò)程。也能通過(guò)這些設(shè)計(jì)探索理解天貓App的愿景：做最好的品質(zhì)購(gòu)物App。深圳網(wǎng)站建設(shè)博納網(wǎng)絡(luò)編輯整理。
