![UI常见设计案例(一)列表设计](http://p2.ttnews.xyz/loading.gif)
UI常见设计案例(一):列表设计
列表页是B端产品中最重要、最常见、最基本的元素,并且列表页的设计非常讲究技巧,因而单独列出来进行说明
所有列表页主要操作即为增删改查,元素主要包括检索条件区域、结果列表区域、分页器(控制页码的小组件)等有限的类型,因此只要实现一套高度灵活的前端控件,能够自定义配置所有内容,就可以实现列表页的灵活定制
界面设计Before & After
![UI常见设计案例(一)列表设计](http://p2.ttnews.xyz/loading.gif)
原有界面存在问题点:
1 交互设计
操作便捷性:全选按钮
一致性:搜索选择和列表项应一致
2 技术安全性
分页显示范围,全部显示会让读取速度慢,同时也有数据泄露风险,建议
· 对日期范围进行控制,例一次仅允许查询一周内的数据
· 页码仅显示前后几页的数据
优化后界面
学习建议
学习建议
1 学习行业案例:项目管理软件JIRA、GoogleAnalytics、百度统计、管家婆云ERP、Udesk、SalesForce
2 善用模板库,如成熟开源库、个人资源库、设计资源库
3 采用标准控件,软件自带控件库、设计规范等
附录
JIRA
https://www.atlassian.com/software/jira
閱讀更多 PM阿嘉 的文章
關鍵字: Salesforce 设计 列表