在后台管理系统的设计中,往往会遇到多层级的查询与展示。如何能更直观地展示数据,并且让用户体验更佳,是在设计过程中需要仔细考虑的问题。
举个例子
现有一个管理系统的原型图如下,共有5个层级,选择数据时,需要一层一层选择。可以看出,原型图中的tab层级虽然清晰,但视觉效果欠佳,尤其是前三层,由于都是横向选择标签,没有辨识度。
![原型图](https://i-blog.csdnimg.cn/blog_migrate/48f6ca1874b9b1edd367e001e16513c4.png)
解决方法
经过一番思考和对比,确定了一个比较好的展示方式——横纵交错。如第一、三、五层为横向tab,第二、四层为侧边栏显示。效果图如下:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/52ec314a3b82d6224cc5c0313890329c.png)
这样,采取层级间的横纵向嵌套显示,既美观又明了。