Save 37% off PRO during our Black Friday Sale! »

Fast UI/UX Prototyping W/ Flutter For App Development

2102a6b8760bd6f57f672805723dd83a?s=47 LINE Developers Taiwan
PRO
December 04, 2019
Programming
1
1.9k

Fast UI/UX Prototyping W/ Flutter For App Development

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

2102a6b8760bd6f57f672805723dd83a?s=128

LINE Developers Taiwan
PRO

December 04, 2019
Tweet

More Decks by LINE Developers Taiwan

See All by LINE Developers Taiwan
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
160
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
11
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
29
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
32
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
6.5k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
130
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
370
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
12k
2102a6b8760bd6f57f672805723dd83a?s=48 line_developers_tw
PRO
0
22

Other Decks in Programming

See All in Programming
5059d3f370ad7e1f4d8de4be79ae1a2c?s=48 rvirus0817
0
200
494a2760dceccc31c4bcdb689041c614?s=48 d_r_1009
0
160
71929a476c581dd754e4e1f355ac07d0?s=48 fukubaka0825
5
1.7k
35f9898750fef525fe881a2ef5fef9d6?s=48 mazamachi
0
420
Dbab5e5a1fd54531e1119ede6b3b9e65?s=48 horie1024
3
2.9k
7fccfb690a818ed2f3a15fc21d426d5a?s=48 texmeijin
0
200
893f54413c2bd9ba41d11d753aacaf2c?s=48 quramy
6
1.8k
B04bd8797ce182483a5ded98f7cada6f?s=48 berlysia
14
6.5k
04df7340898eac3a0536d3b47c55501c?s=48 hirotokirimaru
0
250
D14332b39b012820d44d362a3e2a8d98?s=48 shibe23
4
1.9k
9b600b6d2f592d0944507e989770b9b3?s=48 issei126
0
150
E228752b0ba3d85d485083c7fc6c3622?s=48 hainet50b
9
2.6k

Featured

See All Featured
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
443
29k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
634
50k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
595
210k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1352
200k
864a009ac73600c7c02e1f26629dd989?s=48 paigeccino
7
430
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
148
20k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
10
780
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
PRO
55
4.9k
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
106
5.4k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
272
32k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
410k
88f4e84b94fe07cddbd9e6479d689192?s=48 soudai
24
10k

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