编者按：随着现代生活水平的提高和网上购物的日益便利，淘宝已经成为每个人购物的首选。


所以，淘宝的额外购买页面，我们不会陌生。


今天，作者从设计师的角度，以自己的使用感受，为我们解释了淘宝购买页面的三种显示方式。


最近，在网上购物时，我发现淘宝增加了两种显示方式。


我称之为缩略图预览和下拉大图。


今天，让我们分析设计逻辑，推测背后的设计目标。


一、用户行为 对于用户来说，质量和价格一直是购买商品最重要的决策因素。


质量主要取决于商品细节页面，价格需要通过额外的购买页面来确定。


为了增加商品曝光率，商家尽可能覆盖大多数用户的购物需求，商品项目通常包含多种类型。


这导致产品详细信息页面内容较多，页面过长，增加了用户阅读和记忆的负担。


因此，用户可能不会完全阅读所有细节，而是通过浏览图片、商品细节等关键信息，初步判断商品满足自己的购买需求，进入购买页面，结合商品价格比较选择，做出最终的商品购买决策。


同样，购买页面中的商品分类过多也会使用户难以选择。


因此，有必要通过一定的设计策略来提高购买页面，用户可以查看商品类型和图片的效率。


二、商品属性 电子商务平台上的商品包罗万象，不同商品的属性差异可能很大。


例如，日用品通常覆盖更多的商品组合类型，价格跨度更大，这也导致用户容易受到价格的影响，改变商品类型的选择。


服装、鞋子等商品采用单一的价格机制，主要区别在于颜色、尺寸等。


在详细页面上明确了购买商品的意愿后，用户可以根据自己的喜好快速下单。


因此，对于不同的商品，购买页面的作用也不同。


三、三种展示方式 1. 标签式设计 商品信息区的标签设计采用左图右文的方式，包括商品图片、价格、选择类型等。


用户点击下面的商品分类标签，上面的商品图片会联动切换，导致用户视觉移动线上下反复跳动；用户还可以点击商品缩略图进入全屏模式。


但这种交互方式相对隐蔽，用户感知不强。


在全屏大图模式下，左右滑动可以切换商品类型，下面的商品分类也可以联动自动选择，从而降低用户的操作和记忆成本。


但在全屏模式下，用户只能逐一浏览商品类型，无法选择性浏览，特别是当分类过多时，效率会下降。


2. 缩略图预览设计 缩略图预览显示模式主要实现三点优化： 将商品分类选择与图片结合在一起，实现所见即所得。


对于固定价格的商品，用户只需专注于商品类型的选择，以减少用户视觉移动线的跳转。


多图并列显示，方便用户对比查看商品差异，更有利于用户快速选择，效率更高。


商品图片显示尺寸较大，用户可以更好地了解商品细节。


当然，缩略图的方式也带来了新的问题。


由于尺寸大，页面显示效率降低。


因此，淘宝限制了缩略图的数量。


根据我的观察，缩略图预览模式与商品类型数量有关，基本显示原则如下： 当商品类型超过6种时，保持原有的标签形式； 当商品类型不超过6种时，采用缩略图预览的方式； 此外，在缩略图预览显示形式下，商家还可以设置模块放置顺序，满足不同商品的灵活配置。


3. 下拉大图模式 在未选择手机颜色的情况下，用户可以在购买浮窗的顶部下拉，进入大图模式，并可以左右滑动，浏览不同颜色类型的商品。


在选择某种颜色时，下拉只显示选定颜色的商品大图；向上滑动退出大图模式，点击图片进入全屏模式。


该模式的应用案例目前只在手机产品中发现。


下拉的操作模式更加隐蔽，我无意中发现了。


大图尺寸介于缩略图和全屏图之间，确保用户能够在不进入全屏模式的情况下最大限度地查看产品细节，上下滑动的交互模式更加顺畅自然，进一步提高了用户的操作效率。


四、写在最后 通过以上分析，我们可以做出一些推测： 两种新的设计形式都在加强图片在浮窗中的显示效果，说明商品图片在用户选择中起着更重要的作用； 淘宝的设计目标，改变一刀切的展示模式，建立多层次的展示模式，提供更好的浏览体验，方便用户更快地选择目标产品，提高用户的购买决策效率； 根据希克定律，用户提供的选择越多，做出决定的时间就越长。


淘宝的新设计形式可能是引导商家优化商品分类数量配置，让用户更快地做出商品购买决策。


以上是我的个人分析。


欢迎留言交流。


特别说明：本网站的主要目的是收集与互联网运营相关的干货知识，为运营伙伴提供便利。


本网站收集的公共内容来自互联网或用户的贡献，这并不意味着本网站同意其观点，也不对网站内容的真实性负责。


如有侵权行为，请联系网站管理员删除，。