1. Getting input — 28
   1. Forms – 19
   2. Explaining the process – 4
   3. Community driven – 5
2. Navigation — 25
   1. Tabs – 2
   2. Jumping in hierarchy – 6
   3. Menus – 3
   4. Content – 14
3. Dealing with data — 11
   1. Tables – 3
   2. Formatting data – 3
   3. Images – 3
   4. Search – 2
4. Onboarding — 9
   1. Guidance – 6
   2. Registration – 3
5. Social — 11
   1. Reputation – 3
   2. Social interactions – 8
6. Miscellaneous — 5
   1. Shopping – 4
   2. Increasing frequency – 1

之後會慢慢介紹每個子類別底下的 User Interface Design Pattern
共有89種使用者介面設計模式
每一篇介紹都會參考UI-Patterns.com裡面的內容
因為是前端學習
所以也會附上已經有的open source專案
或是補上常見或是經典的設計案例圖片
也歡迎大家能夠補充資料!!
這系列文章應該也會同步貼到medium去