Android Design - Dropping iOS Patterns

0 %
100 %
Information about Android Design - Dropping iOS Patterns
Design

Published on March 5, 2014

Author: jsonfry

Source: slideshare.net

Description

An introduction to the differences are between designing for iOS and Android.

Designing For Android Dropping 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

bit. View Stack ly/i nte nts 2

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 er raw avd y/n it.l b

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 icons android bit.ly/

Icons • • • App Icon icons android bit.ly/ Notification Icon Context Menu Icons bit.ly/assetstudio

Loading Modal Dialogs

Other Modal Dialogs

NO!

NO!

Toasts

Status Bar Notifications

Ongoing Notifications • • Anything in the background E.g. • • • Music Downloading Updating status

ngoing 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 screens ndroid bit.ly/a

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 bit.ly/A Double tap is only used for zooming ndroidDesig nGuide lines

Thanks! • jasonfry.co.uk • @jsonfry

Add a comment

Related presentations

My Music Magazine Pitch

My Music Magazine Pitch

October 30, 2014

music mag pitch

Questionaire charts

Questionaire charts

November 4, 2014

bk

Final research

Final research

November 5, 2014

final research

Cersaie 2014

Cersaie 2014

October 30, 2014

allestimento in cartone per il Cersaie 2014 alberi in cartone scultura in cartone

Quarta turma do workshop de Infografia, ministrado por Beatriz Blanco e Marcos Sin...

Related pages

Android Design - Dropping iOS Patterns - YouTube

An introduction to the differences are between designing for iOS and Android
Read more

Android Design - Dropping iOS Patterns on Vimeo

For a more up-to-date look at Android design, see http://jasonfry.co.uk/blog/android-design-2014-dropping-ios-patterns/ A short talk discussing some do's ...
Read more

Android Design 2014: Dropping iOS Patterns | Jason Fry ...

jasonfry.co.uk. blog; About; Android Design 2014: Dropping iOS Patterns. At the last GDG Brighton I spoke on the difference between designing for iOS and ...
Read more

Android Design: Dropping iOS Patterns | Jason Fry ...

jasonfry.co.uk. blog; About; Android Design: Dropping iOS Patterns. For a more up-to-date look at Android design, see this updated talk. A short talk ...
Read more

Windows apps concept mapping for Android and iOS developers

Android iOS Windows 10 UWP; Design language. ... Dragging and dropping content between apps. ... iOS Windows 10 UWP; Software design patterns.
Read more

Fluid UI - Free web and mobile app prototyping

Design Android, iPhone and desktop ... your project's name is often the hardest part of using Fluid UI! ... UI comes with 16+ built in libraries for iOS ...
Read more

Android UI Patterns

Even if you're not a gamer dropping a £1 is actually ... There are couple of Android apps that have design that ... Use Android components and patterns.
Read more

Android Carousel Design Pattern: The Definitive Guide ...

Search on Smashing Magazine Search. X. ... NewEgg’s carousel is structured more like the iTunes cover flow feature on iOS, ... Android Design Patterns: ...
Read more

Pattrn - Android Apps on Google Play

Pattrn. 16,291. Lucas Rocha ... * Use specific patterns as your Android wallpaper ... Dropping this TWO stars because seriously, ...
Read more