android ui/ux design - best practices

Post on 28-Jan-2015

131 Views

Category:

Technology

2 Downloads

Preview:

Click to see full reader

DESCRIPTION

Me and my friend Eugen Arbuleac presented at Droidcon Bucharest 2012 the way you can take advantage of native Android components together with the latest innovations in mobile design in order to make your app not just useful, but great. As a case study, we will take an autochthonous app from Google Play and will give it a new twist.

TRANSCRIPT

CASE STUDY: ANDROID UI/UX DESIGN - BEST PRACTICES

Eugeniu Arbuleac@arbuleacarbuleac.ev@gmail.com

Andrei Catinean@electrycandrei.catinean@gmail.com

AGENDA

UI PatternsCase study

WHY?

WHY?

Simplicity

Images provided by Androidify.com

WHY?

BeautySimplicity

Images provided by Androidify.com

WHY?

BeautySimplicity Functionality

Images provided by Androidify.com

AMAZING APP !!!

Images provided by Androidify.com

AGENDA

UI PatternsCase study

ACTION BAR

ACTION BAR

Main action bar

ACTION BAR

Contextual action bar

ACTION BAR

Bottom action bar

Jake’s WhartonActionBarSherlock

http://actionbarsherlock.com/

VIEW PAGER &TAB INDICATOR

FLY-IN APP MENUSLIDE-OUT MENUSIDE NAVIGATIONSLIDE MENU...

Cyril’s MottierFly-in app menu

http://android.cyrilmottier.com

AGENDA

UI PatternsCase study

CASE STUDYSTIRILE PROTV.RO

?

?

?

WRAPPING UP

WRAPPING UP

Simple + Beautiful + Functional = Amazing

WRAPPING UP

Simple + Beautiful + Functional = Amazing

Common UI patterns for design and navigation

WRAPPING UP

Simple + Beautiful + Functional = Amazing

Common UI patterns for design and navigation

Originality ≠ Breaking consistency

WRAPPING UP

Simple + Beautiful + Functional = Amazing

Common UI patterns for design and navigation

Originality ≠ Breaking consistency

Native components!

QUESTIONS ?

THANK YOU !

Eugeniu Arbuleac@arbuleacarbuleac.ev@gmail.com

Andrei Catinean@electryc

andrei.catinean@gmail.com

top related