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