Slide 1
Slide 1 text
No content
Slide 2
Slide 2 text
> Daniel Kao / Senior Android Engineer
Fast UI/UX Prototyping
W/ Flutter
For App Development
Slide 3
Slide 3 text
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
Slide 4
Slide 4 text
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
Slide 5
Slide 5 text
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
Slide 6
Slide 6 text
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
Slide 7
Slide 7 text
Problem We Met
Slide 8
Slide 8 text
Prototyping Tools Are Quick, but…
Slide 9
Slide 9 text
Prototyping Tools Are Quick, but…
Slide 10
Slide 10 text
Prototyping Tools Are Quick, but…
Slide 11
Slide 11 text
Modifying App Directly Takes Time
Slide 12
Slide 12 text
Modifying App Directly Takes Time
Slide 13
Slide 13 text
Modifying App Directly Takes Time
Slide 14
Slide 14 text
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
Slide 15
Slide 15 text
Flutter Comes To Rescue
> https://flutter.dev/
Slide 16
Slide 16 text
Create UI Widgets Easily in Code
Slide 17
Slide 17 text
Create UI Widgets Easily in Code
Slide 18
Slide 18 text
Easily Switchable UI Widgets
Slide 19
Slide 19 text
Connect to Real Data !
> https://pub.dev/packages/http
> https://pub.dev/packages/dio
Slide 20
Slide 20 text
More Examples
Slide 21
Slide 21 text
> Keyword Search Feature
More Examples
Slide 22
Slide 22 text
More Examples
> Keyword Search Feature
Slide 23
Slide 23 text
More Examples
> Keyword Search Feature
Slide 24
Slide 24 text
More Examples
> Keyword Search Feature
棒球，旅遊
Slide 25
Slide 25 text
More Examples
> Keyword Search Feature
Slide 26
Slide 26 text
> Keyword Search Feature
More Examples
> Enhance Content Category Browsing
Slide 27
Slide 27 text
More Examples
> Keyword Search Feature
> Enhance Content Category Browsing
Slide 28
Slide 28 text
More Examples
> Keyword Search Feature
> Enhance Content Category Browsing
Slide 29
Slide 29 text
More Examples
> Keyword Search Feature
> Enhance Content Category Browsing
Slide 30
Slide 30 text
THANK YOU