Designing Fabulous - Journey to Material Design Award

Some humble sharing about lessons learned by the team while building Fabulous for 3 years, covering from product, users, design to building a team.

Presented on Droidcon Italy, Android Paris Makers, Droidcon Vietnam and CHIuXiD.

Transcript

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

   View Slide

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

   View Slide

3. What·is·Fabulous¬
   

   View Slide

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

   View Slide

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

   View Slide

6. Motivation¬
   Reminder¬
   Stickiness¬
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

10. Which mobile platform
    should we build for our
    MVP?¬
    

    View Slide

11. Android? iOS? Windows?
    

    View Slide

12. View Slide

13. 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!
    

    View Slide

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

    View Slide

15. How much time we need to
    build a perfect Fabulous?
    

    View Slide

16. A hell of a lot of time¬
    

    View Slide

17. Feature list for 1.0
    Feature list for MVP
    2 years
    

    View Slide

18. View Slide

19. Feature list for MVP
    2 years
    

    View Slide

20. Feature list for MVP
    6 months
    

    View Slide

21. View Slide

22. MVP Material
    

    View Slide

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

    View Slide

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

    View Slide

25. Illustrations¬
    

    View Slide

26. View Slide

27. View Slide

28. Contextual
    Immersive
    Excitement
    Emotional
    

    View Slide

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

    View Slide

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

    View Slide

31. View Slide

32. Takeaway¬
    Every detail makes the design.
    

    View Slide

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

    View Slide

34. View Slide

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

    View Slide

36. When is the suitable
    moment to convert users?
    

    View Slide

37. View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

42. View Slide

43. User Onboarding¬
    

    View Slide

44. Why should I care?
    

    View Slide

45. What can/should I do?
    

    View Slide

46. How can I do?
    

    View Slide

47. What else?
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

53. Onboard, Letters
    MOTIVATION
    User Interface
    ABILITY
    Prompts
    TRIGGER
    

    View Slide

54. 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.
    

    View Slide

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

    View Slide

56. Not very far¬
    

    View Slide

57. More than 50% Reviews
    

    View Slide

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

    View Slide

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

    View Slide

60. Just test it¬
    

    View Slide

61. Candidate for A/B testing?
    

    View Slide

62. Candidate for A/B testing
    

    View Slide

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

    View Slide

64. View Slide

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

    View Slide

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

    View Slide

67. Yeap!
    

    View Slide

68. View Slide

69. View Slide

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

    View Slide

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

    View Slide

72. Oh yes, it sure does!
    

    View Slide

73. Material Design Award Improved Downloads Think Design
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

77. Thank·you¬
    

    View Slide