Android Design - Dropping iOS Patterns

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:



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


• Context Menu Icons

bit.ly/androidicons

Icons

• App 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