43

Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 2: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 3: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

Design Principles

for

Minimum Viable Product

Front-End

Page 4: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

Junaid MasoodiFront End Developer

Page 5: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

KASHMIR

Page 6: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

design?

Page 7: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 8: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 9: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 10: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 11: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

Audacity & Humility

Page 12: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

Little things really matter

Page 13: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

Design with Data

Page 14: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 15: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

You can create good experiences without knowing the content. What you can’t do is create good

experiences without knowing your content structure.

Page 16: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 17: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

commonsense

Page 18: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 19: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

THINKdon’t make me

The basic principle of User experience

Page 20: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

How do we really use the web?

Page 21: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

Before we dive into User Experience for MVP

There is another term

MMP

Page 22: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 23: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

#1 Nice and simple visual design

Page 24: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 25: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 26: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 27: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 28: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 29: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 30: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

#2 Use onboarding screen to show your unique value

Onboarding Screen — Evernote

Page 31: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

z

Onboarding Screen s— Airbnb

Page 32: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

#3 Welcome your users and walk them

Welcome screen — Paper and Pinterest

Page 33: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

example

Coachmark screen — Operator, Uber and Great Big Story

Page 34: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

Empty state screens — Operator, Airbnb and Le Tote

Page 35: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

#4 Manage a Micro feedback

Page 36: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 37: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

Changes in already existing design

Page 38: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

Drupal

Page 39: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

Conclusion

Remember, it’s only minimum viable product (MVP). Don’t take too much effort and time to craft it. But, you can’t just simply go ugly.

Page 40: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s
Page 41: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

JOIN US FOR CONTRIBUTION SPRINTS

First Time Sprinter Workshop - 9:00-12:00 - Room Wicklow2A

Mentored Core Sprint - 9:00-18:00 - Wicklow Hall 2B

General Sprints - 9:00 - 18:00 - Wicklow Hall 2A

Page 42: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

Junaid [email protected] http://junaidmasoodi.com

@junaidmasudi

Page 43: Template - Dublin Drupalcon 2016...Empty state screens—Operator, Airbnb and Le Tote #4 Manage a Micro feedback Changes in already existing design Drupal Conclusion Remember, it’s

Evaluate This Session

THANK YOU!

events.drupal.org/dublin2016/schedule

WHAT DID YOU THINK?