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

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

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

天貓是一個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一区二区三区浪潮_亚洲综合无码精品一区二区三区_高清精品一区二区三区一区

      9000px;">

          精品国产自在久精品国产| 精品国产一区二区三区四区四| 成人一区二区三区视频| 国产成人综合在线观看| 日本视频在线一区| 91麻豆精品在线观看| 亚洲素人一区二区| 欧美一级精品在线| 不卡电影免费在线播放一区| 一区二区高清免费观看影视大全| 欧美日韩大陆在线| 成人看片黄a免费看在线| 日韩av一区二区在线影视| 久久久99久久| 日韩一区中文字幕| 色悠久久久久综合欧美99| 丝袜国产日韩另类美女| 免费成人结看片| 在线精品视频免费观看| 亚洲成a人片在线观看中文| 亚洲国产成人va在线观看天堂| 91免费国产在线观看| 日本不卡的三区四区五区| 91麻豆精东视频| 国产精品系列在线| 成人伦理片在线| 欧美一区午夜精品| 精品一区二区三区视频在线观看 | 国产美女在线观看一区| 色天天综合色天天久久| 久久国产精品一区二区| 亚洲一区二区av在线| 久久久亚洲午夜电影| 精品国产乱码久久| 久久激情五月婷婷| 日韩美女视频在线| 亚洲国产毛片aaaaa无费看| 欧美午夜片在线看| 亚洲一级不卡视频| 欧美主播一区二区三区| 一区二区三区在线影院| 日本道在线观看一区二区| 亚洲欧美日韩在线播放| 欧美欧美午夜aⅴ在线观看| 亚洲欧洲一区二区三区| 国产一区二区三区四区五区入口| 精品一区二区三区在线观看国产| 国产99久久久精品| 91亚洲国产成人精品一区二区三| 欧美一区二区私人影院日本| 国产色产综合产在线视频| 国产欧美日产一区| 蜜臀久久久99精品久久久久久| 轻轻草成人在线| 99久久久久久| 3d动漫精品啪啪一区二区竹菊| 国产女主播视频一区二区| 亚洲综合丝袜美腿| 91亚洲国产成人精品一区二区三| 精品国产一区二区在线观看| 亚洲大型综合色站| 久久色.com| 欧美日韩国产精选| 国产91清纯白嫩初高中在线观看| 天堂影院一区二区| 日韩手机在线导航| 一区二区在线电影| 国产盗摄女厕一区二区三区| 91精品国产手机| 久久婷婷色综合| 国产乱码一区二区三区| 欧美一卡二卡三卡四卡| 午夜精品福利久久久| 欧美无乱码久久久免费午夜一区| 中文字幕一区视频| 色婷婷久久综合| 国产精品国产自产拍高清av王其 | 欧美精品一二三| 亚洲电影激情视频网站| 色欧美日韩亚洲| 亚洲午夜久久久久| 国产成人午夜精品影院观看视频 | 精品国产91洋老外米糕| 日韩欧美精品在线| 色综合视频一区二区三区高清| 精品一区二区久久久| 日日欢夜夜爽一区| 亚洲综合色视频| 亚洲视频一区二区免费在线观看| 26uuuu精品一区二区| 国产成人综合视频| 亚洲欧洲成人av每日更新| 高清在线观看日韩| 国产精品国产自产拍高清av王其 | 欧美专区在线观看一区| 伊人开心综合网| 51午夜精品国产| 国产精品中文有码| 亚洲a一区二区| av亚洲精华国产精华精| 亚洲女女做受ⅹxx高潮| 国产精品久久久久国产精品日日| 69堂国产成人免费视频| 免费欧美高清视频| 亚洲在线一区二区三区| 一区二区三区鲁丝不卡| 亚洲女与黑人做爰| 亚洲妇熟xx妇色黄| 日本不卡一区二区| 久久se精品一区精品二区| 男女男精品网站| 国产在线精品国自产拍免费| 激情文学综合插| 成人在线综合网站| 91视频在线看| 欧美另类久久久品| 精品国精品国产| 国产精品色一区二区三区| 亚洲视频免费看| 日韩成人dvd| 国产一区二区三区四区五区入口| 成人自拍视频在线| 欧美日韩免费不卡视频一区二区三区| 欧美三级日韩在线| 欧美刺激午夜性久久久久久久| 国产色婷婷亚洲99精品小说| 亚洲综合在线视频| 国产香蕉久久精品综合网| 欧美精品第1页| 亚洲精品欧美综合四区| 99久久婷婷国产综合精品电影| 成人网男人的天堂| 在线免费观看日韩欧美| 在线一区二区三区四区五区| 欧美一区二区三区在线电影 | 日本高清视频一区二区| 4438x亚洲最大成人网| 久久毛片高清国产| 亚洲成人自拍一区| 欧美日韩不卡一区| 久久影院午夜片一区| 亚洲国产成人av| 国产精品一二三四区| 亚洲精品一区二区三区福利| 精品国产在天天线2019| 国产亚洲一区二区在线观看| 久久色.com| 亚洲欧美日韩精品久久久久| 夜夜嗨av一区二区三区中文字幕| 午夜精品久久久久影视| 国产一区二区不卡在线| 一本久道中文字幕精品亚洲嫩| 在线综合视频播放| 中文字幕在线视频一区| 久久99最新地址| 日本韩国视频一区二区| 在线视频国产一区| 国产清纯美女被跳蛋高潮一区二区久久w | 国产精选一区二区三区| 在线欧美一区二区| 国产视频一区在线播放| 欧美一级精品大片| 国产亚洲欧美中文| 免费不卡在线视频| 青青草伊人久久| 一区二区三区四区在线播放 | 国产真实乱偷精品视频免| 91同城在线观看| 久久新电视剧免费观看| 奇米色一区二区| 欧美日韩精品一区二区三区蜜桃| 国产精品麻豆视频| 国产精品亚洲人在线观看| 欧美变态tickle挠乳网站| 久久久亚洲午夜电影| 高清国产午夜精品久久久久久| 日韩视频免费观看高清完整版| 亚洲综合免费观看高清完整版| 国产黄色成人av| 久久嫩草精品久久久精品| 日韩一区欧美二区| 欧美伊人久久久久久久久影院| 精品国产一区久久| jizz一区二区| 日日噜噜夜夜狠狠视频欧美人| 偷拍自拍另类欧美| 国产精品系列在线观看| 国产日韩三级在线| 精品欧美黑人一区二区三区| 不卡的电影网站| 国产在线乱码一区二区三区| 亚洲成人自拍偷拍| 亚洲成av人片观看| 五月天精品一区二区三区| 亚洲国产色一区| 一区二区三区波多野结衣在线观看| 久久久www成人免费无遮挡大片| 日韩欧美精品在线视频| 欧美人狂配大交3d怪物一区| jizz一区二区|