UI常见设计案例(一)列表设计


UI常见设计案例(一)列表设计

UI常见设计案例(一):列表设计


列表页是B端产品中最重要、最常见、最基本的元素,并且列表页的设计非常讲究技巧,因而单独列出来进行说明

所有列表页主要操作即为增删改查,元素主要包括检索条件区域、结果列表区域、分页器(控制页码的小组件)等有限的类型,因此只要实现一套高度灵活的前端控件,能够自定义配置所有内容,就可以实现列表页的灵活定制


界面设计Before & After


UI常见设计案例(一)列表设计

原有界面存在问题点:

1 交互设计

操作便捷性:全选按钮

一致性:搜索选择和列表项应一致


2 技术安全性

分页显示范围,全部显示会让读取速度慢,同时也有数据泄露风险,建议

· 对日期范围进行控制,例一次仅允许查询一周内的数据

· 页码仅显示前后几页的数据

UI常见设计案例(一)列表设计

优化后界面

学习建议


UI常见设计案例(一)列表设计

学习建议

1 学习行业案例:项目管理软件JIRA、GoogleAnalytics、百度统计、管家婆云ERP、Udesk、SalesForce

2 善用模板库,如成熟开源库、个人资源库、设计资源库

3 采用标准控件,软件自带控件库、设计规范等


附录

JIRA

https://www.atlassian.com/software/jira


分享到:


相關文章: