Slide 1

Slide 1 text

2019 DevDay Fast UI/UX Prototyping With Flutter for App Development > Mao-Yuan Kao (danielkao) > LINE Taiwan TW Engineering Team Software Engineer

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

Problem We Met

Slide 4

Slide 4 text

Prototyping Tools Are Quick, but…

Slide 5

Slide 5 text

Modifying App Directly Takes Time

Slide 6

Slide 6 text

> 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

Slide 7

Slide 7 text

Flutter Comes To Rescue > https://flutter.dev/

Slide 8

Slide 8 text

Create UI Widgets Easily in Code

Slide 9

Slide 9 text

Easily Switchable UI Widgets

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

More Examples > Keyword Search Feature > Enhance Content Category Browsing

Slide 12

Slide 12 text

Thank You