综合久久黄色,大香蕉视频精品,操屄综合网,影音先锋久久,91一二区,伊人久久人妻,黄色一级一级,日本黄色片一级视频

2021年原創(chuàng)總第 18 篇

距離年度目標(biāo)36篇還有 18 篇

(全文1982字，預(yù)計(jì)閱讀時(shí)間：5分鐘)

最近發(fā)現(xiàn)天貓首頁(yè)改版了，整個(gè)頁(yè)面變成了大卡流的信息結(jié)構(gòu)，內(nèi)容和視覺(jué)表現(xiàn)更加簡(jiǎn)潔，產(chǎn)品語(yǔ)言更加符合品牌定位。

今天我們就分析總結(jié)天貓首頁(yè)改版的細(xì)節(jié)，總結(jié)下大卡流的設(shè)計(jì)特點(diǎn)。

主要內(nèi)容包括3個(gè)方面：

1、天貓首頁(yè)為什么要改版

2、為什么采用大卡流信息框架

3、大卡流的應(yīng)用場(chǎng)景

為什么要改版？

1）塑造差異化

一直以來(lái)淘寶、天貓都是兩個(gè)相對(duì)獨(dú)立的品牌，天貓品牌定位更加高端，更強(qiáng)調(diào)品牌和品質(zhì)。但是在產(chǎn)品體驗(yàn)上，淘寶和天貓并沒(méi)有明顯的差異，特別是頁(yè)面布局和視覺(jué)呈現(xiàn)上，天貓都缺少獨(dú)特的品牌特色。

2）強(qiáng)化商品和內(nèi)容曝光

2020年淘寶首頁(yè)重大改版，核心目標(biāo)是精簡(jiǎn)內(nèi)容、強(qiáng)化用戶(hù)觸達(dá)商品和內(nèi)容的效率，這種產(chǎn)品設(shè)計(jì)理念也必然影響到了天貓。

改版后天貓首頁(yè)弱化了信息分發(fā)的作用，取消了Banner 資源位，商品分類(lèi)調(diào)整為文字按鈕入口，與搜索框合并展示。原有的頻道欄目縮略圖卡片壓縮為5個(gè)icon入口。內(nèi)容精簡(jiǎn)和整合，保證了用戶(hù)在首屏就可以觸達(dá)品牌和商品。

為什么采用大卡流信息框架？

此次改版最大的特點(diǎn)就是采用了大卡流的信息框架，大卡流有什么優(yōu)勢(shì)和不足呢？

//優(yōu)勢(shì)分析

1）提升瀏覽體驗(yàn)

在現(xiàn)實(shí)生活中，超市和商場(chǎng)的購(gòu)物體驗(yàn)有著明顯的差別。

超市商品琳瑯滿(mǎn)目，商品密度更高，用戶(hù)需要在一排排貨架中去尋找自己所需要的商品。

商場(chǎng)空間大，信息密度低，色彩更加素白，更加突出品牌信息，用戶(hù)的購(gòu)物體驗(yàn)相對(duì)要更加輕松。

這種線(xiàn)下購(gòu)物體驗(yàn)的差異化也映射到了線(xiàn)上產(chǎn)品。新版天貓首頁(yè)采用了“大卡流”，信息密度更低，空間感更強(qiáng)，用戶(hù)認(rèn)知負(fù)荷更輕。仿佛在逛商場(chǎng)專(zhuān)柜，商品猶如單獨(dú)陳列的精品，營(yíng)造出價(jià)值感和品質(zhì)感。

2）信息曝光效率更高，更好的激起用戶(hù)的點(diǎn)擊欲望

大卡片空間尺寸優(yōu)勢(shì)明顯，可以展現(xiàn)更多的信息內(nèi)容，有利于品牌和商品的曝光。

例如舊版的排行榜中，用戶(hù)只能看到一個(gè)個(gè)榜單入口，單個(gè)商品圖片可能無(wú)法引起用戶(hù)的注意和興趣。而新版的排行榜將榜單商品直接平鋪展開(kāi)，用戶(hù)看到的是商品和價(jià)格，更能夠激起用戶(hù)的點(diǎn)擊欲望。

品牌旗艦店是天貓非常重要的資源，高清大圖有利于品牌商品運(yùn)營(yíng)，用戶(hù)觸達(dá)的不再是Banner廣告位，而是突出的品牌信息和商品圖片，信息的體驗(yàn)感知更強(qiáng)。

3）提升商品品質(zhì)感

商品圖片是大卡片流絕對(duì)的核心內(nèi)容，幾乎占據(jù)了卡片的全部空間。大圖可以展現(xiàn)出更多的細(xì)節(jié)，感染力更強(qiáng)。

天貓首頁(yè)商品主要是白底圖，去除了背景氛圍影響，突出商品本身的品質(zhì)和細(xì)節(jié)。圖片還可以組合展示，豐富了商品的表現(xiàn)力。

另外卡片中增加了“立即購(gòu)買(mǎi)”的行動(dòng)按鈕，引導(dǎo)性更強(qiáng)。

