details matter in ux

79
Details Matter Getting the Android Design Patterns Juhani Lehtimäki, Snapp Solutions Ltd

Upload: droidcon-berlin

Post on 27-Jan-2015

106 views

Category:

Technology


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Details matter in ux

Details MatterGetting the Android Design Patterns

Juhani Lehtimäki, Snapp Solutions Ltd

Page 2: Details matter in ux

“Users can figure it out. What’s the problem?”

“You are just nitpicking. It’s fine.”

“You just hate <insert company you like but you think I don’t>”

Page 3: Details matter in ux
Page 4: Details matter in ux
Page 5: Details matter in ux

Design GuidelinesDesign Patterns

Page 6: Details matter in ux
Page 7: Details matter in ux
Page 8: Details matter in ux
Page 9: Details matter in ux
Page 10: Details matter in ux
Page 11: Details matter in ux
Page 12: Details matter in ux
Page 13: Details matter in ux
Page 14: Details matter in ux
Page 15: Details matter in ux
Page 16: Details matter in ux
Page 17: Details matter in ux
Page 18: Details matter in ux

A Design Pattern=

A Proven, Good Solution to a Common problem

Page 19: Details matter in ux

Android Design Guidelines

Page 20: Details matter in ux

Consistency● Cognitive load● Intuitiveness by learning

Page 21: Details matter in ux

Visual cues● Interaction● Functionality● Make users feel home

Page 22: Details matter in ux

Use Context

Page 23: Details matter in ux

So, Do All Apps Need to Look the Same Now?

Page 24: Details matter in ux

Innovation and the Mature Android Platform

Page 25: Details matter in ux
Page 26: Details matter in ux

Community driven innovation

Page 27: Details matter in ux

Taylor Ling, June 15, 2012

http://androiduiux.com/2012/06/15/side-navigation-ui-pattern-in-android/

Page 28: Details matter in ux

http://developer.android.com/design/patterns/navigation-drawer.html

Page 29: Details matter in ux

Commercial innovation

Page 30: Details matter in ux
Page 31: Details matter in ux
Page 32: Details matter in ux
Page 33: Details matter in ux

Android UI Design Patterns

Page 34: Details matter in ux

Action Bar

Page 35: Details matter in ux
Page 36: Details matter in ux
Page 37: Details matter in ux
Page 38: Details matter in ux
Page 39: Details matter in ux
Page 40: Details matter in ux
Page 41: Details matter in ux
Page 42: Details matter in ux
Page 43: Details matter in ux
Page 44: Details matter in ux
Page 45: Details matter in ux
Page 46: Details matter in ux

Up

Page 47: Details matter in ux
Page 48: Details matter in ux
Page 49: Details matter in ux
Page 50: Details matter in ux
Page 51: Details matter in ux
Page 52: Details matter in ux
Page 53: Details matter in ux

Navigation Drawer

Page 54: Details matter in ux
Page 55: Details matter in ux
Page 56: Details matter in ux

Nope! Try again!

Page 57: Details matter in ux

:-\

Page 58: Details matter in ux
Page 59: Details matter in ux
Page 60: Details matter in ux

WTF is this??

Page 61: Details matter in ux

?

Page 62: Details matter in ux
Page 63: Details matter in ux

Don’t need it?

Don’t use it!

Page 64: Details matter in ux

Design patterns solves a problemif you don’t have the problemdon’t use the design pattern!

Page 65: Details matter in ux

Tabs

Page 66: Details matter in ux
Page 67: Details matter in ux
Page 68: Details matter in ux
Page 69: Details matter in ux
Page 70: Details matter in ux
Page 71: Details matter in ux
Page 72: Details matter in ux
Page 73: Details matter in ux

UX design is Nitpicking for a Good Reason

Page 74: Details matter in ux

“This is different”“Do I use this differently?”

Page 75: Details matter in ux

Learn OnceUse Everywhere

Page 76: Details matter in ux

Gestures Are Hiddenbut Awesome

Page 77: Details matter in ux

Reinventing the Wheelvs.

Innovation

Page 78: Details matter in ux

Break rules & guidelines only if you have a good reason to do so

Page 79: Details matter in ux

Cheers!

+JuhaniLehtimäkihttp://www.snapp.info/

http://www.androiduipatterns.com/