UI优化:一个小改动如何减少用户66%操作成本
管理后台大多数以表格为主,顶部一般是包含多个筛选输入项的表单,有些时候某些字段仅有几个可选值。 如果使用下拉选择器实现,用户是不能直观看到所有选项内容的,而且在可选值很少的情况下使用下拉选择器,用户的操作步骤是不够简化的。
比如用户选择一个选项要经历以下3步:
- 点击下拉菜单,寻找到目标
- 点击目标选项,确认选择
- 点击搜索框搜索
是否可以优化到一步?
- 点击目标选项,触发搜索
可以的!
如图所示,所有选项平铺显示,点击某个分段tab立即触发搜索。
升级ElementPlus需注意,el-selection组件不兼容更新到了v2版本,会导致默认宽度丢失。需要手动设置宽度。版本升级后整个项目的下拉选项组件样式会出问题,这个改动被社区用户骂死了。