95
Dos and Don'ts of Android UI Juhani Lehtimäki, Snapp TV Ltd

Snapp tv

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Snapp tv

Dos and Don'ts of Android UIJuhani Lehtimäki, Snapp TV Ltd

Page 2: Snapp tv
Page 3: Snapp tv

Plan for different Hardware

Page 4: Snapp tv
Page 5: Snapp tv

Don't assume software

Page 6: Snapp tv
Page 7: Snapp tv
Page 8: Snapp tv
Page 9: Snapp tv
Page 11: Snapp tv

Follow design guidelines

Page 13: Snapp tv

Design for users

Page 14: Snapp tv
Page 15: Snapp tv

"I like the back button and don't have issues with it."

"I personally find nothing confusing about the back button. It takes you back to the previous Activity."

You're not your user!

Page 16: Snapp tv

Your users are not designers

Page 17: Snapp tv

Don't use designs from other platforms

Page 18: Snapp tv
Page 19: Snapp tv
Page 20: Snapp tv
Page 21: Snapp tv

Don't build a tablet app

Page 22: Snapp tv
Page 23: Snapp tv

Design scalable UI

Page 24: Snapp tv
Page 25: Snapp tv
Page 26: Snapp tv
Page 27: Snapp tv
Page 28: Snapp tv
Page 29: Snapp tv
Page 30: Snapp tv
Page 31: Snapp tv
Page 32: Snapp tv
Page 33: Snapp tv

Make your layouts scalable

Page 34: Snapp tv

RelativeLayout

GridLayout

LinearLayout

etc.

Page 35: Snapp tv
Page 36: Snapp tv

Don't lock to portrait

Page 37: Snapp tv
Page 38: Snapp tv
Page 39: Snapp tv

Support multiple screen densities

Page 40: Snapp tv
Page 41: Snapp tv
Page 42: Snapp tv

LDPI

MDPI

HDPI XHDPI

Page 43: Snapp tv

android:layout_marginLeft="64dp"

1 DP = 1 PX on MDPI screen

Page 44: Snapp tv

Use scalable graphics

Page 45: Snapp tv

9-patch

Page 46: Snapp tv

Draw in XML / code

Page 47: Snapp tv

Prepare for different default theme

Page 48: Snapp tv
Page 49: Snapp tv

Keep navigation simple and flat

Page 50: Snapp tv

?

Page 51: Snapp tv
Page 52: Snapp tv

Help users to keep track

Page 53: Snapp tv
Page 54: Snapp tv

Don't use bottom tabs

Page 55: Snapp tv
Page 56: Snapp tv
Page 57: Snapp tv

Let users swipe between tabs

Page 58: Snapp tv
Page 59: Snapp tv

Menu button is dead

Page 60: Snapp tv
Page 61: Snapp tv

android:targetSdkVersion="8" android:targetSdkVersion="16"

Page 62: Snapp tv

Use Android intents to share

Page 63: Snapp tv
Page 64: Snapp tv

Use Android icons

Page 65: Snapp tv
Page 66: Snapp tv

Don't use on-screen back button

Page 67: Snapp tv
Page 68: Snapp tv
Page 69: Snapp tv

Don't use popups

Page 70: Snapp tv
Page 71: Snapp tv
Page 72: Snapp tv
Page 73: Snapp tv

Don't use splash screen

Page 74: Snapp tv
Page 75: Snapp tv

Don't use tutorial screens

Page 76: Snapp tv
Page 77: Snapp tv
Page 78: Snapp tv
Page 79: Snapp tv
Page 80: Snapp tv
Page 81: Snapp tv
Page 82: Snapp tv

Don't force login

Page 83: Snapp tv
Page 84: Snapp tv
Page 85: Snapp tv
Page 86: Snapp tv

Don't hide the status bar

Page 87: Snapp tv
Page 88: Snapp tv

Customization is not an alternative to design!

Page 89: Snapp tv
Page 90: Snapp tv

Design Decision

vs.

Page 91: Snapp tv

Put your app in front of real users

Page 92: Snapp tv
Page 93: Snapp tv

And the most importantly

Page 94: Snapp tv