Fast UI/UX Prototyping W/ Flutter For App Development

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

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
3.8k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
3.7k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
1.1k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
4.1k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
6.3k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
0
8.3k
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
850

Other Decks in Programming

See All in Programming
102398563fd1bf878b35dc2d5ee67cbe?s=48 kamilahsantos
1
110
Fc96157614ee73039c4a575906167979?s=48 fukumura
0
260
822cde5b176ef140171a27f8294c2bd8?s=48 andycraig
0
570
9ae4f3862d4cb0771cfd36e43252f755?s=48 kurotanshi
0
240
0fb2ce77513181750c384115cd0bc937?s=48 ksukenobe
0
130
88493e31e8ac7540094d35f7cda46c8a?s=48 lnit
8
3.1k
Fc358d63dcdcbad7a5c29198785dec2c?s=48 naototty
1
260
5fc8ab822e946a8ddfa46ba15a848392?s=48 fuqda
1
150
58c7dad4dc33a4aeec9f4e63e9355528?s=48 otty375
0
100
3ed241740309c9b4adfeccc6212465b0?s=48 mfunaki
0
170
A6a5e01b331d18dbd9c5de1f2cc2879f?s=48 erukiti
2
340
0a98ad166f9cdf8d27d92c37438c6e9d?s=48 matsumana
0
330

Featured

See All Featured
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
293
38k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
93
5k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
91
2.8k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
5
3.5k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
113
6.8k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
296
30k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
236
23k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
293
27k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.7k
78b475797a14c84799063c7cd073962f?s=48 holman
458
270k
1b8ad785acdd1ce1c99914b1c2a4e10e?s=48 sugarenia
230
750k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
37
2.2k

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