Slide 1

Slide 1 text

Designing·Fabulous¬ The·journey·to·Material·Design·Award¬

Slide 2

Slide 2 text

Taylor·Ling¬ Design Co-founder of Fabulous Co. Google Expert in UX/UI

Slide 3

Slide 3 text

What·is·Fabulous¬

Slide 4

Slide 4 text

“You kept me alive through colon cancer, I truly love you.”

Slide 5

Slide 5 text

Habit-forming companion using scientific approach and self-coaching aimed to make healthy life routine stick in your life thefabulous.co

Slide 6

Slide 6 text

Motivation¬ Reminder¬ Stickiness¬

Slide 7

Slide 7 text

Top Developer Editor’s Choice Google Play Awards Nominations Material Design Award

Slide 8

Slide 8 text

100,000+ 8,000+ Daily Active Users Daily New Users ~3.0 millions Total Downloads

Slide 9

Slide 9 text

Things that we learnt during the journey to Material Design Award¬ Product Design Team Users

Slide 10

Slide 10 text

Which mobile platform should we build for our MVP?¬

Slide 11

Slide 11 text

Android? iOS? Windows?

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

Huge Market Share Great Design language Developer Friendly 88% of Int’l Market¬ Wide Range of Diversity¬ Design Guideline¬ Support Library¬ Alarm API¬ Draw over other apps¬ Rich Notification¬ Play Store Experiment¬ Revenue potential is huge Android users pay for good apps/ games too!

Slide 14

Slide 14 text

Takeaway¬ Consider picking Android as primary platform to develop when you first starting out and resources are scarce.

Slide 15

Slide 15 text

How much time we need to build a perfect Fabulous?

Slide 16

Slide 16 text

A hell of a lot of time¬

Slide 17

Slide 17 text

Feature list for 1.0 Feature list for MVP 2 years

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

Feature list for MVP 2 years

Slide 20

Slide 20 text

Feature list for MVP 6 months

Slide 21

Slide 21 text

No content

Slide 22

Slide 22 text

MVP Material

Slide 23

Slide 23 text

Takeaway¬ Build your MVP with minimal set of features that solves user problem and delivers core experience.

Slide 24

Slide 24 text

How do we differentiate ourselves from other similar tools and be unique?

Slide 25

Slide 25 text

Illustrations¬

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

Contextual Immersive Excitement Emotional

Slide 29

Slide 29 text

Takeaway¬ Look for opportunity to make use of illustrations to delight your users, even during frustrated situation.

Slide 30

Slide 30 text

Is it worth spending time on details? Will the user aware of our efforts in the design?

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

Takeaway¬ Every detail makes the design.

Slide 33

Slide 33 text

Can we just ignore 1- star/2-star users? They are likely not the users that we want.

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

Takeaway¬ 1-star users are your ‘real’ users that hit you back to the reality ground. Take their feedback seriously,but cautiously.

Slide 36

Slide 36 text

When is the suitable moment to convert users?

Slide 37

Slide 37 text

No content

Slide 38

Slide 38 text

Lock everything! Show upgrade card every launch Another upgrade card just in case they didn’t see it Snackbar ads! Top banner ads!

Slide 39

Slide 39 text

Success/Winning Demand/Unlock Removal/Demotivated Conversion points to consider

Slide 40

Slide 40 text

Takeaway¬ Identify those potential conversion points and take advantage to convert them.

Slide 41

Slide 41 text

What can we do so the user understand the concept of the app but not ovewhelmed with tons of tutorial?

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

User Onboarding¬

Slide 44

Slide 44 text

Why should I care?

Slide 45

Slide 45 text

What can/should I do?

Slide 46

Slide 46 text

How can I do?

Slide 47

Slide 47 text

What else?

Slide 48

Slide 48 text

Takeaway¬ User onboarding strategy plays a significant role in retaining potential users.

Slide 49

Slide 49 text

What can we do to improve user engagement with the product?

Slide 50

Slide 50 text

Motivation Value Proposition Ability User Interface Trigger Prompts BJ Fogg model on Human Behavior Product Engagement

Slide 51

Slide 51 text

Motivation Value Proposition Ability User Interface Trigger Prompts BJ Fogg model on Human Behavior Product Engagement

Slide 52

Slide 52 text

https://goo.gl/JVqPdr Pulkit Agrawal - Chameleon

Slide 53

Slide 53 text

Onboard, Letters MOTIVATION User Interface ABILITY Prompts TRIGGER

Slide 54

Slide 54 text

Takeaway¬ To improve user engagement, optimize 3 things: the strength of your value proposition, the simplicity of your interface and the intelligence of your prompts.

Slide 55

Slide 55 text

How far can we go with just providing a single language in the app?

Slide 56

Slide 56 text

Not very far¬

Slide 57

Slide 57 text

More than 50% Reviews

Slide 58

Slide 58 text

Takeaway¬ Be prepared for multi-languages if your product is going to expand globally.

Slide 59

Slide 59 text

How can we know the changes we made have positive impact to user experience?

Slide 60

Slide 60 text

Just test it¬

Slide 61

Slide 61 text

Candidate for A/B testing?

Slide 62

Slide 62 text

Candidate for A/B testing

Slide 63

Slide 63 text

70% 92% +22% Users who tap the button to start the journey

Slide 64

Slide 64 text

No content

Slide 65

Slide 65 text

Takeaway¬ Always be in experimental mode and use data to decide which solution to keep.

Slide 66

Slide 66 text

Are we able to pull it off with everyone working remotely?

Slide 67

Slide 67 text

Yeap!

Slide 68

Slide 68 text

No content

Slide 69

Slide 69 text

No content

Slide 70

Slide 70 text

Takeaway¬ Remote absolutely works with sufficient communication and proper planning.

Slide 71

Slide 71 text

Is having a design-first culture in the team worth it?

Slide 72

Slide 72 text

Oh yes, it sure does!

Slide 73

Slide 73 text

Material Design Award Improved Downloads Think Design

Slide 74

Slide 74 text

Alex Schleifer, VP of Design @ Airbnb https://goo.gl/MX0Qx5

Slide 75

Slide 75 text

Alex Schleifer, VP of Design @ Airbnb https://goo.gl/MX0Qx5

Slide 76

Slide 76 text

Takeaway¬ Involve design in product development at the very beginning, otherwise it will be too late to fix.

Slide 77

Slide 77 text

Thank·you¬