大数跨境

理解电商设计,第二部分:横幅与区块

理解电商设计,第二部分:横幅与区块 电商实践
2014-05-22
2
导读:在《理解电商设计,第一部分:关键要素》中,我回顾了优秀设计与繁复设计之间的区别,以及电商视觉因素

编者按:这是关于促成有效电子商务设计因素的三篇文章中的“第二部分”,我们此前已发表过“第一部分:关键组成部分”。

在《理解电商设计,第一部分:关键组件》中,我回顾了优秀设计与繁复设计的区别,以及影响购物者购买决策的视觉因素。正如前文所述,本系列旨在探讨聘请公司设计电商网站后应采取的步骤。建立成功合作关系的关键在于提前规划,并在接触设计师前明确自身需求。您对需求的理解越深,留给开发人员的解读空间就越小,从而为各方带来更顺畅的体验。

轮播横幅

轮播横幅(又称动态横幅、图像轮播、滑块等)作为促销工具的有效性一直备受争议。有评论指出:“轮播横幅是众所周知的转化率杀手。”部分转化率优化专家认为其具有干扰性,移除后转化率可提升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部分:页眉和页脚。” >

【声明】内容源于网络
0
0
电商实践
电商实践
内容 8053
粉丝 0
电商实践 电商实践
总阅读37.4k
粉丝0
内容8.1k