Design ing For Android Dropping iOS Patterns @jsonfry
Android Design - Dropping iOS Patterns
May 31, 2015
An introduction to the differences are between designing for iOS and Android.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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
Related Documents
