Fast UI/UX Prototyping W/ Flutter For App Development

By Daniel Kao@LINE TECHPULSE 2019 https://techpulse.line.me/

Transcript

2. > Daniel Kao / Senior Android Engineer Fast UI/UX Prototyping W/ Flutter For App Development
3. Generic Feature Development Process UX Flow UI Layout UI Assets Data Models Business Logic Layout XMLs Custom Views User Feedbacks UI/UX Issues UI/UX Design Development Release Ideas / Features
4. Generic Feature Development Process UX Flow UI Layout UI Assets Data Models Business Logic Layout XMLs Custom Views User Feedbacks UI/UX Issues UI/UX Design Development Release Ideas / Features Improve
5. Generic Feature Development Process UX Flow UI Layout UI Assets Data Models Business Logic Layout XMLs Custom Views User Feedbacks UI/UX Issues UI/UX Design Development Release Ideas / Features Improve
6. Generic Feature Development Process UX Flow UI Layout UI Assets Data Models Business Logic Layout XMLs Custom Views User Feedbacks UI/UX Issues UI/UX Design Development Release Ideas / Features Improve
7. Problem We Met
8. Prototyping Tools Are Quick, but…
9. Prototyping Tools Are Quick, but…
10. Prototyping Tools Are Quick, but…
11. Modifying App Directly Takes Time
12. Modifying App Directly Takes Time
13. Modifying App Directly Takes Time
14. Several Steps Are Required > Add new ViewHolder class for new View item > Modify existing adapter to use new ViewHolder or Create new Adapter > Add new item XML layout for Grid View > Use GridLayoutManager instead
15. Flutter Comes To Rescue > https://flutter.dev/
16. Create UI Widgets Easily in Code
17. Create UI Widgets Easily in Code
18. Easily Switchable UI Widgets
19. Connect to Real Data ! > https://pub.dev/packages/http > https://pub.dev/packages/dio
20. More Examples
21. > Keyword Search Feature More Examples
22. More Examples > Keyword Search Feature
23. More Examples > Keyword Search Feature
24. More Examples > Keyword Search Feature 棒球，旅遊
25. More Examples > Keyword Search Feature
26. > Keyword Search Feature More Examples > Enhance Content Category Browsing
27. More Examples > Keyword Search Feature > Enhance Content Category Browsing
28. More Examples > Keyword Search Feature > Enhance Content Category Browsing
29. More Examples > Keyword Search Feature > Enhance Content Category Browsing
30. THANK YOU