Android UI/UX design - Best Practices

Slide 1

Slide 1 text

CASE STUDY: ANDROID UI/UX DESIGN - BEST PRACTICES Eugeniu Arbuleac @arbuleac [email protected] Andrei Catinean @electryc [email protected]

Slide 2

Slide 2 text

AGENDA UI Patterns Case study

Slide 3

Slide 3 text

WHY?

Slide 4

Slide 4 text

WHY? Simplicity Images provided by Androidify.com

Slide 5

Slide 5 text

WHY? Beauty Simplicity Images provided by Androidify.com

Slide 6

Slide 6 text

WHY? Beauty Simplicity Functionality Images provided by Androidify.com

Slide 7

Slide 7 text

AMAZING APP !!! Images provided by Androidify.com

Slide 8

Slide 8 text

AGENDA UI Patterns Case study

Slide 9

Slide 9 text

ACTION BAR

Slide 10

Slide 10 text

ACTION BAR Main action bar

Slide 11

Slide 11 text

ACTION BAR Contextual action bar

Slide 12

Slide 12 text

ACTION BAR Bottom action bar

Slide 13

Slide 13 text

http://developer.android.com/design/patterns/actionbar.html

Slide 14

Slide 14 text

Jake’s Wharton ActionBarSherlock http://actionbarsherlock.com/

Slide 15

Slide 15 text

VIEW PAGER & TAB INDICATOR

Slide 16

Slide 16 text

FLY-IN APP MENU SLIDE-OUT MENU SIDE NAVIGATION SLIDE MENU ...

Slide 17

Slide 17 text

Cyril’s Mottier Fly-in app menu http://android.cyrilmottier.com

Slide 18

Slide 18 text

AGENDA UI Patterns Case study

Slide 19

Slide 19 text

CASE STUDY STIRILE PROTV.RO

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

WRAPPING UP

Slide 30

Slide 30 text

WRAPPING UP Simple + Beautiful + Functional = Amazing

Slide 31

Slide 31 text

WRAPPING UP Simple + Beautiful + Functional = Amazing Common UI patterns for design and navigation

Slide 32

Slide 32 text

WRAPPING UP Simple + Beautiful + Functional = Amazing Common UI patterns for design and navigation Originality ≠ Breaking consistency

Slide 33

Slide 33 text

WRAPPING UP Simple + Beautiful + Functional = Amazing Common UI patterns for design and navigation Originality ≠ Breaking consistency Native components!

Slide 34

Slide 34 text

QUESTIONS ?

Slide 35

Slide 35 text

THANK YOU ! Eugeniu Arbuleac @arbuleac [email protected] Andrei Catinean @electryc [email protected]