电子商务网站应遵循消费者期望的设计惯例,以促进销售。
在线购物者期望电商网站遵循特定的设计与布局惯例,包括标志位置、产品导航放置及移动端“汉堡”菜单等。当零售商遵循这些惯例时,便能满足消费者预期,进而带动销售增长。
设计惯例是对页面元素定位等通常做法的描述,反映了在线商店布局的惯用方式。购物者对此逐渐熟悉并形成固定期待。
以下是当前广泛使用的七种电商设计惯例。若您正在新建或翻新店铺,建议予以遵循。尽管品牌创意可体现在色彩、字体及产品照片等方面,但请勿将标志置于右侧或底部,也不要采用非常规的右侧导航,应坚持使用公认的行业标准。
为验证上述规范的普遍性及用户期待度,本文审查了美国全国零售联合会“最受喜爱的50家零售商”名单中前25家在线商店,涵盖Amazon、Walmart、Best Buy、Kohl’s、Macy’s、Target、J.C. Penney、Google Play、Sears、Old Navy和Nordstrom等。
标志的位置与功能
对于从左至右阅读的语言环境,应将标志始终置于页面左上角或顶部中央(目前左上角更为流行),且必须链接回主页。
正如您所预期的那样,American Eagle Outfitters将其标志放置在页面布局的左上角。该标志直接链接回主页。
这种布局对购物者有两重益处:一是便于快速识别品牌;二是提供重新定位的路径,帮助其在搜索失败或浏览迷失时返回主页。
调查显示,这25个网站均将标志置于左上角(22个)或顶部中央(3个),且全部链接回主页。
产品导航
产品导航通常以类别列表形式呈现,应置于页面左侧,或头部中央及靠近顶部的位置。
在受访的25个网站中,8个采用左侧导航,17个置于头部中央。其中,采用左侧导航的网站(如Amazon)通常拥有更多产品类别。
亚马逊遵循标准电商网站的设计惯例,将产品导航置于页面左侧。采用左侧产品导航的网站往往拥有相对更多的产品类别。
页眉中的搜索功能
电商网站应在页眉区域包含搜索功能。研究表明,约40%至60%的在线购物者倾向于通过搜索查找商品。
受访的25个网站均在页眉部分设置了搜索功能。
Kmart在页面页眉正中央放置了一个大型搜索框,这正是顾客期望找到它的位置。
购物车链接或图标
购物车或结账链接应置于页面右上角。购物者在准备购买时,不应再耗费精力寻找入口。
Macy’s的购物袋链接放置在购物者期望的位置。遵循这一惯例将使购物者在准备结账时更加轻松便捷。
除一个网站外,其余24个均在页面右上象限放置了结账或购物车链接。
标准图标与符号
在线购物者已认可一组标准网络符号。尽管存在细微差异,但所有受访网站均使用了标准图标,最常见的是搜索和购物车标识。
使用图标时,请选用绝大多数客户都能识别的标准图形。
L.L.Bean使用标准图标来表示搜索和购物袋。
产品详情页布局
在大屏设备上,产品图片应置于左侧;在移动设备上,则应位于页眉和产品标题下方的顶部。
受访网站在产品图片摆放位置上高度一致。
该商品详情页的设计与布局遵循特定规范。
商品信息、描述及规格说明等内容,应置于产品图片右侧或下方。
此外,“加入购物车”按钮在大屏上应位于图片右侧,在移动端则应紧邻图片下方。
移动端汉堡菜单
几乎所有受访网站在移动设备上展示时都使用了汉堡菜单。
25个受访网站中,有22个在移动端采用了“汉堡菜单”规范。
汉堡菜单由两到三条水平线组成,点击后展开易操作的链接列表,旨在节省移动屏幕空间。

