Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Fast UI/UX Prototyping W/ Flutter For App Devel...

Avatar for LINE Developers Taiwan LINE Developers Taiwan PRO
December 04, 2019
Programming
1
3k

Fast UI/UX Prototyping W/ Flutter For App Development

By Daniel Kao@LINE TECHPULSE 2019 https://techpulse.line.me/

Avatar for LINE Developers Taiwan

LINE Developers Taiwan PRO

December 04, 2019
Tweet

More Decks by LINE Developers Taiwan

See All by LINE Developers Taiwan
LINE 與 AI 機器人技術應用現況 
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
4
QA Testing
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1
jcconf_datadev_prod
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
7
jcconf_SPM_prod
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
3
jcconf_LINEPay_prod
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
4
Live Activities in LINE
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
13
Neumorphism x Liquid Glass
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
12
猜你喜歡 – 打造高度擴展的個人化電商推薦
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
33
打造新電商搜尋體驗- 搜尋意圖辨識
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
17

Other Decks in Programming

See All in Programming
XP, Testing and ninja testing ZOZ5
Avatar for seki at druby.org m_seki
3
690
あなたとKaigi on Rails / Kaigi on Rails + You
Avatar for Hiroshi Shimoju shimoju
0
160
Cursorハンズオン実践！
Avatar for Ikko Eltociear Ashimine eltociear
2
1.1k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
6
440
非同期jobをtransaction内で 呼ぶなよ！絶対に呼ぶなよ！
Avatar for Yuto Urushima alstrocrack
0
950
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
Avatar for Takashi uhucream
0
180
CSC509 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
300
Pull-Requestの内容を1クリックで動作確認可能にするワークフロー
Avatar for Atsuya Sato natmark
2
510
CSC305 Lecture 06
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
240
After go func(): Goroutines Through a Beginner’s Eye
Avatar for Vaibhav Gupta 97vaibhav
0
400
ALL CODE BASE ARE BELONG TO STUDY
Avatar for uzulla uzulla
25
6k
Go言語の特性を活かした公式MCP SDKの設計
Avatar for hond hond0413
1
230

Featured

See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
51k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
232
18k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
23k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
30
2.9k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
220k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
35
6.1k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k

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