SlideShare a Scribd company logo
Android 4.0 UI Design Tips
Justin Lee
Android 4.0 UI Design Tips
Evolution of Android




Android 2.3    Android 3.0     Android 4.0
 Gingerbread    Honeycomb    Ice Cream Sandwich
One OS for Smartphones & Tablets
Topics
Major UI Changes
Design Patterns
Do and Don’t
Major UI Changes
Fight for Fragmentation
Android is not easy to learn
http://www.pocket-lint.com/news/40615/78-android-tips-beginners-set-up
Inconsistent hardware buttons
is a big problem
ICS drop hardware buttons


                screen



  Gingerbread            ICS
Software Buttons are dynamic


 Landscape Left




  Landscape Right
Back   Home   Recents
What’s missing?
Menu Button
Menu button is NOT longer a
primary button




  Gingerbread       ICS
Quiz: How to goto settings page?
Not to many people can get it by
themselves
ICS make the menu much
more easy to find
The menu button in legacy
app still available on ICS
But it’s time to say goodbye
http://android-developers.blogspot.com/2012/01/say-goodbye-to-menu-button.html
Migrate the global actions to the
action bar & action overflow
      Old                 New
Split action bar for contextual
actions
      Old               New
Backwards compatibility
                                                                  Legacy hardware




                                                                  Legacy software




http://developer.android.com/design/patterns/compatibility.html
Back Button
The behavior of back button
is inconsistent from user’s POV




                         ?
In app navigation is much more
predictable
Home Button
Home button perform too many
functions before ICS


                    tap

              tap




      long press
The only function of home
button on ICS is going home
How to goto a recent app?
Recents Button
Tap recents button to show
recent app list
The new recents screen


            tap to switch

            swipe to remove
Long press gesture changed
        Old                 New




Open contextual menu   Select the item
App UI Design Patterns
Common App UI


                                                           1.Main Action Bar
                                                           2.View Control
                                                           3.Content Area
                                                           4.Split Action Bar



http://developer.android.com/design/get-started/ui-overview.html
General App Structure
                   Top level views




                   Category views




                   Detail/edit view
New in ICS
                                                    1.Navigation Bar


                                                    2.Action Bar


                                                    3.Multi-pane layouts


                                                    4.Selection
 http://developer.android.com/design/patterns/new-4-0.html
Navigation

                                  Back                                Up



                    system & in-app
                                                               In-app navigation
                       navigation



http://developer.android.com/design/patterns/navigation.html
Swipe Views
       Swiping
       Between
       Detail Views




       Swiping
       Between
       Tabs

http://developer.android.com/design/patterns/swipe-views.html
Action Bar



                                           1.App icon
                                           2.View Control
                                           3.Action Buttons
                                           4.Action overflow


http://developer.android.com/design/patterns/actionbar.html
Split Action Bars


                                                              1.Main action bar
                                                              2.Top bar
                                                              3.Bottom Bar




http://developer.android.com/design/patterns/actionbar.html
Multi-pane layouts




             Smartphone                                                Tablet

http://developer.android.com/design/patterns/multi-pane-layouts.html
Selection

                                          Contextual action bar




Long press on an item in list to select                         Dynamically adjust CAB actions

  http://developer.android.com/design/patterns/selection.html
Notifications




http://developer.android.com/design/patterns/notifications.html
Do and Don’t
Do make the large, obvious
  tap targets
            Touchable UI components are generally laid out along 48dp units.




http://www.slideshare.net/AndroidDev/android-ui-design-tips
http://developer.android.com/design/style/metrics-grids.html
Do use screen density
  independent units (dp)
                                   not density independent (px)




                                       density independent (dp)




http://developer.android.com/guide/practices/screens_support.html
Do create versions of all resources
  for high density screens




http://developer.android.com/design/style/devices-displays.html
Do properly handle orientation changes
                            Stretch/compress                      Expand/collapse




                                        Stack                       Show/hide




http://developer.android.com/design/style/devices-displays.html
Do follow Android icon guideline
              Launcher
                   Launcher




                  Action Bar




http://developer.android.com/design/style/iconography.html
Don't mimic UI elements
  from other platforms

                                  Android


                                         iOS


                Windows Phone 7




http://developer.android.com/design/patterns/pure-android.html
Don't mimic UI elements
  from other platforms

                                 Android

                                        iOS

               Windows Phone 7




http://developer.android.com/design/patterns/pure-android.html
Don't use bottom tab bars




http://developer.android.com/design/patterns/pure-android.html
Don't use labeled back
  buttons on action bars




