Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Fast UI/UX Prototyping W/ Flutter For App Development

2102a6b8760bd6f57f672805723dd83a?s=47 line_developers_tw
December 04, 2019
Programming
1
1.7k

Fast UI/UX Prototyping W/ Flutter For App Development

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

2102a6b8760bd6f57f672805723dd83a?s=128

line_developers_tw

December 04, 2019
Tweet

More Decks by line_developers_tw

See All by line_developers_tw
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
1.5k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
3.2k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
1.5k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
1
1.3k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
43
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
28
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
33
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
23
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
1
21

Other Decks in Programming

See All in Programming
52cc8a838bf44a589d2572833b2dd1b9?s=48 palkan
1
120
040569d9fbf8818b4ea44da61ce9ffc9?s=48 tachibanayu24
3
130
2722ca734f5f05badb74f976d1f2b6c8?s=48 yonetty
0
130
700eacfd79780dfbd6453c971cadafb8?s=48 martinisoft
1
180
E66449b8260b07a1cf51c5ab5eaa8180?s=48 dunglas
1
3.4k
A45681c58220b58ca83a926b1be52e65?s=48 moriatsushi
1
430
F5ad19f79685973f5e93124e55ef4d15?s=48 kumasan3
0
250
A4d1023b1de7890c67a083d14573882d?s=48 ktgrstsh
1
250
5d769d109697012317c09c6a27a6a4bf?s=48 linyows
1
160
Ee974eb4dea26c2f17f42460366bb745?s=48 progate
1
670
998b440234ba4524a2c1ba1f130728f8?s=48 mascii
0
140
15bd11f2c2c5e3dd854153d03a102b0d?s=48 standfm
0
380

Featured

See All Featured
245cee81a9c424266e5e401d844ea881?s=48 lara
172
9.9k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
446
36k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
220
15k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
253
19k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.7k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
262
11k
78b475797a14c84799063c7cd073962f?s=48 holman
290
130k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
116
7.3k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
54
2k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
333
29k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
101
11k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
25
1.4k

Transcript

  1. None

  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