【设计思考】多层级tab选项卡展示方式

在后台管理系统的设计中,往往会遇到多层级的查询与展示。如何能更直观地展示数据,并且让用户体验更佳,是在设计过程中需要仔细考虑的问题。

举个例子

现有一个管理系统的原型图如下,共有5个层级,选择数据时,需要一层一层选择。可以看出,原型图中的tab层级虽然清晰,但视觉效果欠佳,尤其是前三层,由于都是横向选择标签,没有辨识度。
【设计思考】多层级tab选项卡展示方式_第1张图片

解决方法

经过一番思考和对比,确定了一个比较好的展示方式——横纵交错。如第一、三、五层为横向tab,第二、四层为侧边栏显示。效果图如下:
【设计思考】多层级tab选项卡展示方式_第2张图片
这样,采取层级间的横纵向嵌套显示,既美观又明了。

你可能感兴趣的:(#,设计思考,设计)