加入收藏 | 设为首页 | 会员中心 | 我要投稿 PHP编程网 - 黄冈站长网 (http://www.0713zz.com/)- 数据应用、建站、人体识别、智能机器人、语音技术!
当前位置: 首页 > 运营中心 > 交互 > 正文

Tab设计的一些思考:让用户更轻易的接触更多信息

发布时间:2016-11-15 19:31:09 所属栏目:交互 来源:产品壹佰
导读:副标题#e# 什么是Tab Tabs 可用于将有关的内容分组,重叠放置在某一布局区块内,重叠的内容区里的每次只有其中一层是可见的。 用户通过鼠标点击或移到内容区所对应的标签上,来请求显示该层内容区。 Tab属于扁平信息结构,可以让用户在分类之间随意切换,而

在交互范畴内,如上图所示即信息的结构:在树形结构中,Z轴即表示信息的深度,即链接的信息层数;X轴表示一个层级包含的页面总数(可以理解为此文的Tab数),即链接的广度;Y轴表示该层级页面的滑动的最长距离,即页面的长度。

用户的浏览成本从高至低:

逐级跳转 > 不同Tab切换 > 单页滑屏浏览

在交互过程中,尽量减少信息层级,用户通过较少的页面跳转就能找到想要的信息,每一次页面跳转,转化率可能会减少10%。Tab可以为用户减少一级页面跳转,使信息趋向扁平。但位移的成本,比重叠还低。把关系紧密的信息放在一个区域内,增加页面利用率,用户在一个页面滑动浏览,比切换Tab,带来的信息负担更轻,更容易让用户接受更多信息。

本文作者:UXXX,微信公众号:UXXX

(编辑:PHP编程网 - 黄冈站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读