亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

天貓APP 首頁迎來史上最大改版,背后的設計過程是這樣的!

作者:cyRotel
分類: 觀點/經驗
2017-06-15
7241

天貓是一個B2C的電商平臺,跟自營電商內容產出和控制上有巨大的差異點。

尼爾森中國區總經理韋邵曾在尼爾森消費者研究報告中說到:隨著消費者收入遞增,他們越來越希望買到另他們感到愉悅的有品質的商品。

消費升級是今年各大電商平臺都在熱議的的話題,在這個大背景下,作為電商領頭軍的天貓,一直不斷挖掘與迎合消費者的訴求優化產品形態,來更好的契合優質用戶對更好生活追求的意愿。

天貓APP的本次升級就是符合這個大背景下的產品體驗改造的一個開端。

人群消費特征

在改版伊始,我們對目標人群重新進行了定義。天貓APP要更多的服務于品質用戶,追求品牌的年輕消費群體。

通過這些用戶的一系列購買數據的研究發現,他們更喜歡購買B類商品,更注重購買效率,瀏覽更少的商品就可以進行決策購買。

因此,商品的展示形態上就對設計師提出了更高的要求:一方面通過各種個性化等手段,讓用戶更快的定位到自己喜歡的商品;另一方面,通過形式的設計,要幫助天貓商家凸顯售賣商品的商品力,讓目標用戶可以快速get最關鍵的商品信息來判斷是否需要購買。

天貓品牌

5月23日天貓品牌升級發布會盛大召開,天貓slogan正式更名:理想生活上天貓。天貓希望從一個賣貨平臺的形象逐漸升級成為理解方式的倡導者形象。升級后的天貓和目標人群的消費形象特征所匹配,整體的品牌形象定位更國際化,年輕化,品質化。

這對設計師要求也就成為:天貓APP的產品設計表達是天貓品牌和消費者的一個核心溝通媒介,我們要讓用戶在端上的內容消費、購買行為能夠感知天貓帶來的品牌新主張。

電商平臺的品質障礙

天貓是一個B2C的電商平臺,跟自營電商內容產出和控制上有巨大的差異點。即內容的產出根源在商家手中,展示給用戶的商品的信息如商品圖等在之前很長一段時間內都是由商家提供平臺,平臺進行具體展示。商家的設計師水平似乎基本決定了商品展示的最終設計質量。

天貓平臺的設計師也逐漸意識到商品內容本身的設計的重要性(比如商品圖),如果沒有質量強控,對平臺的整體設計品質傷害巨大。我們要提升設計品質,僅僅依賴產品框架設計,是不可能實現的。正視并良好解決商品內容質量的障礙,是這次改版的一個巨大挑戰。各品牌質量要拉到一致水平,并且也不能喪失各品牌的特征是必須堅持的內容處理原則。

電商平臺的品質障礙.png

以上部分都是改版的背景和現實狀況,我們在本次貓客首頁上分別制定了對應的設計策略。

容器升級

我們認為商品是任何購物性平臺與品牌與消費者之間最原始的鏈接。同時我們也希望能用最簡單的方式來降低用戶認知成本,不再是一層一層的進入入口,而是能直接觸達商品,通過凸顯商品本身優勢屬性,來達到效率購物的目的。

所以在容器升級上主要做了兩件事情:框架扁平化與商品坑位升級。

容器升級.png

框架扁平化  

新天貓APP從一級導航開始,每一個tab都聚焦一件事,用戶認知更清晰。

框架扁平化.png

為了加強商品表現力,在容器的信息表達上相較于老版也更加扁平,從復雜錯落的入口變為了坑位的組合,結構極為簡單。利用大數據推薦精選商品,讓用戶與商品直接觸達。

框架扁平化1.png

商品坑升級

在簡單易懂的頁面框架下,我們重新思考了商品展現以及組合方式。

我們在商品容器上構建明確的分區,制定出穩定的結構,便于理解和記憶,達到能不斷的透傳商品價值的目的。同時也對商品容器做橫向擴展,去滿足不同業務及場景的需求。

商品坑升級.png

商品坑升級1.png

Tmall BRAND強化

大家一起來猜猜哪個是天貓?

(↓從左到右依次為:大眾點評、淘寶、天貓、京東)

Tmall BRAND強化.png

在電商APP界面越來越趨同,以及天貓品牌升級的大背景下。

此次貓客首頁改版以“Tmall”為載體一直貫穿,從用戶打開APP開始不斷強調Tmall,同時把Tmall提升到首頁的核心區域并賦予更多情感化及商業化的功能,讓用戶從第一感官以及認知上知道這是天貓。

Tmall BRAND強化1.png

打開天貓APP,從閃屏到首頁

打開天貓APP,從閃屏到首頁.gif

