中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)語(yǔ)：隨著現(xiàn)代人生活水平的提高，以及線上購(gòu)物的越來(lái)越便捷，淘寶成為了大家買東西的首要選擇。那么，淘寶的加購(gòu)頁(yè)面，大家一定不會(huì)陌生。今天，本文作者從設(shè)計(jì)師的角度出發(fā)，憑借自身的使用感受，為我們解讀了淘寶加購(gòu)頁(yè)面的3種展示方式。

最近網(wǎng)購(gòu)時(shí)，發(fā)現(xiàn)淘寶的加購(gòu)浮窗新增了2種展示方式。本人稱之為“縮略圖預(yù)覽”方式和“下拉大圖”方式。今天我們來(lái)分析下其中的設(shè)計(jì)邏輯，推測(cè)下背后的設(shè)計(jì)目標(biāo)。

一、用戶行為

對(duì)用戶而言，品質(zhì)和價(jià)格始終是購(gòu)買商品最重要的決策因素。品質(zhì)主要是依靠商品詳情頁(yè)獲得，價(jià)格則需要通過(guò)加購(gòu)頁(yè)面來(lái)確定。

商家為了增加商品曝光，盡可能地覆蓋最大多數(shù)用戶的購(gòu)物需求，一個(gè)商品條目通常包含了多種類型。這就造成商品詳情頁(yè)的內(nèi)容比較多，頁(yè)面過(guò)長(zhǎng)，增加了用戶閱讀和記憶負(fù)擔(dān)。

因此用戶可能不會(huì)完整地閱讀所有詳情內(nèi)容，更多的是通過(guò)瀏覽商品關(guān)鍵信息，例如圖片、商品詳情等內(nèi)容，初步判斷商品符合自己的購(gòu)買需求后，進(jìn)入加購(gòu)頁(yè)面，結(jié)合商品價(jià)格對(duì)比選擇后，做出最終的商品購(gòu)買決策。

同樣加購(gòu)頁(yè)面中商品分類過(guò)多，也會(huì)造成用戶選擇困難。因此需要通過(guò)一定的設(shè)計(jì)策略，提升加購(gòu)頁(yè)面，用戶查看商品類型、圖片的效率。

二、商品屬性

電商平臺(tái)商品包羅萬(wàn)象，不同商品的屬性差異可能較大。

例如生活日用品通常覆蓋了更多的商品組合類型，價(jià)格跨度也較大，這也導(dǎo)致了用戶容易受到價(jià)格影響而改變商品類型選擇。

而服裝、鞋子等商品采用的是單一價(jià)格機(jī)制，主要的差異點(diǎn)是顏色、尺碼等。用戶在詳情頁(yè)明確了商品購(gòu)買意愿后，在加購(gòu)頁(yè)面只需要根據(jù)自己的喜好，就可以快速下單。

因此對(duì)于不同的商品，加購(gòu)頁(yè)面的作用也有所差異。

三、3種展示方式

1. 標(biāo)簽式設(shè)計(jì)

標(biāo)簽式設(shè)計(jì)商品信息區(qū)，采用的是左圖右文方式，信息包含了商品圖片、價(jià)格、選擇類型等內(nèi)容。

用戶點(diǎn)擊下方的商品分類標(biāo)簽，上方商品圖片會(huì)聯(lián)動(dòng)切換，這就造成了用戶視覺(jué)動(dòng)線的上下反復(fù)跳動(dòng)；用戶也可以點(diǎn)擊商品縮略圖，進(jìn)入全屏模式。

不過(guò)這種交互方式相對(duì)比較隱蔽，用戶感知不強(qiáng)。

在全屏大圖模式下，左右滑動(dòng)可以切換商品類型，下方的商品分類也隨之聯(lián)動(dòng)自動(dòng)選中，從而減少用戶的操作和記憶成本。但是全屏模式下，用戶只能逐一瀏覽商品類型，無(wú)法選擇性瀏覽，特別是當(dāng)分類過(guò)多時(shí)，會(huì)造成效率下降。

