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

Fast UI/UX Prototyping W/ Flutter For App Development

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

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