文章對l天貓APP的新版做了幾點分析，與大家分享，希望可以給你帶來啟發(fā)。

隨著2017年的雙十一的臨近，阿里新一輪的大促開始了，于是瓜分2.5個億的活動在學(xué)堂君周邊展開了，各位小伙伴都在不停的找身邊的人來掃一掃，點亮等操作。

當(dāng)然，作者也會參與其中了，被逼升級了天貓APP最新版的。 當(dāng)打開新版的Tmall天貓APP的時候，除了活動，還是讓我看到驚喜的小地方。

整個天貓APP界面設(shè)計更加商業(yè)化。品牌元素植入也更徹底。于是便停下工作，好好的欣賞了一下天貓APP的新版設(shè)計。

第一點新奇設(shè)計之處：天貓APP的設(shè)計框架變了

換句話說：新天貓APP從一級導(dǎo)航開始，每一個tab都聚焦一件事，用戶認(rèn)知更清晰。這是真正站在用戶的角度來考慮的。

不是像之前一樣。把大部分的圖標(biāo)菜單和導(dǎo)航展示出來，反倒感覺整個界面很亂。讓用戶想要找到真正需要的商品的認(rèn)知成本增加了。

從圖標(biāo)和導(dǎo)航來說，如今新版Tmall天貓APP 整個的感覺是清晰明了了。

新版天貓APP首頁設(shè)計如下：

能有這樣的界面設(shè)計效果，得益于阿里UED團(tuán)隊采用的新的設(shè)計框架。那就是容器升級。

阿里設(shè)計團(tuán)隊人員 認(rèn)為商品是任何購物性平臺與品牌與消費(fèi)者之間最原始的鏈接。同時我們也希望能用最簡單的方式來降低用戶認(rèn)知成本，不再是一層一層的進(jìn)入入口，而是能直接觸達(dá)商品，通過凸顯商品本身優(yōu)勢屬性，來達(dá)到效率購物的目的。

為了加強(qiáng)商品表現(xiàn)力，在容器的信息表達(dá)上相較于老版也更加扁平，從復(fù)雜錯落的入口變?yōu)榱丝游坏慕M合，結(jié)構(gòu)極為簡單。利用大數(shù)據(jù)推薦精選商品，讓用戶與商品直接觸達(dá)。

如下圖所示：

第二新奇設(shè)計之處：卡片化設(shè)計與應(yīng)用更加極致。

如下圖品牌欄目：每一個推薦的店鋪都是一個卡片，在每一個卡片里面包含3個坑位。每個卡片之間加上3像素的投影。就把APP界面設(shè)計的一致性、層次感區(qū)分出來了。

特別是 我 的頁面的卡片化設(shè)計更加明顯。每個卡片之間區(qū)別的很清晰，同時在卡片里面的設(shè)計也花了不少設(shè)計師心思。

如下圖： 4 -5 -1 – 3 -4 的坑位布局。 錯落有致。

特別是我的頁面，里面有個小細(xì)節(jié)體驗了交互設(shè)計的用戶。

比如訂單模塊的，查看全部的字體 跟欄目的標(biāo)題字體一樣大，要是我們之前的設(shè)計，一定會讓字體小一號。如今這樣的設(shè)計很巧妙。而且在手機(jī)APP上看，也比較明顯。 只是簡單通過顏色弱化了。其實反而在這樣紅色鮮艷奪目的整體界面當(dāng)中，更加凸顯這個入口。

同時在訂單模塊和三單有禮 模塊 增加了 圖片焦點圖滾動，讓原本安靜的我的頁面 頓時活躍起來了。這一舉措有意迎合了年輕用戶。又給整個界面富有設(shè)計元素的飽滿。

仔細(xì)一看，三單有禮 原來是一個誘惑。非常極具符合人性的交互設(shè)計。也是一個非常棒的促進(jìn)提升用戶參與感的設(shè)計。值得我們學(xué)習(xí)。

當(dāng)然，還有其他設(shè)計小細(xì)節(jié)值得我們?nèi)ネ诰蚝推肺丁?以上2小點就是25學(xué)堂的小編想要跟大家分享的。

第三個新奇設(shè)計之處：讓天貓APP ?高尚區(qū)別與電商APP的設(shè)計

整個天貓APP的新版設(shè)計非常注重品牌元素的注入。同時下拉刷新這樣的動效也發(fā)生了改變，也不是之前那樣。增添了活動的氛圍。

主要天貓APP設(shè)計團(tuán)隊人員，也知道，大部分的電商APP設(shè)計都差不多，不仔細(xì)看，還真的區(qū)別不出來。如今新版天貓之后，就大大增強(qiáng)了識別性。

下面說2點最顯著的特點：

• 第一個是 天貓APP的首頁的頂部，有TMALL 品牌標(biāo)志logo。
• 第二個是我的頁面 ?頂部背景造型就是tmall的形象，非常醒目，與卡片模塊融合很到位。

如下圖所示：

以上就是我跟大家分享的三點?Tmall天貓APP新版設(shè)計 新奇之處，同時也給我們傳達(dá)了一種新的電商設(shè)計思路和設(shè)計態(tài)度。值得學(xué)習(xí)和鼓勵。

來源：http://www.25xt.com/appdesign/16312.html

本文由 @25學(xué)堂?授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自PEXELS，基于CC0協(xié)議