2. 縮略圖預(yù)覽設(shè)計(jì)

縮略圖預(yù)覽展示方式，主要實(shí)現(xiàn)了3點(diǎn)優(yōu)化：

1. 將商品分類選擇和圖片集合在了一起，實(shí)現(xiàn)了所見(jiàn)即所得。對(duì)于價(jià)格固定商品，用戶只需要專注于商品類型選擇即可，減少了用戶視覺(jué)動(dòng)線的跳轉(zhuǎn)。
2. 多圖并列展示，方便用戶對(duì)比查看商品的差異點(diǎn)，更有利于用戶快速選擇，效率更高。
3. 商品圖片展示尺寸更大，用戶可以更好的了解商品細(xì)節(jié)。

當(dāng)然縮略圖方式也帶來(lái)了新的問(wèn)題，由于尺寸較大，導(dǎo)致頁(yè)面展示效率下降。因此淘寶對(duì)縮略圖數(shù)量做了限制。

據(jù)我觀察，縮略圖預(yù)覽模式跟商品類型數(shù)量有一定關(guān)系，基本的展示原則如下：

• 當(dāng)商品類型超過(guò)6種，則保持原有的“標(biāo)簽化”形式；
• 當(dāng)商品類型不超過(guò)6種，則采用“縮略圖預(yù)覽”方式；

另外縮略圖預(yù)覽展示形式下，商家還可以自行設(shè)定模塊放置順序，滿足不同商品的靈活配置。

3. 下拉大圖模式

在未選中手機(jī)顏色的情況下，用戶在加購(gòu)浮窗最頂部下拉，就可以進(jìn)入大圖模式，并且能夠左右滑動(dòng)，瀏覽不同顏色類型的商品。

在已經(jīng)選擇某個(gè)顏色的情況下，下拉只展示選定顏色的商品大圖；上滑即可退出大圖模式，點(diǎn)擊圖片同樣可以進(jìn)入全屏模式。

目前只在“手機(jī)類”商品中發(fā)現(xiàn)了該模式的應(yīng)用案例。下拉的操作方式更加隱蔽，我也是在不經(jīng)意間發(fā)現(xiàn)的。

大圖尺寸介于縮略圖和全屏圖之間，保證了用戶在不進(jìn)入全屏模式下，可以最大程度查看商品細(xì)節(jié)，上下滑動(dòng)的交互方式也更加順暢自然，進(jìn)一步提高了用戶的操作效率。

三、寫(xiě)在最后

通過(guò)以上分析，我們可以做出一些推測(cè)：

1. 新增的2種設(shè)計(jì)形式，都在強(qiáng)化圖片在加購(gòu)浮窗中的展示效果，說(shuō)明商品圖片對(duì)用戶選擇有著更為重要的作用；
2. 淘寶的設(shè)計(jì)目標(biāo)，改變一刀切的展示方式，建立多層級(jí)的展現(xiàn)方式，提供更好的瀏覽體驗(yàn)，方便用戶更快的選擇目標(biāo)商品，提高用戶購(gòu)買決策效率；
3. 根據(jù)希克定律，提供給用戶的選擇越多，所需要作出決定的時(shí)間就越長(zhǎng)。淘寶新的設(shè)計(jì)形式或許是在引導(dǎo)商家，優(yōu)化商品分類數(shù)量配置，讓用戶更快的做出商品購(gòu)買決策。

以上就是我的個(gè)人分析，歡迎大家留言交流。

#專欄作家#

子牧先生。公眾號(hào)：子牧UXD（HelloDesign），人人都是產(chǎn)品經(jīng)理專欄作家。產(chǎn)品體驗(yàn)設(shè)計(jì)師。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗(yàn)，擅長(zhǎng)體驗(yàn)設(shè)計(jì)思維、設(shè)計(jì)方法論、交互設(shè)計(jì)研究。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 unsplash，基于CC0協(xié)議