Doodle的運用

Doodle的運用.png

能支持熱點事件營銷,并結合搜索關鍵詞產生商業價值,成為品牌活動的一個新流量陣地:

熱點事件營銷.png

支持多種格式文件:

支持多種格式文件.gif

內容化設計

為了保證整個天貓平臺最終呈現給用戶的品質,不能僅依賴于產品設計,更應該對內容做優化設計。

以針對商品圖優化為例,我們做了兩件事情:商品圖排版建議與商品打底圖強控&白名單。

內容化設計.png

商品圖排版建議

商品圖排版建議.png

商品打底圖強控&白名單

為了避免首頁出現下圖左側情況出現,我們制定了平臺商品圖規范輸入給商家,強控產出:首頁所有的商品都保證有一張白底圖作為打底素材。同時為了保證優質商家品牌調性及平臺豐富度,我們特地組織成了設計師審核小分隊,大家一起來人工篩選出那些商品圖有自己調性,品質高的商家,為他們開通綠色通道,允許不使用白底圖,使用帶有品牌特色的商品主圖。

這樣就不僅保障了平臺商品內容的整體品質,也讓品質商家保留了自己的品牌調性。

商品打底圖強控&白名單.png

實施商品打底圖強控&白名單后首頁圖片質量提升效果:

實施商品打底圖強控&白名單后首頁圖片質量提升效果.png

細節打磨

在設計過程中,我們也挖掘了很多體驗上的小創新,希望能帶給用戶更有品質的小驚喜的體驗感受。下面舉兩個例子分享。

首焦banner視差

在新banner模板基礎上衍生出分層產出即可實現視差及重力感應效果,讓整個產品更生動富有細節。

首焦banner視差.gif

新人引導

由于此次改版最大亮點在于商品力的表現上,所以在新人引導這塊我們用了輕互動的形式,讓用戶可以通過小游戲的方式,通過滑動信息模塊來感受商品坑每個區塊的含義。

新人引導.gif

首頁整個從設計到開發上線的過程背負著很大的壓力。就像標題中講的,這次改版可能是天貓app史上的最大的改版,是面向消費升級的第一次大嘗試。在過程中,項目組的每個成員都抱了最壞的打算,即使出現極大的反彈,我們也要堅定的往這個方向走。

上線之后,我們也在各個輿情平臺上聽到了很多用戶聲音。有很多鼓勵的說天貓跟其他電商終于不一樣了,也有批評的說那么多入口有些找不到了。我們一邊聆聽用戶,一邊在加速進行迭代優化。

大家一定能看到越來越好的天貓APP!

希望大家讀完本文,能夠了解到我們的設計過程。也能通過這些設計探索理解天貓App的愿景:做最好的品質購物App。


0
0
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務聯系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學科技園東區9號樓2層

版權信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

