Fast UI/UX Prototyping with Flutter for App Development

Fast UI/UX Prototyping with Flutter for App Development

Mao-Yuan Kao (danielkao)
LINE Taiwan TW Engineering Team Software Engineer
https://linedevday.linecorp.com/jp/2019/sessions/S2-12

Be4518b119b8eb017625e0ead20f8fe7?s=128

LINE DevDay 2019

November 21, 2019
Tweet

Transcript

  1. 2019 DevDay Fast UI/UX Prototyping With Flutter for App Development

    > Mao-Yuan Kao (danielkao) > LINE Taiwan TW Engineering Team Software Engineer
  2. Generic Feature Development Process UI Design Interaction Design User Research

    UI/UX Design Development Release Ideas / Features Improve Data Models Business Logic Layout XMLs Custom Views User Feedbacks UI/UX Issues
  3. Problem We Met

  4. Prototyping Tools Are Quick, but…

  5. Modifying App Directly Takes Time

  6. > 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 Several Steps Are Required > Use GridLayoutManager instead
  7. Flutter Comes To Rescue > https://flutter.dev/

  8. Create UI Widgets Easily in Code

  9. Easily Switchable UI Widgets

  10. Connect to Real Data ! > https://pub.dev/packages/http > https://pub.dev/packages/dio

  11. More Examples > Keyword Search Feature > Enhance Content Category

    Browsing
  12. Thank You