2.2 平铺筛选
2.3 表头筛选
2.4 tab营业执照标签
提升用吗户体验的一个小细节:默可以认用户最关注的选项,而非全部,这样可以缩短查询路径,同时给出条目,让用户清晰明了每个选项的数量,便于操作。
3.2 折叠展示
总结思考
5、4、3、2、1…
答案是:右图是正确的
答案当然是不对的,首先应该明确一点,用户目标高于业务逻辑
Step 2:组织及隐藏
一个月后,我们发现搜索点击这里是 69,873 次,点击会员等级的是 1表格9,876 次。对不对?而客户性别只有是 23 次,这种数据你们要怎么去做呢?默认折叠低工商企业频选项
如果数增加据不是上图所示,每个筛选项都很低频呢?
这个时候可能又有小伙伴遇到另外一种场景了,产品涉及了多个角色,每个角色的诉求还不一样。客户粑粑是上帝,没有办法,上帝的需求都得满足。那这个时候自定义经营范围就可以出场了
隐性操作:如果行操作不那么重要,或者说行操作过于啰嗦影响用户阅读时,可将所有的操作进行隐藏,当用户鼠标悬吗停时进行展开所有操作。这种方式能最大增加程可以度上满足更改用户快速查看与编辑的需求,但是在实际使用中,用户的初次使用门槛较高,需要有一定的学习成本。
隐性批量操作:容易造成记忆负担,增加学习成本,适合批量操作较低频的操作,产品没有那么复杂的产品。如飞书文档
设计优化方向:
大家应该也有遇到过按钮像案例中【删除】、【入职生效】既可以作为行内操作,也可以作为批量操作的问题。作为行内操作,优点是更便捷,;表外作为是批量操作工商企业,这样更方便的同时操作多营业执照个数据,但如果只是操作单个数据时就会增加用户的操作步骤。或者两种经营范围方式都提供,虽然更灵活但是会让页面比较冗余。
方案二:默认不显示,勾选激活后显示于表左上方
方案三:直接显示于表左下方,但需勾选激活后操作
根据我司业务,最复杂的批量操作不超过3个,是可以满足业务表格场景的,即使更改后续再有新增的批量,也可以和下钻到「更多」,综合考虑后选择方案三,放置于表的左下方。
三、结语
全篇的表格文章到这就结束啦~
本文提供了一个表格设计基本指南,在具体项目中,你可能需要根据产品特性和用户需求进行调整,但是表格设计的原则是通用的: