狗玩具”类别页面为例

RAHIM104

金刚狗玩具”的耐嚼类别页面 “金刚狗玩具”的耐嚼类别页面和结果。（来源：Chewy）（大预览） 该类别页面设计整体上比竞争对手 PetSmart 的处理方式简洁得多。然而，这里存在相当多的浪费。也就是说，有两个重复的文本字符串需要删除： 产品图片下方的“更多选择”； 价格和评级之间“超过 49 美元  免费 1-2 天送货”。 免费送货通知可以很容易地以可关闭的粘性栏的形式出现在网站顶部。而且“更多可用选择”根本不需要出现在这里。通过加强产品详细信息，移动购物者可以更快地浏览可用的搜索结果。 以下是BH Cosmetics可能会被削减的产品列表示例： BH化妆品化妆刷分类页面 BH Cosmetics 在相应的品类页面上展示了化妆刷套装。

来源：BH Cosmetics）（大预览） “添加到购物袋”按钮都需要删除。除非购物者 特殊数据 可以查看单个产品图像并知道这就是他们所需要的，否则这些按钮在此页面上毫无用处。 我也认为“XX％OFF”是没有必要的。没有理由让这件事变得过于复杂。划掉的原价和粉色的新低价应该足以引起人们对这个报价的关注。 这不是在电子商务网站上显示库存/选项的唯一方法，因此您必须根据您的具体情况评估每个产品元素。 所以您可以明白我在说什么，以下是在Expedia上搜索“希腊圣托里尼岛酒店”所显示的内容： “希腊圣托里尼酒店”的 Expedia 搜索结果 Expedia 上的“希腊圣托里尼酒店”搜索结果页。（来源：Expedia）（大预览） 在希腊圣托里尼酒店”的搜索结果 B希腊圣托里尼酒店”的搜索结果页面。（大预览） 两者都包含每个列表所需的基本详细信息。



但是，它们包含更多详细信息以帮助用户做出决定。 然而，这些额外信息的显示方式存在很大差异。在Expedia上，用户可以看到“含早餐”是首要特色，而且特价房仅剩两间。这是有用的信息。然而，在上，价格正下方显示了一堆绿色的详细信息。它很难阅读，而且我不确定所有细节都是必要的。 如果有疑问，请从最低限度开始。然后，使用 A/B 测试来确认其他细节是否可以提高点击率和转化率。 在 Smashing 杂志上做广告 3.管理您的移动类别页面大们在设计电商类目页面时需要注意页面大小的原因有两个： 由于此类页面上出现大量图像和数据，因此可能会严重影响加载时间。 您一次展示的产品越多，购物者所经历的分析瘫痪就越严重。 因此，要做的第一件事就是限制页面的长度。 虽然您可能会想使用无限滚动或自动加载，以便在访问者向下滚动页面时显示更多产品图像，但如果您像沃尔玛那样使用分页链接，则性能会更好： 沃尔玛类别页面分页 沃尔玛在其产品类别页面的末尾使用分页。