android design - dropping ios patterns
DESCRIPTION
An introduction to the differences are between designing for iOS and Android.TRANSCRIPT
Designing For AndroidDropping iOS Patterns
@jsonfry
What?
• Designing Specifically for Android
• How it differs from iOS design
What you might already know?
Basics of designing for small touch screens
• Large tap area, don’t make tiny buttons
• Prioritise content
• Minimal user input
• Intermittent connectivity
• (Have used an Android device)
Back To Android
Android Design is NOT:
Android Design is NOT:
Android Design is NOT:
Why?
• Users’ Learnt Behaviours
Side Note
• Don’t make a soft iOS style back button
• Up button
Side Note
• Don’t make a soft iOS style back button
• Up button
Why?
• Users’ Learnt Behaviours
View Stack
View Stackbit.ly/intents2
View Stack
• Like Browser Back Button
• Subtle Animations
Up Button
Up Button
Up Button
Up Button
So what then?
Navigation Drawers & Action Bars!
Navigation Drawer
Navigation Drawer
Navigation Drawer
bit.ly/navdrawer
Action Bar
Action Bar
Action Bar
Where are tabs useful?
Other ways to filter content
View Control
View Control
Icons
Icons
• App Icon
• Notification Icon
• Context Menu Icons
Icons
• App Icon
• Notification Icon
• Context Menu Icons
bit.ly/androidicons
Icons
• App Icon
• Notification Icon
• Context Menu Icons bit.ly/assetstudio
bit.ly/androidicons
Loading Modal Dialogs
Other Modal Dialogs
NO!
NO!
Toasts
Status Bar Notifications
Ongoing Notifications• Anything in the background
• E.g.
• Music
• Downloading
• Updating status
Ongoing Notifications• Anything in the background
• E.g.
• Music
• Downloading
• Updating status
Ambient Notifications
Expanding Notifications
Expanding Notifications
Lists
Different Screen Sizes & Densities
Different Screen Sizes & Densities
bit.ly/androidscreens
Other Little Extras
Other Little Extras
• Don’t use a splash screen
• Don’t use full screen
• Double tap is only used for zooming
Other Little Extras
• Don’t use a splash screen
• Don’t use full screen
• Double tap is only used for zoomingbit.ly/AndroidDesignGuidelines
Thanks!
• @jsonfry
• jasonfry.co.uk