亚洲视频在线一区二区三区_色婷婷AV一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      亚洲国产精品www| 欧美日韩亚洲国产一区| 在线综合亚洲欧美在线视频| 国产精品国产三级国产普通话99| 欧美一区二区精品| 9久re热视频在线精品| 国产一区二区日韩精品| 欧美日韩国内自拍| 美女网站在线免费欧美精品| 性欧美xxxx大乳国产app| 99re在线精品| 亚洲美女黄色片| 在线精品在线| 精品不卡视频| 黄色精品一区| 国产欧美一级| 国产视频久久网| 国产精品久久精品日日| 欧美日韩人人澡狠狠躁视频| 欧美国产日韩一区二区三区| 久久天堂国产精品| 久久精品国产一区二区三区| 亚洲一区二区三区视频| 99精品久久免费看蜜臀剧情介绍| 亚洲高清一二三区| 亚洲国产精品ⅴa在线观看 | 极品少妇一区二区三区精品视频 | 亚洲午夜国产成人av电影男同| 在线成人h网| 亚洲国产精品成人va在线观看| 激情五月***国产精品| 国产一区欧美| 伊人久久婷婷色综合98网| 激情欧美丁香| 亚洲第一福利视频| 最新国产精品拍自在线播放| 91久久精品一区二区别| 亚洲精品国产欧美| av成人福利| 亚洲欧美日韩综合aⅴ视频| 香蕉久久国产| 久久成人免费日本黄色| 久久青草欧美一区二区三区| 麻豆精品视频在线观看| 欧美精品一区二区三区蜜臀| 欧美日韩亚洲91| 国产欧美 在线欧美| 狠狠色丁香婷综合久久| 亚洲精品美女免费| 亚洲在线1234| 鲁大师影院一区二区三区| 欧美精品一区二区三区高清aⅴ| 欧美日韩一区二区三区免费看 | 亚洲一区二区在线免费观看视频| 亚洲影院免费| 久久手机精品视频| 欧美视频在线一区| 国产一区在线观看视频| 91久久综合| 亚洲淫性视频| 女同性一区二区三区人了人一 | 99精品国产99久久久久久福利| 亚洲一区二区三区久久| 久久久久久久尹人综合网亚洲 | 亚洲国产精品电影| 在线综合视频| 欧美成人精品在线观看| 国产精品视频yy9099| 亚洲国产精品久久久久久女王| 一区二区三区三区在线| 久久久久久久精| 国产精品男gay被猛男狂揉视频| 在线免费观看日韩欧美| 性欧美长视频| 国产精品高清在线| 亚洲国产精品一区二区久| 亚洲欧美日韩第一区| 欧美国产日韩一区二区在线观看| 国产午夜精品福利| 在线视频精品| 欧美激情亚洲自拍| 极品少妇一区二区三区精品视频| 一个人看的www久久| 欧美国产在线电影| 在线日韩一区二区| 久久久久久亚洲精品中文字幕| 国产精品福利网| 99精品福利视频| 欧美日韩国产三区| 亚洲精品综合久久中文字幕| 美女图片一区二区| 有码中文亚洲精品| 久久久夜夜夜| 极品尤物久久久av免费看| 欧美一区二区三区成人| 国产精品揄拍500视频| 亚洲午夜性刺激影院| 欧美日韩成人在线观看| 日韩视频中文字幕| 欧美久久在线| 国产精品99久久99久久久二8 | 在线中文字幕一区| 久久精品五月| 国产色产综合产在线视频| 午夜日本精品| 国产情侣久久| 久久久综合网站| 亚洲国产婷婷| 欧美日韩国产欧美日美国产精品| 一本色道88久久加勒比精品| 欧美四级在线观看| 性xx色xx综合久久久xx| 国产亚洲欧洲一区高清在线观看 | 午夜在线一区二区| 国产综合精品| 欧美日韩国产一区二区三区| 日韩一级精品| 国产精品拍天天在线| 久久精品人人做人人爽| 亚洲二区在线| 国产精品久久久久影院亚瑟| 久久riav二区三区| 亚洲精品乱码久久久久久按摩观| 欧美日韩激情小视频| 午夜视频久久久久久| 在线观看视频一区二区欧美日韩| 欧美激情亚洲综合一区| 性亚洲最疯狂xxxx高清| 亚洲国产欧美在线人成| 国产精品久久久久久福利一牛影视| 性色av一区二区怡红| 亚洲精品日本| 韩国成人福利片在线播放| 欧美精品v日韩精品v国产精品| 亚洲一区免费网站| 亚洲高清视频一区| 国产精品视频yy9299一区| 免费观看成人网| 亚洲欧美视频一区二区三区| 亚洲国产精品激情在线观看| 国产精品欧美日韩久久| 欧美激情小视频| 久久精品国产免费看久久精品| 亚洲国产国产亚洲一二三| 国产精品视频99| 欧美精品免费观看二区| 久久综合久久久久88| 亚洲欧美影院| 一本色道久久88综合亚洲精品ⅰ| 国内精品久久久久久| 国产精品免费一区二区三区在线观看| 蜜臀久久久99精品久久久久久| 午夜精品区一区二区三| 亚洲精品综合| 亚洲精品美女在线观看| 亚洲高清久久久| 黄色亚洲网站| 激情综合自拍| 精品999网站| 激情六月婷婷综合| 国产亚洲日本欧美韩国| 国产欧美二区| 国产精品一区毛片| 国产精品视频福利| 国产精品美女999| 国产女主播在线一区二区| 国产精品免费视频xxxx| 欧美色欧美亚洲另类二区| 欧美日韩亚洲一区二区三区四区| 欧美精品粉嫩高潮一区二区| 欧美激情亚洲视频| 欧美日韩一区二区欧美激情| 欧美日韩成人网| 欧美日韩精品高清| 欧美午夜不卡影院在线观看完整版免费 | 国产人成一区二区三区影院| 国产精品影片在线观看| 国产亚洲一本大道中文在线| 国产视频久久久久| 在线看片欧美| 一区二区成人精品| 亚洲制服av| 久久国产精品久久国产精品| 久久久www成人免费毛片麻豆| 久久久久一区二区| 欧美肥婆在线| 国产精品美女久久久久av超清| 国产精品一区二区a| 国产综合色产在线精品| 亚洲片在线资源| 亚洲精选视频免费看| 亚洲影院色在线观看免费| 久久福利毛片| 欧美精品久久久久久久久久| 国产精品区一区二区三| 好吊色欧美一区二区三区四区| 亚洲人成网站在线播| 亚洲视频一起| 久久久国产精品一区二区中文| 麻豆成人91精品二区三区|