网站设计之“选项卡”VS“滚动条”

想在今后制作的页面中以选项卡代替长长的滚动条，感觉点击标签比滚动滚轮要方便得多也快得多，而且用户可以从选项卡名称上快速得知后续内容的主题。

小小的风险就是如果用户没注意到选项卡标签那一排，那么用户可能只会看第一个选项卡的内容了……

下图为两种风格的比较图：

相关参数解释：

• “后续内容打开速度”：
• • 比较的主要是用户滚动滚轮和点击标签的速度的对比，感觉点击标签定位比滚轮更准确些，没有哪个用户能准确的一次滚动一屏或半屏吧……而且滚动过程中用户无法扫描屏幕上的内容，滚动和切换同样都很符合用户的心智模型……
• “首屏信息曝光度”：
• • 感觉在滚动条比较短时，用户更容易关注首屏信息，因为第一感觉是信息“可选项”不多，而且选项卡可以精确控制首屏信息量，不会因用户屏幕大小而扩展。
• “信息容量”：
• • 选项卡可以轻松排布9个，而9屏长度的网页就相当恐怖了。
• “后续信息曝光度”：
• • 如果用户没有发现网页中的选项卡，同时不奇怪为什么滚动条很短的话……
• “交易界面易理解性”：
• • 是否所有用户都知道选项卡是可以点击并且用来切换内容的？尤其是在网页上时，如果标签UI不够好的话，那么用户可能不会认为那里就是标签。

 
摘编自【 随想飞翔】