编者按:这是关于促成有效电子商务设计因素的三篇文章中的“第二部分”,我们此前已发表过“第一部分:关键组成部分”。
在《理解电商设计,第一部分:关键组件》中,我回顾了优秀设计与繁复设计的区别,以及影响购物者购买决策的视觉因素。正如前文所述,本系列旨在探讨聘请公司设计电商网站后应采取的步骤。建立成功合作关系的关键在于提前规划,并在接触设计师前明确自身需求。您对需求的理解越深,留给开发人员的解读空间就越小,从而为各方带来更顺畅的体验。
轮播横幅
轮播横幅(又称动态横幅、图像轮播、滑块等)作为促销工具的有效性一直备受争议。有评论指出:“轮播横幅是众所周知的转化率杀手。”部分转化率优化专家认为其具有干扰性,移除后转化率可提升10%至25%。
使用此类横幅存在诸多负面影响:
- 占据宝贵的屏幕空间;
- 易被访客忽略,因其外观类似广告;
- 信息往往与用户搜索内容不相关;
- 自动轮播引发挫败感,用户难以快速阅读并点击;
- 多选项导致困惑,进而降低转化率;
- 对搜索引擎不可见,因多数仅由图像组成。
尽管缺点明显,大多数电商平台仍支持该功能,Walmart.com和Petsmart.com等零售商也在使用。
Walmart.com首页轮播横幅示例——“顶级科技的最佳价值”。
Petsmart.com轮播横幅示例——“大牌品牌额外优惠促销”。
目前出现新趋势:部分商家转向静态横幅,如Furniture.com。
Furniture.com采用静态横幅替代轮播。
Amazon等平台则尝试手动旋转横幅,允许用户按自身节奏浏览促销信息。
Amazon手动旋转横幅示例,便于用户自主浏览促销活动。
为什么要使用轮播横幅?
若轮播横幅会降低转化率,为何仍有商家使用?许多设计师认为它能增强页面顶部的视觉吸引力,并便于展示特价商品或新品。
若您决定保留此设计,建议遵循以下实施原则:
- 设置为手动切换而非自动轮播。避免强迫用户进行“速读”;
- 精简图片数量。少即是多;
- 文案简短明了。即使支持手动切换,也应避免堆砌文字,引导用户点击进入详情页阅读;
- 包含明确的行动号召(CTA)。如“点击此处”、“立即购买”、“获取优惠”等;
- 控制横幅位置。尽量保持在网站顶部附近,需兼顾桌面端与平板端的分辨率差异;
- 利用节日主题。此类横幅通常转化率更高。
突出显示框
突出显示框与横幅功能类似,但多为静态形式。常用于强调特定促销(如折扣码)、企业资历(如经营90年)或服务信息(如物流合作方)。
此类模块通常位于横幅下方或侧边,有时也会置于页面中下部甚至替代横幅。例如RadioShack.com在手机页面下方设置了三个突出显示框。
RadioShack.com利用三个突出显示框推广Boost Mobile和Virgin Mobile手机。
与纯图像横幅不同,突出显示框通常结合图文排版。
Newegg.com突出显示框示例——“Shell Shocker”、“每日精选优惠”及“市场焦点”。
NapaOnline.com首页突出显示框,分别指向移动访问、技术博客及赛车相关内容。
创建突出显示框时,请注意以下要点:
- 数量控制在两到三个。这提供了推送多元信息的空间,但需避免使其看起来像广告;
- 注重SEO优化。撰写文案时应考虑搜索引擎收录;
- 保持简洁并提供清晰CTA。参考轮播横幅的设计逻辑。
参见“第3部分:页眉和页脚。” >

