Can’t you just make it look like the iPhone app?

by Syeef Karim

Slide 1

Slide 1 text

Can’t you just make it look like the iPhone app? #AndroidSummit2015 @syeefk | @danorak

Slide 2

Slide 2 text

Dan Jones [email protected] Lead UX Designer Email Occupation @danorak Twitter [email protected] UX Designer Email Occupation @syeefk Twitter Syeef Karim #AndroidSummit2015 @syeefk | @danorak

Slide 3

Slide 3 text

#AndroidSummit2015 @syeefk | @danorak

Slide 4

Slide 4 text

Based on a true story, sequences have been altered for dramatic effect #AndroidSummit2015 @syeefk | @danorak

Slide 5

Slide 5 text

Can’t you just make it look like the iPhone app? #AndroidSummit2015 @syeefk | @danorak

Slide 6

Slide 6 text

Do we have many Android users? #AndroidSummit2015 @syeefk | @danorak

Slide 7

Slide 7 text

Is Android popular? #AndroidSummit2015 @syeefk | @danorak

Slide 8

Slide 8 text

Isn’t the Android UX a little sub- par? #AndroidSummit2015 @syeefk | @danorak

Slide 9

Slide 9 text

Embracing Material Design helped us elevate Android to a ﬁrst class citizen #AndroidSummit2015 @syeefk | @danorak

Slide 10

Slide 10 text

Do we have many Android users? #AndroidSummit2015 @syeefk | @danorak

Slide 11

Slide 11 text

Yes, about 1/3 of our user base #AndroidSummit2015 @syeefk | @danorak

Slide 12

Slide 12 text

Isn’t the Android UX a little sub- par? #AndroidSummit2015 @syeefk | @danorak

Slide 13

Slide 13 text

WILD WEST #AndroidSummit2015 @syeefk | @danorak

Slide 14

Slide 14 text

#AndroidSummit2015 @syeefk | @danorak

Slide 15

Slide 15 text

Can’t you just make it look like the iPhone app? #AndroidSummit2015 @syeefk | @danorak

Slide 16

Slide 16 text

Research gave us direction #AndroidSummit2015 @syeefk | @danorak

Slide 17

Slide 17 text

#AndroidSummit2015 @syeefk | @danorak

Slide 18

Slide 18 text

#AndroidSummit2015 @syeefk | @danorak

Slide 19

Slide 19 text

Many different conﬁgurations of Android exist #AndroidSummit2015 @syeefk | @danorak

Slide 20

Slide 20 text

Devices of a range of physical dimensions #AndroidSummit2015 @syeefk | @danorak

Slide 21

Slide 21 text

Particular API & Device conﬁgurations #AndroidSummit2015 @syeefk | @danorak

Slide 22

Slide 22 text

Couldn’t guarantee as quick or as large an adoption to latest OS compared to iOS #AndroidSummit2015 @syeefk | @danorak

Slide 23

Slide 23 text

#AndroidSummit2015 @syeefk | @danorak

Slide 24

Slide 24 text

Create and maintain multiple designs #AndroidSummit2015 @syeefk | @danorak

Slide 25

Slide 25 text

#AndroidSummit2015 @syeefk | @danorak Design an app with Holo principles

Slide 26

Slide 26 text

Design a Material Design inspired Holo app #AndroidSummit2015 @syeefk | @danorak Design an app with Holo principles

Slide 27

Slide 27 text

Coming to terms delivering an OK app #AndroidSummit2015 @syeefk | @danorak

Slide 28

Slide 28 text

AppCompat v21- Material Design for pre Lollipop devices #AndroidSummit2015 @syeefk | @danorak

Slide 29

Slide 29 text

Research led to our ﬁrst design principle #AndroidSummit2015 @syeefk | @danorak

Slide 30

Slide 30 text

Content before chrome #AndroidSummit2015 @syeefk | @danorak

Slide 31

Slide 31 text

#AndroidSummit2015 @syeefk | @danorak

Slide 32

Slide 32 text

#AndroidSummit2015 @syeefk | @danorak

Slide 33

Slide 33 text

#AndroidSummit2015 @syeefk | @danorak

Slide 34

Slide 34 text

Android design began to diverge from iOS design #AndroidSummit2015 @syeefk | @danorak

Slide 35

Slide 35 text

Cards aren’t just an IA for Android, but the next standard for displaying and conveying information #AndroidSummit2015 @syeefk | @danorak

Slide 36

Slide 36 text

#AndroidSummit2015 @syeefk | @danorak

Slide 37

Slide 37 text

Interpreting Material Design #AndroidSummit2015 @syeefk | @danorak

Slide 38

Slide 38 text

Hamburgers and tab bars #AndroidSummit2015 @syeefk | @danorak

Slide 39

Slide 39 text

Hamburgers and tab bars  WTH do we do about hamburgers and tab bars #AndroidSummit2015 @syeefk | @danorak

Slide 40

Slide 40 text

We looked to Google for reference #AndroidSummit2015 @syeefk | @danorak

Slide 41

Slide 41 text

#AndroidSummit2015 @syeefk | @danorak

Slide 42

Slide 42 text

Patterns, instincts and opinions #AndroidSummit2015 @syeefk | @danorak

Slide 43

Slide 43 text

Ask your audience #AndroidSummit2015 @syeefk | @danorak

Slide 44

Slide 44 text

What we’ve learned #AndroidSummit2015 @syeefk | @danorak

Slide 45

Slide 45 text

It’s fun to be the underdog #AndroidSummit2015 @syeefk | @danorak

Slide 46

Slide 46 text

Material Design gave us structure #AndroidSummit2015 @syeefk | @danorak

Slide 47

Slide 47 text

First! #AndroidSummit2015 @syeefk | @danorak

Slide 48

Slide 48 text

First to publish to stores #AndroidSummit2015 @syeefk | @danorak

Slide 49

Slide 49 text

Material Design helped make Android a vital part of Capital One UK’s digital strategy #AndroidSummit2015 @syeefk | @danorak