UI常見設計案例（一）：列表設計
列表頁是B端產品中最重要、最常見、最基本的元素，並且列表頁的設計非常講究技巧，因而單獨列出來進行說明
所有列表頁主要操作即為增刪改查，元素主要包括檢索條件區域、結果列表區域、分頁器（控制頁碼的小組件）等有限的類型，因此只要實現一套高度靈活的前端控件，能夠自定義配置所有內容，就可以實現列表頁的靈活定製
界面設計Before & After
原有界面存在問題點：
1 交互設計
操作便捷性：全選按鈕
一致性：搜索選擇和列表項應一致
2 技術安全性
分頁顯示範圍，全部顯示會讓讀取速度慢，同時也有數據洩露風險，建議
· 對日期範圍進行控制，例一次僅允許查詢一週內的數據
· 頁碼僅顯示前後幾頁的數據
優化後界面
學習建議
學習建議
1 學習行業案例：項目管理軟件JIRA、GoogleAnalytics、百度統計、管家婆雲ERP、Udesk、SalesForce
2 善用模板庫，如成熟開源庫、個人資源庫、設計資源庫
3 採用標準控件，軟件自帶控件庫、設計規範等
附錄
JIRA
https://www.atlassian.com/software/jira
分享到:
閱讀更多 PM阿嘉 的文章
