making your ui look good on android

31
MAKING YOUR UI LOOK GOOD ON ANDROID Saurabh Minni http://100rabh.com

Upload: the100rabh

Post on 14-May-2015

26.326 views

Category:

Career


1 download

DESCRIPTION

My talk at Barcamp Bangalore 11 about "How to Make Your UI Look Good on Android". I talked about some really bad UI and how you can make avoid making those kind of UI and instead make more mobile and user friendly UI

TRANSCRIPT

Page 1: Making your ui look good on android

MAKING YOUR UI LOOK GOOD ON

ANDROID

Saurabh Minni

http://100rabh.com

Page 2: Making your ui look good on android

Who am I

Saurabh Minni Developer at Intuit India Work for TurboTax SnapTax for Android Switched to Android after 5 years in

desktop world. Developer of

Auto Complaint Bangalore ( Also for Mumbai)Barcamp Bangalore AppNavkar Mantra and others

Page 3: Making your ui look good on android

Where can I be found

Twitter - @the100rabh http://the100rabh.blogspot.com http://100rabh.com https://market.android.com/developer?p

ub=100rabh

Page 4: Making your ui look good on android

Some comments about Android UI Its unpolished compared to iPhone Android still very rough Android is only for geeks

Page 5: Making your ui look good on android

Are all the comments true ?

Page 6: Making your ui look good on android

The truth is…

Many of the Android apps are indeed unpolished

Page 7: Making your ui look good on android

Want some proof ???

Page 8: Making your ui look good on android
Page 9: Making your ui look good on android
Page 10: Making your ui look good on android
Page 11: Making your ui look good on android
Page 12: Making your ui look good on android
Page 13: Making your ui look good on android

Why does it happen ??

No punishment for bad UI Often devs translate their experience

from desktop to mobile Lack of support from UX Community

Page 14: Making your ui look good on android

What can you do…

Make good Android Apps

Page 15: Making your ui look good on android

Some simple tips…

Page 16: Making your ui look good on android

Skip the menu, embrace actionbar

Page 17: Making your ui look good on android

Avoid menu means, all menus

Page 18: Making your ui look good on android

Use Quick Action bar

Page 19: Making your ui look good on android

Tabs are another possible junkyard

Page 20: Making your ui look good on android

View flow to the rescue

Page 21: Making your ui look good on android

You tell me whats wrong here

Page 22: Making your ui look good on android

Bring in some gestures

Page 23: Making your ui look good on android

Pull to refresh

Page 24: Making your ui look good on android

Endless List

Page 25: Making your ui look good on android

Crowd the view and suffocate

Page 26: Making your ui look good on android

Govinda or Amitabh style

Page 27: Making your ui look good on android

Use standard buttons

In case you need help with buttons, head to Android Asset Studio http://android-ui-utils.googlecode.com/hg/asset-studio/dist/index.html

Page 28: Making your ui look good on android

iPhone App Design to Android Result

An iPhone App running on AndroidAndroid user feel alienatedAndroid user feel being treated 2nd class

citizens Finally an app which is super crappy

Page 29: Making your ui look good on android

Use gestures where you can

Page 30: Making your ui look good on android

Some things to understand Mobile is mobile Real estate is costly Gestures and interaction styles are

radically different.SwipeDragPinch relatedTouch

Page 31: Making your ui look good on android

Some 3rd party libraries for you

http://code.google.com/p/android-wheel/ http://actionbarsherlock.com/  https://github.com/pakerfeldt/android-vie

wflow 

https://github.com/chrisbanes/Android-PullToRefresh

http://commonsware.com/cwac