Pro Yearly is on sale from $80 to $50! »

Fast UI/UX Prototyping W/ Flutter For App Development

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

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
87
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
200
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
1.9k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
1.1k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
1.1k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
1.1k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
6.1k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
3.6k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
1k

Other Decks in Programming

See All in Programming
20c5ddcad23304aed77ce8c3aa020562?s=48 tkmru
2
280
4578d99b560b2a470e05288ef6766ac2?s=48 paulk
0
670
D02d96057c4cd905d60d14549b00db0d?s=48 stvansolano
0
260
7005db6f5317ddce16d09591f70ea32c?s=48 hpprc
0
110
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
1
140
4ab3fec3e82ddb19bcadd93ef909a443?s=48 syucream
0
1k
D6fcc16462fbe93673342da3ff5d8121?s=48 xhochy
0
130
1fab9d01b25e99522f3dfd01e3d4cb51?s=48 soutaro
0
450
75486cbfd37125f121cf4a6c5614601c?s=48 hideokamoto
1
160
67962a042668ffac9323b8e0c55eee6e?s=48 keisuke69
6
3.2k
Cfd5ecaceb5f1479df1f836b4b98f77e?s=48 riscurred
0
180
7fccfb690a818ed2f3a15fc21d426d5a?s=48 texmeijin
0
120

Featured

See All Featured
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
168
7k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
87
3.3k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
341
26k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
651
110k
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
55
9.3k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
317
18k
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
255
19k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
125
20k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
228
17k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
15k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
393
60k
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
23
3.7k

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