电子商务网站产品图片设计建议
时间:2022-08-06 06:51:01 | 来源:网站运营
时间:2022-08-06 06:51:01 来源:网站运营
电子商务网站产品图片设计建议
摘要:电子商务网站产品图片设计建议
关键词:电子商务,产品图片,视觉设计
在产品详情页上,客户浏览产品、比较选项,有时还会做出购买决定。电子商务网站产品图片设计建议:
- 大
- 一致
- 与用户查询的特征相关
- 为用户提供更多详细信息
- 帮助用户了解产品的规模和外观
- 模特多样性也对购物者有帮助
结论
通过显示产品详细信息和上下文,帮助用户在列表和搜索结果页面上找到喜欢的产品。展示与用户需求相关的产品照片,将帮助他们购买最适合的产品。
大
产品图片应该足够大和足够详细, 让用户了解产品。他们不必展示产品的每一个细节,但用户应该能够看到产品的外观以及它与同类产品的区别。
家得宝产品列表页面上的图像足够大且足够详细一些网站确实在列表页面上展示了相对较大的照片,但仍然没有显示特色项目。
例如,Helmut Lang 使用了较大的产品照片。然而,每张照片都显示模特整套服装,模特周围有很多空白区域。这种方法使得用户很难分辨出每件衣服的具体项目(例如,上衣与下装)。
一致
为所有产品提供风格一致的图像。当图像一致时,它们很容易扫描和比较。
规划产品图片一致时,请考虑:
- 背景(例如,白色、户外、工作室)
- 方向和方向(例如,面向相机,向右倾斜)
- 上下文(例如,在房子里、模特)
- 照明(例如,闪光灯、自然光)
- 比例(例如,特写,全身)
*Stuart Weitzman 网站上一致的产品图片
一致的照片不必相同或无聊——它们只需要感觉它们都具有相同的风格。
Aritzia 产品图片的多样性和创意创建严格、具体的产品照片指南,并确保卖家和供应商遵循这些指南。
亚马逊的 产品图片网站标准
概述了卖家必须遵守的产品图片风格。例如,亚马逊在保持其照片大致一致方面做得很好,尽管其卖家数量众多。
尽管有大量卖家,亚马逊确保其产品照片在其列表页面上看起来大致一致。与用户查询的特征相关
对于搜索结果页面,产品照片应该与用户查询的特征相关(例如,如果查询是“蓝色裙子”,则显示裙子的蓝色版本)。此外,对于结果页面和列表页面,请确保产品照片与用户选择的任何过滤器(如颜色)匹配。这些细节让用户一眼就能看出结果符合他们的期望。
REI 网站上显示的大多数水瓶都是绿色的,但它们的图像并不总是与查询中的颜色相匹配。http://DSW.com 上“红色凉鞋”的搜索结果页面上显示的所有产品都有多种颜色可供选择。DSW 将每个缩略图与用户的查询进行匹配。为用户提供更多详细信息
在列表页面上提供每个产品的多张图片可以为用户提供更多详细信息,以帮助他们决定点击什么。可以使用 轮播式演示在列表页面上显示替代视图,其中显示默认图像,用户可以单击、悬停或滑动以查看其他图像。
将鼠标悬停在 http://Lulus.com 上的缩略图(左)上显示了不同模特(右)上的同一件衣服。对于其他缩略图,将鼠标悬停在默认缩略图(左)上会显示连衣裙的背面(右)。帮助用户了解产品的规模和外观
在将要使用产品的上下文中显示产品有助于用户了解产品的规模和外观。例如,这可能意味着显示:
- 房间里的家具
- 模特身上的衣服
- 孩子旁边的玩具
- 手上的结婚戒指
用户不喜欢珠宝商 Mignon Faget 展示的珠宝特写照片,而想看这些单品穿着时的样子。蒂芙尼展示了戒指在白色背景下的特写照片。当用户鼠标悬停时,会显示模特戴着戒指的特写图片。模特多样性也对购物者有帮助
用户喜欢具有共同价值观的品牌。 许多用户赞赏电子商务网站采用不同年龄、种族和规模的模特。
展示不同尺码的模特在服装零售商的网站上特别有用,因为模特的尺码和体型会对穿着时的服装外观产生重大影响。在护肤和化妆网站上,在不同肤色上展示相同的产品也对参与者特别有帮助。
Good American 允许购物者选择最接近他们尺寸的型号。Glossier 确保每种妆容都显示在不同的肤色上。