当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > B2C网站设计:你的网站需要使用TAB栏?

心得技巧
设计理论:用户体验设计与浏览器
设计理论:产品的管理包含对服务的管理
WEBJX收集65个酷炫的单页面设计实例
收集的15个功能强大的HTML编辑器
服装类垂直行业的电子商务网站产品设计
查找商品价格信息购物网站有绝对的优势
设计理论:触摸屏按钮的尺寸和空间设计
四个适用于触摸屏界面的文本添加原则
5个关于购物车中未答复用户的问题
猜测和经验数据作为设计原则的基础
设计理论:顾客为什么放弃购物车?
以卡诺模型为基础理解用户体验
设计理论:优化和简化网站用户注册流程
电子商务网站购物产品收藏功能设计分析
互动设计理论:谁和谁的互动?
网页设计师该如何营销和推广自己
设计参考:国外45个漂亮的企业网站设计实例
设计参考:50个简约成熟风格的网站设计实例
精选利用彩色渐变发光效果国外网站设计实例
28个不错的国外崇尚极简设计风格的网站

心得技巧 中的 B2C网站设计:你的网站需要使用TAB栏?


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 84 ::
收藏到网摘: n/a

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栏点击或在顾客交互观测点进行用户测试。