IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

你的网上商店需要用TAB栏吗?

I'm not a hippie 2009-12-18 15:42:34 累计浏览 2,442 次
本机暂存

    TAB栏是适合多内容页面排版的最好方法之一,它可以在不增加页面长度或者打乱页面排版基础上美化页面,并且这几年逐渐成为电子商务网站越来越常用的方法-特别是产品页面上的使用。

    但是我在浏览这些使用TAB栏的站点时一直关心这个问题-TAB栏是否被顾客注意到?它们是否太不明显了?

    我最近在研究的一个站点,它的交叉销售和鼓励销售的产品附加点击率很低。罪魁祸首就是产品推荐被隐藏在了一个基本上没人点击的TAB栏上了。

    以下是一些电子商务网站的TAB栏范例:

    主页/导航

    2009-12-16-012009-12-16-02

TAB栏是适合多内容页面排版的最好方法之一,它可以在不增加页面长度或者打乱页面排版基础上美化页面,并且这几年逐渐成为电子商务网站越来越常用的方法-特别是产品页面上的使用。
但是我在浏览这些使用TAB栏的站点时一直关心这个问题-TAB栏是否被顾客注意到?它们是否太不明显了?
我最近在研究的一个站点,它的交叉销售和鼓励销售的产品附加点击率很低。罪魁祸首就是产品推荐被隐藏在了一个基本上没人点击的TAB栏上了。
以下是一些电子商务网站的TAB栏范例:

    目录页

    2009-12-16-03

    产品信息

    2009-12-16-04

    2009-12-16-05

    2009-12-16-06

    细小的文本链接TAB栏是很容易被忽略的:

    2009-12-16-07

    有时“TAB”看起来根本就不像TAB栏(Eddie Bauer 用的是黄色框)

    2009-12-16-08

    这些例子里的TAB栏都是独立展示的,所以很容易注意到。但是你把TAB元素运用在一个有其他设计元素的页面上时,TAB栏是容易被忽略的。

     你注意到没?

    当你一眼扫过这个页面时你注意到“video”的tab栏吗?

    2009-12-16-09

    结账/登录

    有多少已注册用户一次又一次地经历注册过程仅仅是因为已注册用户选项被“藏”起来了?

    2009-12-16-10

    如果你的网站使用TAB栏-请确保你知道TAB栏带来的收益大于顾客错失内容和购买的风险。确保你对内容页版本变化的测试,跟踪TAB栏点击或在顾客交互观测点进行用户测试。

    原文

同分类推荐文章

  1. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. JQuery实现Excel表格呈现 (累计阅读 48,350)
  2. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,442)
  3. 深入理解Javascript之执行上下文(Execution Context) (累计阅读 18,404)
  4. 从输入 URL 到页面加载完成的过程中都发生了什么事情? (累计阅读 15,933)
  5. 图片动态局部毛玻璃模糊效果的实现 (累计阅读 14,849)
  6. 天朝第二代身份证号码的验证机制 (累计阅读 14,762)
  7. HTML 5 的data-* 自定义属性 (累计阅读 14,349)
  8. 分享一个JQUERY颜色选择插件 (累计阅读 14,223)
  9. 什么是全栈工程师? (累计阅读 14,038)
  10. 视觉设计前瞻实用性研究(PNVD) 第二期 (累计阅读 12,977)