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


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

产品信息



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

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

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

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

如果你的网站使用TAB栏-请确保你知道TAB栏带来的收益大于顾客错失内容和购买的风险。确保你对内容页版本变化的测试,跟踪TAB栏点击或在顾客交互观测点进行用户测试。
建议继续学习:
- 即时通信与浏览器多TAB通信 (阅读:4076)
- 浏览器多tab打开同一URL串行化的问题 (阅读:3681)
- jquery实现的回车(Enter)替换为Tab键 (阅读:3514)
- 实现一个更精简的Tab (阅读:3014)
- tabIndent.js让你在Textarea中也能用Tab键 (阅读:3041)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:账户注册的8个小贴士
后一篇:产品新首页诞生记 >>
文章信息
- 作者:oligan 来源: I'm not a hippie
- 标签: TAB
- 发布时间:2009-12-18 15:42:34
建议继续学习
近3天十大热文
-
[914] WordPress插件开发 -- 在插件使用 -
[135] 解决 nginx 反向代理网页首尾出现神秘字 -
[54] 整理了一份招PHP高级工程师的面试题 -
[53] 如何保证一个程序在单台服务器上只有唯一实例( -
[52] 海量小文件存储 -
[52] 全站换域名时利用nginx和javascri -
[52] Innodb分表太多或者表分区太多,会导致内 -
[51] 用 Jquery 模拟 select -
[50] CloudSMS:免费匿名的云短信 -
[48] 分享一个JQUERY颜色选择插件