http://developer.android.com/design/patterns/pure-android.html
Don't use right-pointing
  carets on line items




http://developer.android.com/design/patterns/pure-android.html
Question?
Thank You!

More Related Content

What's hot

Mobile App Development
Mobile App DevelopmentMobile App Development
Mobile App Development
Chris Morrell
 
Why the iPad UI matters, And how it differs from the Tablet PC, but also from...
Why the iPad UI matters, And how it differs from the Tablet PC, but also from...Why the iPad UI matters, And how it differs from the Tablet PC, but also from...
Why the iPad UI matters, And how it differs from the Tablet PC, but also from...
Fabien Marry
 
Ux Example
Ux ExampleUx Example
Ux Example
Johnson Wang
 
Mobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web AppsMobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web Apps
Paul Sons
 
[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...
[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...
[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...
SwiftPH
 
Mobile Design. Strategic Solutions.
Mobile Design. Strategic Solutions.Mobile Design. Strategic Solutions.
Mobile Design. Strategic Solutions.
Theresa Neil
 
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Bala Subra
 
App design guide
App design guideApp design guide
App design guide
Jintin Lin
 
Web App VS. Hybrid App VS. Native App?
Web App VS. Hybrid App VS. Native App?Web App VS. Hybrid App VS. Native App?
Web App VS. Hybrid App VS. Native App?
Justin O'Neill
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting Small
Andrew Smith
 
Why the page is killing innovation in magazine UX
Why the page is killing innovation in magazine UXWhy the page is killing innovation in magazine UX
Why the page is killing innovation in magazine UX
Rob Boynes
 
iOS Human Interface Guidlines for iOS-Platforms
iOS Human Interface Guidlines for iOS-PlatformsiOS Human Interface Guidlines for iOS-Platforms
iOS Human Interface Guidlines for iOS-Platforms
Martin Ebner
 
Introduction to Mobile Development
Introduction to Mobile DevelopmentIntroduction to Mobile Development
Introduction to Mobile Development
Pragnesh Vaghela
 
Native vs Web vs Hybrid Mobile Application Development
Native vs Web vs Hybrid Mobile Application DevelopmentNative vs Web vs Hybrid Mobile Application Development
Native vs Web vs Hybrid Mobile Application Development
Kosala Nuwan Perera
 
Day: 1 Introduction to Mobile Application Development (in Android)
Day: 1 Introduction to Mobile Application Development (in Android)Day: 1 Introduction to Mobile Application Development (in Android)
Day: 1 Introduction to Mobile Application Development (in Android)
Ahsanul Karim
 
Introduction to Android development - Presentation
Introduction to Android development - PresentationIntroduction to Android development - Presentation
Introduction to Android development - Presentation
Atul Panjwani
 
Hybrid vs Native Mobile App. Decide in 5 minutes!
Hybrid vs Native Mobile App. Decide in 5 minutes!Hybrid vs Native Mobile App. Decide in 5 minutes!
Hybrid vs Native Mobile App. Decide in 5 minutes!
July Systems
 
Introduction to Cross-Platform Hybrid Mobile App Development
Introduction to Cross-Platform Hybrid Mobile App DevelopmentIntroduction to Cross-Platform Hybrid Mobile App Development
Introduction to Cross-Platform Hybrid Mobile App Development
Özcan Zafer AYAN
 
Native vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile applicationNative vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile application
Loic Ortola
 
The Great Mobile Debate: Native vs. Hybrid App Development
The Great Mobile Debate: Native vs. Hybrid App DevelopmentThe Great Mobile Debate: Native vs. Hybrid App Development
The Great Mobile Debate: Native vs. Hybrid App Development
Nick Landry
 

What's hot (20)

Mobile App Development
Mobile App DevelopmentMobile App Development
Mobile App Development
 
Why the iPad UI matters, And how it differs from the Tablet PC, but also from...
Why the iPad UI matters, And how it differs from the Tablet PC, but also from...Why the iPad UI matters, And how it differs from the Tablet PC, but also from...
Why the iPad UI matters, And how it differs from the Tablet PC, but also from...
 
Ux Example
Ux ExampleUx Example
Ux Example
 
Mobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web AppsMobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web Apps
 
[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...
[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...
[SwiftPH + PADC Meetup - May 2019] Mobile Interface Guidelines Comparison (iO...
 
Mobile Design. Strategic Solutions.
Mobile Design. Strategic Solutions.Mobile Design. Strategic Solutions.
Mobile Design. Strategic Solutions.
 
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
Mobile Development Architecture Ppt with Slides, Book Notes on using Web Silv...
 
App design guide
App design guideApp design guide
App design guide
 
Web App VS. Hybrid App VS. Native App?
Web App VS. Hybrid App VS. Native App?Web App VS. Hybrid App VS. Native App?
Web App VS. Hybrid App VS. Native App?
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting Small
 
Why the page is killing innovation in magazine UX
Why the page is killing innovation in magazine UXWhy the page is killing innovation in magazine UX
Why the page is killing innovation in magazine UX
 
iOS Human Interface Guidlines for iOS-Platforms
iOS Human Interface Guidlines for iOS-PlatformsiOS Human Interface Guidlines for iOS-Platforms
iOS Human Interface Guidlines for iOS-Platforms
 
Introduction to Mobile Development
Introduction to Mobile DevelopmentIntroduction to Mobile Development
Introduction to Mobile Development
 
Native vs Web vs Hybrid Mobile Application Development
Native vs Web vs Hybrid Mobile Application DevelopmentNative vs Web vs Hybrid Mobile Application Development
Native vs Web vs Hybrid Mobile Application Development
 
Day: 1 Introduction to Mobile Application Development (in Android)
Day: 1 Introduction to Mobile Application Development (in Android)Day: 1 Introduction to Mobile Application Development (in Android)
Day: 1 Introduction to Mobile Application Development (in Android)
 
Introduction to Android development - Presentation
Introduction to Android development - PresentationIntroduction to Android development - Presentation
Introduction to Android development - Presentation
 
Hybrid vs Native Mobile App. Decide in 5 minutes!
Hybrid vs Native Mobile App. Decide in 5 minutes!Hybrid vs Native Mobile App. Decide in 5 minutes!
Hybrid vs Native Mobile App. Decide in 5 minutes!
 
Introduction to Cross-Platform Hybrid Mobile App Development
Introduction to Cross-Platform Hybrid Mobile App DevelopmentIntroduction to Cross-Platform Hybrid Mobile App Development
Introduction to Cross-Platform Hybrid Mobile App Development
 
Native vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile applicationNative vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile application
 
The Great Mobile Debate: Native vs. Hybrid App Development
The Great Mobile Debate: Native vs. Hybrid App DevelopmentThe Great Mobile Debate: Native vs. Hybrid App Development
The Great Mobile Debate: Native vs. Hybrid App Development
 

Viewers also liked

RIA Screen Layouts
RIA Screen LayoutsRIA Screen Layouts
RIA Screen Layouts
Theresa Neil
 
Designing for Interesting Moments
Designing for Interesting MomentsDesigning for Interesting Moments
Designing for Interesting Moments
Bill Scott
 
All The Screens: Cross Platform Design Strategies
All The Screens: Cross Platform Design StrategiesAll The Screens: Cross Platform Design Strategies
All The Screens: Cross Platform Design Strategies
Theresa Neil
 
Android presentation slide
Android presentation slideAndroid presentation slide
Android presentation slide
APSMIND TECHNOLOGY PVT LTD.
 
Android workShop
Android workShopAndroid workShop
Android workShop
Srinivas Devarapalli
 
Android vs Others Operating System
Android vs Others Operating SystemAndroid vs Others Operating System
Android vs Others Operating System
Shemul Hossain
 
My presentation on Android in my college
My presentation on Android in my collegeMy presentation on Android in my college
My presentation on Android in my college
Sneha Lata
 
PPT Companion to Android
PPT Companion to AndroidPPT Companion to Android
PPT Companion to Android
Dharani Kumar Madduri
 
Android ppt
Android ppt Android ppt
HP19 Mobile Design: 為行動使用者設計
HP19 Mobile Design: 為行動使用者設計HP19 Mobile Design: 為行動使用者設計
HP19 Mobile Design: 為行動使用者設計
Justin Lee
 
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
Justin Lee
 
UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢
Justin Lee
 
Process and Purpose: Build a Media Start-Up That Matters. By Corey Ford. #Roc...
Process and Purpose: Build a Media Start-Up That Matters. By Corey Ford. #Roc...Process and Purpose: Build a Media Start-Up That Matters. By Corey Ford. #Roc...
Process and Purpose: Build a Media Start-Up That Matters. By Corey Ford. #Roc...
DigiComNet
 
Lean UX von Yavuz Yilmaz | webulos.com
Lean UX von Yavuz Yilmaz | webulos.comLean UX von Yavuz Yilmaz | webulos.com
Lean UX von Yavuz Yilmaz | webulos.com
Yavuz Yilmaz
 
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
Justin Lee
 
The Interactive Intranet People, Stucture & Reality
The Interactive Intranet   People, Stucture & RealityThe Interactive Intranet   People, Stucture & Reality
The Interactive Intranet People, Stucture & Reality
Ephraim Julius Freed
 
20120524 App開發流程與小工具分享@UI Cafe
20120524 App開發流程與小工具分享@UI Cafe20120524 App開發流程與小工具分享@UI Cafe
20120524 App開發流程與小工具分享@UI Cafe
Justin Lee
 
Reversing the UI Design Process
Reversing the UI Design ProcessReversing the UI Design Process
Reversing the UI Design Process
Sourcebits
 
Website Design for Senior Citizens
Website Design for Senior CitizensWebsite Design for Senior Citizens
Website Design for Senior Citizens
Nikki Kerber
 
2. microsoft azure 클라우드 및 쉐어포인트 포탈 소개
2. microsoft azure 클라우드 및 쉐어포인트 포탈 소개2. microsoft azure 클라우드 및 쉐어포인트 포탈 소개
2. microsoft azure 클라우드 및 쉐어포인트 포탈 소개
Steve Kim
 

Viewers also liked (20)

RIA Screen Layouts
RIA Screen LayoutsRIA Screen Layouts
RIA Screen Layouts
 
Designing for Interesting Moments
Designing for Interesting MomentsDesigning for Interesting Moments
Designing for Interesting Moments
 
All The Screens: Cross Platform Design Strategies
All The Screens: Cross Platform Design StrategiesAll The Screens: Cross Platform Design Strategies
All The Screens: Cross Platform Design Strategies
 
Android presentation slide
Android presentation slideAndroid presentation slide
Android presentation slide
 
Android workShop
Android workShopAndroid workShop
Android workShop
 
Android vs Others Operating System
Android vs Others Operating SystemAndroid vs Others Operating System
Android vs Others Operating System
 
My presentation on Android in my college
My presentation on Android in my collegeMy presentation on Android in my college
My presentation on Android in my college
 
PPT Companion to Android
PPT Companion to AndroidPPT Companion to Android
PPT Companion to Android
 
Android ppt
Android ppt Android ppt
Android ppt
 
HP19 Mobile Design: 為行動使用者設計
HP19 Mobile Design: 為行動使用者設計HP19 Mobile Design: 為行動使用者設計
HP19 Mobile Design: 為行動使用者設計
 
2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade2011/06/21 Microsoft Developer Day 2011—Design Decade
2011/06/21 Microsoft Developer Day 2011—Design Decade
 
UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢UI於現階段與未來的應用趨勢
UI於現階段與未來的應用趨勢
 
Process and Purpose: Build a Media Start-Up That Matters. By Corey Ford. #Roc...
Process and Purpose: Build a Media Start-Up That Matters. By Corey Ford. #Roc...Process and Purpose: Build a Media Start-Up That Matters. By Corey Ford. #Roc...
Process and Purpose: Build a Media Start-Up That Matters. By Corey Ford. #Roc...
 
Lean UX von Yavuz Yilmaz | webulos.com
Lean UX von Yavuz Yilmaz | webulos.comLean UX von Yavuz Yilmaz | webulos.com
Lean UX von Yavuz Yilmaz | webulos.com
 
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
2011/09/16 Taiwan UX Summit: App設計實戰:在開始寫程式之前
 
The Interactive Intranet People, Stucture & Reality
The Interactive Intranet   People, Stucture & RealityThe Interactive Intranet   People, Stucture & Reality
The Interactive Intranet People, Stucture & Reality
 
20120524 App開發流程與小工具分享@UI Cafe
20120524 App開發流程與小工具分享@UI Cafe20120524 App開發流程與小工具分享@UI Cafe
20120524 App開發流程與小工具分享@UI Cafe
 
Reversing the UI Design Process
Reversing the UI Design ProcessReversing the UI Design Process
Reversing the UI Design Process
 
Website Design for Senior Citizens
Website Design for Senior CitizensWebsite Design for Senior Citizens
Website Design for Senior Citizens
 
2. microsoft azure 클라우드 및 쉐어포인트 포탈 소개
2. microsoft azure 클라우드 및 쉐어포인트 포탈 소개2. microsoft azure 클라우드 및 쉐어포인트 포탈 소개
2. microsoft azure 클라우드 및 쉐어포인트 포탈 소개
 

Similar to Android 4.0 UI Design Tips

2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
Justin Lee
 
Android 4.0 UI design tips
Android 4.0 UI design tipsAndroid 4.0 UI design tips
Android 4.0 UI design tips
Star Channel - Nea Tileorasi
 
Android ui patterns
Android ui patternsAndroid ui patterns
Android ui patterns
Mobile March
 
Android ui patterns
Android ui patternsAndroid ui patterns
Android ui patterns
vpulec
 
Android ActionBar Navigation reloaded
Android ActionBar Navigation reloadedAndroid ActionBar Navigation reloaded
Android ActionBar Navigation reloaded
Dominik Helleberg
 
Android UI Design Tips
Android UI Design TipsAndroid UI Design Tips
Android UI Design Tips
Android Developers
 
Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi An...
Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi An...Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi An...
Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi An...
DicodingEvent
 
Lecture #3 activities and intents
Lecture #3  activities and intentsLecture #3  activities and intents
Lecture #3 activities and intents
Vitali Pekelis
 
Introduction to android
Introduction to androidIntroduction to android
Introduction to android
Shrijan Tiwari
 
Designing and implementing_android_uis_for_phones_and_tablets
Designing and implementing_android_uis_for_phones_and_tabletsDesigning and implementing_android_uis_for_phones_and_tablets
Designing and implementing_android_uis_for_phones_and_tablets
Cường Doãn
 
Android UI Patterns
Android UI PatternsAndroid UI Patterns
Android UI Patterns
Peter Pascale
 
Notes Unit3.pptx
Notes Unit3.pptxNotes Unit3.pptx
Notes Unit3.pptx
MIT Autonomous Aurangabad
 
Whats New in Android
Whats New in AndroidWhats New in Android
Whats New in Android
donnfelker
 
Top Ten Tips for HTML5/Mobile Web Development
Top Ten Tips for HTML5/Mobile Web DevelopmentTop Ten Tips for HTML5/Mobile Web Development
Top Ten Tips for HTML5/Mobile Web Development
Simon Guest
 
Presentation
PresentationPresentation
Presentation
allanchristiancarlos
 
Applico Android Info Session at Columbia University
Applico Android Info Session at Columbia UniversityApplico Android Info Session at Columbia University
Applico Android Info Session at Columbia University
Applico
 
[PBO] Pertemuan 12 - Pemrograman Android
[PBO] Pertemuan 12 - Pemrograman Android[PBO] Pertemuan 12 - Pemrograman Android
[PBO] Pertemuan 12 - Pemrograman Android
rizki adam kurniawan
 
Get an Android tutorial for beginners
Get an Android tutorial for beginnersGet an Android tutorial for beginners
Get an Android tutorial for beginners
JavaTpoint.Com
 
Socialcam App of the week
Socialcam App of the weekSocialcam App of the week
Socialcam App of the week
SojoSolutions
 
Droidcon2014 - Android UX
Droidcon2014 - Android UXDroidcon2014 - Android UX
Droidcon2014 - Android UX
Piervincenzo Madeo
 

Similar to Android 4.0 UI Design Tips (20)

2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
2012/02/15 Android 4.0 UI Design Tips@happy designer meetup
 
Android 4.0 UI design tips
Android 4.0 UI design tipsAndroid 4.0 UI design tips
Android 4.0 UI design tips
 
Android ui patterns
Android ui patternsAndroid ui patterns
Android ui patterns
 
Android ui patterns
Android ui patternsAndroid ui patterns
Android ui patterns
 
Android ActionBar Navigation reloaded
Android ActionBar Navigation reloadedAndroid ActionBar Navigation reloaded
Android ActionBar Navigation reloaded
 
Android UI Design Tips
Android UI Design TipsAndroid UI Design Tips
Android UI Design Tips
 
Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi An...
Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi An...Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi An...
Dicoding Developer Coaching #21: Android | Cara Membuat Widget di Aplikasi An...
 
Lecture #3 activities and intents
Lecture #3  activities and intentsLecture #3  activities and intents
Lecture #3 activities and intents
 
Introduction to android
Introduction to androidIntroduction to android
Introduction to android
 
Designing and implementing_android_uis_for_phones_and_tablets
Designing and implementing_android_uis_for_phones_and_tabletsDesigning and implementing_android_uis_for_phones_and_tablets
Designing and implementing_android_uis_for_phones_and_tablets
 
Android UI Patterns
Android UI PatternsAndroid UI Patterns
Android UI Patterns
 
Notes Unit3.pptx
Notes Unit3.pptxNotes Unit3.pptx
Notes Unit3.pptx
 
Whats New in Android
Whats New in AndroidWhats New in Android
Whats New in Android
 
Top Ten Tips for HTML5/Mobile Web Development
Top Ten Tips for HTML5/Mobile Web DevelopmentTop Ten Tips for HTML5/Mobile Web Development
Top Ten Tips for HTML5/Mobile Web Development
 
Presentation
PresentationPresentation
Presentation
 
Applico Android Info Session at Columbia University
Applico Android Info Session at Columbia UniversityApplico Android Info Session at Columbia University
Applico Android Info Session at Columbia University
 
[PBO] Pertemuan 12 - Pemrograman Android
[PBO] Pertemuan 12 - Pemrograman Android[PBO] Pertemuan 12 - Pemrograman Android
[PBO] Pertemuan 12 - Pemrograman Android
 
Get an Android tutorial for beginners
Get an Android tutorial for beginnersGet an Android tutorial for beginners
Get an Android tutorial for beginners
 
Socialcam App of the week
Socialcam App of the weekSocialcam App of the week
Socialcam App of the week
 
Droidcon2014 - Android UX
Droidcon2014 - Android UXDroidcon2014 - Android UX
Droidcon2014 - Android UX
 

More from Justin Lee

2023/04/19 學習中的AI 如何幫助孩子有效學習
2023/04/19 學習中的AI 如何幫助孩子有效學習2023/04/19 學習中的AI 如何幫助孩子有效學習
2023/04/19 學習中的AI 如何幫助孩子有效學習
Justin Lee
 
2014/01/12 旅人的府城漫步
2014/01/12 旅人的府城漫步2014/01/12 旅人的府城漫步
2014/01/12 旅人的府城漫步
Justin Lee
 
20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科
Justin Lee
 
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
Justin Lee
 
2013/05/19 Sketching with code@JSDC2013
2013/05/19 Sketching with code@JSDC20132013/05/19 Sketching with code@JSDC2013
2013/05/19 Sketching with code@JSDC2013
Justin Lee
 
[ICOS2013] Appcelerator Titanium簡介
[ICOS2013] Appcelerator Titanium簡介[ICOS2013] Appcelerator Titanium簡介
[ICOS2013] Appcelerator Titanium簡介
Justin Lee
 
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf
Justin Lee
 
App使用者經驗設計
App使用者經驗設計App使用者經驗設計
App使用者經驗設計
Justin Lee
 
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
Justin Lee
 
20110525[Taipei GTUG] titanium mobile簡介
20110525[Taipei GTUG] titanium mobile簡介20110525[Taipei GTUG] titanium mobile簡介
20110525[Taipei GTUG] titanium mobile簡介
Justin Lee
 
Sketching User Experience—Video Sketching
Sketching User Experience—Video SketchingSketching User Experience—Video Sketching
Sketching User Experience—Video Sketching
Justin Lee
 
How I Use Google Technology to Enhance Travel Experience
How I Use Google Technology to Enhance Travel ExperienceHow I Use Google Technology to Enhance Travel Experience
How I Use Google Technology to Enhance Travel Experience
Justin Lee
 
20100915 學習撰寫 Google Chrome Extension
20100915 學習撰寫 Google Chrome Extension20100915 學習撰寫 Google Chrome Extension
20100915 學習撰寫 Google Chrome Extension
Justin Lee
 
談如何發展具有破壞力的創新構想
談如何發展具有破壞力的創新構想談如何發展具有破壞力的創新構想
談如何發展具有破壞力的創新構想
Justin Lee
 
Interaction Design & Industrial Design In 3C Industry
Interaction Design & Industrial Design In 3C IndustryInteraction Design & Industrial Design In 3C Industry
Interaction Design & Industrial Design In 3C Industry
Justin Lee
 
USB 3.0 Intro
USB 3.0 IntroUSB 3.0 Intro
USB 3.0 Intro
Justin Lee
 
User Experience Design
User Experience DesignUser Experience Design
User Experience Design
Justin Lee
 
2009/04/19 ui gathering專題演講媒材、設計與適應性思考
2009/04/19 ui gathering專題演講媒材、設計與適應性思考2009/04/19 ui gathering專題演講媒材、設計與適應性思考
2009/04/19 ui gathering專題演講媒材、設計與適應性思考
Justin Lee
 

More from Justin Lee (20)

2023/04/19 學習中的AI 如何幫助孩子有效學習
2023/04/19 學習中的AI 如何幫助孩子有效學習2023/04/19 學習中的AI 如何幫助孩子有效學習
2023/04/19 學習中的AI 如何幫助孩子有效學習
 
2014/01/12 旅人的府城漫步
2014/01/12 旅人的府城漫步2014/01/12 旅人的府城漫步
2014/01/12 旅人的府城漫步
 
20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科20130614 Titanium簡介@政大資科
20130614 Titanium簡介@政大資科
 
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I  加拿大人機介面技術發展與經驗分享
20130604 Prototype Driven Design@Computex 2013 智慧手持裝置論壇 I 加拿大人機介面技術發展與經驗分享
 
2013/05/19 Sketching with code@JSDC2013
2013/05/19 Sketching with code@JSDC20132013/05/19 Sketching with code@JSDC2013
2013/05/19 Sketching with code@JSDC2013
 
[ICOS2013] Appcelerator Titanium簡介
[ICOS2013] Appcelerator Titanium簡介[ICOS2013] Appcelerator Titanium簡介
[ICOS2013] Appcelerator Titanium簡介
 
20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf20130112用原型驅動設計@webconf
20130112用原型驅動設計@webconf
 
App使用者經驗設計
App使用者經驗設計App使用者經驗設計
App使用者經驗設計
 
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
 
20110525[Taipei GTUG] titanium mobile簡介
20110525[Taipei GTUG] titanium mobile簡介20110525[Taipei GTUG] titanium mobile簡介
20110525[Taipei GTUG] titanium mobile簡介
 
Sketching User Experience—Video Sketching
Sketching User Experience—Video SketchingSketching User Experience—Video Sketching
Sketching User Experience—Video Sketching
 
How I Use Google Technology to Enhance Travel Experience
How I Use Google Technology to Enhance Travel ExperienceHow I Use Google Technology to Enhance Travel Experience
How I Use Google Technology to Enhance Travel Experience
 
20100915 學習撰寫 Google Chrome Extension
20100915 學習撰寫 Google Chrome Extension20100915 學習撰寫 Google Chrome Extension
20100915 學習撰寫 Google Chrome Extension
 
談如何發展具有破壞力的創新構想
談如何發展具有破壞力的創新構想談如何發展具有破壞力的創新構想
談如何發展具有破壞力的創新構想
 
Interaction Design & Industrial Design In 3C Industry
Interaction Design & Industrial Design In 3C IndustryInteraction Design & Industrial Design In 3C Industry
Interaction Design & Industrial Design In 3C Industry
 
Web 3.0 Intro
Web 3.0 IntroWeb 3.0 Intro
Web 3.0 Intro
 
USB 3.0 Intro
USB 3.0 IntroUSB 3.0 Intro
USB 3.0 Intro
 
Plurk Intro
Plurk IntroPlurk Intro
Plurk Intro
 
User Experience Design
User Experience DesignUser Experience Design
User Experience Design
 
2009/04/19 ui gathering專題演講媒材、設計與適應性思考
2009/04/19 ui gathering專題演講媒材、設計與適應性思考2009/04/19 ui gathering專題演講媒材、設計與適應性思考
2009/04/19 ui gathering專題演講媒材、設計與適應性思考
 

Recently uploaded

GRID integration of Wind energy conversion system
GRID integration of Wind energy conversion systemGRID integration of Wind energy conversion system
GRID integration of Wind energy conversion system
sulabhsachan
 
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista FashionsVista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Fashions
 
Introduction to Vertical Cities Vertical cities are high-density, mixed-use ...
Introduction to Vertical Cities  Vertical cities are high-density, mixed-use ...Introduction to Vertical Cities  Vertical cities are high-density, mixed-use ...
Introduction to Vertical Cities Vertical cities are high-density, mixed-use ...
Mostafa Abd Elrahman
 
SS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers ParisSS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers Paris
Peclers Paris
 
New PPT Template for operations on field.pptx
New PPT Template for operations on field.pptxNew PPT Template for operations on field.pptx
New PPT Template for operations on field.pptx
hicham benkhelifa
 
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
sheetal singh$A17
 
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
MojtabaMeghdari
 
The Death of Slim Shady HatThe Death of Slim Shady Hat
The Death of Slim Shady HatThe Death of Slim Shady HatThe Death of Slim Shady HatThe Death of Slim Shady Hat
The Death of Slim Shady HatThe Death of Slim Shady Hat
TeeFusion
 
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
monikaservice00
 
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
monikaservice00
 
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
revolutionary575
 
AI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdfAI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdf
Pixeldarts
 
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
sharonblush
 
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
45unexpected
 
AIS degree offer diploma Transcript
AIS degree offer diploma TranscriptAIS degree offer diploma Transcript
AIS degree offer diploma Transcript
asazt
 
Carleton University degree offer diploma Transcript
Carleton University degree offer diploma TranscriptCarleton University degree offer diploma Transcript
Carleton University degree offer diploma Transcript
eamhs
 
Artificial Intelligence (AI) is revolutionizing the field of architecture
Artificial Intelligence (AI) is revolutionizing the field of architectureArtificial Intelligence (AI) is revolutionizing the field of architecture
Artificial Intelligence (AI) is revolutionizing the field of architecture
Mostafa Abd Elrahman
 
Unit-1 OOMD- Inthhro- class modeling.ppt
Unit-1 OOMD- Inthhro- class modeling.pptUnit-1 OOMD- Inthhro- class modeling.ppt
Unit-1 OOMD- Inthhro- class modeling.ppt
ChiragSuresh
 
AI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptxAI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptx
Shayestha Fathima
 
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
MojtabaMeghdari
 

Recently uploaded (20)

GRID integration of Wind energy conversion system
GRID integration of Wind energy conversion systemGRID integration of Wind energy conversion system
GRID integration of Wind energy conversion system
 
Vista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista FashionsVista Blinds Catalogue Brochure by Vista Fashions
Vista Blinds Catalogue Brochure by Vista Fashions
 
Introduction to Vertical Cities Vertical cities are high-density, mixed-use ...
Introduction to Vertical Cities  Vertical cities are high-density, mixed-use ...Introduction to Vertical Cities  Vertical cities are high-density, mixed-use ...
Introduction to Vertical Cities Vertical cities are high-density, mixed-use ...
 
SS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers ParisSS26 Men's Fashion Trend Book Peclers Paris
SS26 Men's Fashion Trend Book Peclers Paris
 
New PPT Template for operations on field.pptx
New PPT Template for operations on field.pptxNew PPT Template for operations on field.pptx
New PPT Template for operations on field.pptx
 
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
Busty Girls Call Noida 🎈🔥9873940964 🔥💋🎈 Provide Best And Top Girl Service And...
 
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdfecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
ecc3d98e-fb3b-4fe4-a6ff-fbd8d2a86392.pdf
 
The Death of Slim Shady HatThe Death of Slim Shady Hat
The Death of Slim Shady HatThe Death of Slim Shady HatThe Death of Slim Shady HatThe Death of Slim Shady Hat
The Death of Slim Shady HatThe Death of Slim Shady Hat
 
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
Asian Girls Call Indore 000XX00000 Provide Best And Top Girl Service And No1 ...
 
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
Vip Today Girls Call Indore 000XX00000 Provide Best And Top Girl Service And ...
 
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
High Profile Girls Call Navi Mumbai 🎈🔥9920725232 🔥💋🎈 Provide Best And Top Gir...
 
AI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdfAI or not AI?How to detect ai-gen images.pdf
AI or not AI?How to detect ai-gen images.pdf
 
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
High End Girls Call Navi Mumbai 9930245274 Provide Best And Top Girl Service ...
 
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
Private Girls Call Mumbai 9920725232 Unlimited Short Providing Girls Service ...
 
AIS degree offer diploma Transcript
AIS degree offer diploma TranscriptAIS degree offer diploma Transcript
AIS degree offer diploma Transcript
 
Carleton University degree offer diploma Transcript
Carleton University degree offer diploma TranscriptCarleton University degree offer diploma Transcript
Carleton University degree offer diploma Transcript
 
Artificial Intelligence (AI) is revolutionizing the field of architecture
Artificial Intelligence (AI) is revolutionizing the field of architectureArtificial Intelligence (AI) is revolutionizing the field of architecture
Artificial Intelligence (AI) is revolutionizing the field of architecture
 
Unit-1 OOMD- Inthhro- class modeling.ppt
Unit-1 OOMD- Inthhro- class modeling.pptUnit-1 OOMD- Inthhro- class modeling.ppt
Unit-1 OOMD- Inthhro- class modeling.ppt
 
AI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptxAI in Fashion_Dr. Shayestha Fathima.pptx
AI in Fashion_Dr. Shayestha Fathima.pptx
 
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
20221013093917796jhhhjjjhbvhfgfgfgfg58.pdf
 

Android 4.0 UI Design Tips