大数跨境

理解电商设计,第3部分:页眉与页脚

理解电商设计,第3部分:页眉与页脚 电商实践
2014-06-18
1
导读:在“第二部分:横幅与方框”中,我探讨了轮播横幅的优缺点,以及如何在电商网站上正确使用它们。

编者按:这是关于电子商务设计的三篇文章中的第三篇。“第一部分:关键组件”和“第二部分:横幅与方框”是我们此前发表的内容。

在“第二部分:横幅与方框”中,我探讨了旋转横幅的优缺点及正确使用方法。正如前两篇文章所述,本系列重点在于聘请设计公司后应采取的步骤。

成功的关键在于提前规划,并在接触设计师前明确自身需求。理解越深,对设计方的依赖越少,各方体验也越好。

页眉

页眉是网站最重要的组成部分之一,因为它是访客首先看到且贯穿全站的内容。尽管外观各异,但应包含以下核心元素:

  • 标志。商店标志应醒目展示。通常位于左上角(如ProFlowers、MOMA),也有置于顶部居中(如Bluefly、Fredericks of Hollywood)。

ProFlowers 的标志位于左上角。

MOMA 的网站标志位于左上角。

Bluefly 将标志放置在其网站的正上方中间位置。

Fredericks 的标志出现在其网站的正上方中间位置。

  • 站内搜索。搜索框应醒目,以提升产品查找效率和转化率。避免在搜索框附近放置注册框,以免混淆访客。
  • 电话号码。非全国性品牌应在页眉展示电话,以证明运营合法性并建立信任。提供可拨打号码有助于快速解决问题及促进沟通;销售高价值商品时尤为必要。若仅特定时间段接听需明确标注,提供免费电话更佳。尽管手机普及率高,仍有部分潜在顾客依赖固定电话。

Blue Nile 在网站的左上角包含了其电话号码。

Sneakerhead 的电话号码显示在左上角,位于标志上方。

  • 次要导航。添加关于我们、配送、退货政策、FAQ等管理性链接。
  • 用户账户链接。提供注册或登录入口,方便用户创建或访问账户。
  • 优惠优势。突出免运费、低价保证、便捷退货等卖点。运费过高、披露过晚、退货限制及成本模糊是导致弃单的主因,消除顾客焦虑至关重要。

33-off.com 在其主页右侧列出了常见的弃单原因:“加拿大最低价”、“免费送货”、“无忧退货”。

  • 客户服务。清晰标注客服联系方式(电话、在线聊天或邮箱)。缺乏支持是导致购物车被放弃的重要原因。
  • 购物车。现代电商多采用实时统计小部件,而非传统的跳转页面模式,以便顾客随时查看商品数量及费用。

Tension Wire 在右上角显示实时购物车计数。

  • 社交媒体图标。关于位置存在争议,但我倾向于放在页眉以增加粉丝获取机会。若置于页眉,图标尺寸应小于页脚版本,以免喧宾夺主。

此外,许多专家认为网站左上角是视觉焦点区域。Yahoo Stores高级客户体验代表曾指出:“左上角是黄金地段,建议在此展示店铺优势并主动解决购物者顾虑,如快速免费配送、轻松退货等。”

Skinny Ties 在标志上方的左上角放置了“特别优惠”和免费配送信息。

Zappos 在标志上方的左上角放置了关键的客户服务联系信息。

页脚

据新西兰网页设计公司Zeald所述,页脚用于提示用户到达底部,并提供通往其他区域的快捷方式,也是用户寻找“条款与条件”、“隐私政策”等法律信息的预期位置。

因此,页脚至少应包含以下内容:

  • 导航链接
  • 站点地图
  • 法律和版权信息
  • 联系信息
  • 社交媒体图标
  • 新闻通讯订阅。随着单栏布局流行,页脚成为展示订阅表单的理想位置。
  • 接受的支付方式。明确告知访客支持的付款渠道。
  • 信任徽章。展示安全投入,增强购物信心。
【声明】内容源于网络
0
0
电商实践
电商实践
内容 8053
粉丝 0
电商实践 电商实践
总阅读37.4k
粉丝0
内容8.1k