//不足之處及應(yīng)對(duì)措施

雖然大卡流提升了瀏覽體驗(yàn)，但是相比雙列流存在著明顯的“屏效”短板。用戶(hù)瀏覽效率降低，必然會(huì)影響頁(yè)面底部的商品曝光，因此必須要增大空間的利用率，提高瀏覽效率。

1）拓展橫向空間，建立十字交互方式

例如天貓首頁(yè)“品牌上新”、“618榜單”等內(nèi)容，增加了橫向滑動(dòng)的交互方式，從而承載更多內(nèi)容。

2）增強(qiáng)圖片的信息承載能力

為了提高卡片內(nèi)容的承載量，還需要拓展圖片的信息維度，增強(qiáng)信息傳遞效率。

天貓商品卡片中增加了品牌、品類(lèi)、賣(mài)點(diǎn)等關(guān)鍵標(biāo)簽，圖文結(jié)合更加緊密，用戶(hù)在圖片瀏覽過(guò)程中就可以完成商品信息的獲取，認(rèn)知效率更高。

并且標(biāo)簽增加了跳轉(zhuǎn)功能，可以直達(dá)店鋪?lái)?yè)面或者商品集合頁(yè)面，從而提高了用戶(hù)行為效率。

大卡流的應(yīng)用場(chǎng)景總結(jié)

大卡流的形式其實(shí)在其他平臺(tái)早有應(yīng)用，例如微信讀書(shū)“發(fā)現(xiàn)”和App Store“今日”頁(yè)面都是采用的大卡流布局形式。

微信讀書(shū)“發(fā)現(xiàn)”頁(yè)面以書(shū)籍推薦為主，采用了少而精的策略，每次推薦1本或6本，通過(guò)“換一批”功能擴(kuò)展推薦數(shù)量。下方則是利用社交關(guān)系和從眾心理為用戶(hù)推薦書(shū)籍卡片以及運(yùn)營(yíng)活動(dòng)坑位。整體而言，微信讀書(shū)發(fā)現(xiàn)頁(yè)面屬于內(nèi)容相對(duì)簡(jiǎn)單的場(chǎng)景。

App Store“今日”頁(yè)面是展示了近一周的應(yīng)用推薦，每天包含了6個(gè)大卡片，內(nèi)容相對(duì)固定，包括主推應(yīng)用、App榜單等。除了圖片之外，大卡片中還可以嵌入視頻增強(qiáng)App的表現(xiàn)力，讓用戶(hù)可以更好的了解App。

另外站酷這類(lèi)以作品展示為主的產(chǎn)品，更強(qiáng)調(diào)圖片的表現(xiàn)力，便于用戶(hù)瀏覽和決策，因此大卡片信息流也是非常好的選擇。

大卡流布局在電商中應(yīng)用案例并不多。

天貓App中應(yīng)用較多，例如天貓“小黑盒”開(kāi)盒有喜、“新品直降”以及“尖叫來(lái)了”等頁(yè)面都是采用的大卡流布局模式，1號(hào)會(huì)員店“發(fā)現(xiàn)”頁(yè)面也是大卡流布局。

大卡片商品尺寸更大，單屏內(nèi)信息更加聚焦，更有利于用戶(hù)的瀏覽和決策。

淘寶新增的微詳情頁(yè)，采用大卡流聚類(lèi)展示，商品展示更加充分，增加了用戶(hù)二次決策機(jī)會(huì)，相比較首頁(yè)直接跳轉(zhuǎn)到商詳頁(yè)瀏覽后，返回再查找選擇下一個(gè)同類(lèi)商品，減少了用戶(hù)行為成本。

寫(xiě)在最后

總體來(lái)看，大卡流框架優(yōu)點(diǎn)和缺點(diǎn)非常鮮明，因?yàn)?span style="font-size: 16px;letter-spacing: 0.51px;">承載內(nèi)容有限，不利于信息分發(fā)，更適合應(yīng)用在內(nèi)容不多，強(qiáng)調(diào)價(jià)值感的場(chǎng)景中。

以上就是我對(duì)大卡流形式的總結(jié)，歡迎評(píng)論交流~

—— THE END —

?????? 粉絲福利：

1、大家點(diǎn)個(gè)“在看”，然后在【子牧UXD】公眾號(hào)后臺(tái)，回復(fù)“行業(yè)報(bào)告”即可免費(fèi)領(lǐng)取100+篇精選行業(yè)報(bào)告。

2、我們組織了專(zhuān)業(yè)的產(chǎn)品/交互/UI設(shè)計(jì)交流群，群內(nèi)有來(lái)自多位華為、阿里、百度、拼多多、騰訊、快手、美團(tuán)等一線(xiàn)大廠(chǎng)的設(shè)計(jì)專(zhuān)家，歡迎入群一起交流成長(zhǎng)。

3、掃描下方二維碼添加小編微信，即可拉你進(jìn)群。

與「5000+」讀者共同成長(zhǎng)

閱讀推薦》》

如何建立產(chǎn)品設(shè)計(jì)中的“安全感”

2021-06-01