Thinking through Layers of Design

Transcript

1. LAYERS OF DESIGN
   Thinking through
   

   View Slide

2. View Slide

3. WHAT IS DESIGN?
   The thing a designer does to make your test-driven,
   well maintained and continuously delivered Application,
   built using React, Docker, NodeJS and PostgreSQL
   look elegant and beautiful?
   

   View Slide

4. VISUAL
   DESIGN
   

   View Slide

5. INTERACTION
   DESIGN
   SYSTEM
   DESIGN
   INFORMATION
   ARCHITECTURE
   USABILITY
   COPYWRITING
   USER
   RESEARCH
   VISUAL
   DESIGN
   

   View Slide

6. NOT A
   ONE TIME STEP
   

   View Slide

7. IT’S
   ITERATIVE
   NOT A
   ONE TIME STEP
   

   View Slide

8. NOT JUST A
   DESIGNER’S JOB
   

   View Slide

9. IT’S
   EVERYBODY’S
   NOT JUST A
   DESIGNER’S JOB
   your organization
   

   View Slide

10. NOT ABOUT
    USER’S NEEDS
    

    View Slide

11. IT’S BALANCING
    USER’S & BUSINESS’ NEEDS
    NOT ABOUT
    USER’S NEEDS
    

    View Slide

12. DESIGN
    Do or plan (something) with a specific purpose in mind.
    verb
    

    View Slide

13. GREAT!
    Let’s start building features!
    

    View Slide

14. View Slide

15. View Slide

16. LAYERS
    1. Mission and Vision
    2. Strategy
    3. Interaction
    4. Visual
    

    View Slide

17. MISSION & VISION
    

    View Slide

18. View Slide

19. View Slide

20. View Slide

21. JOB TO BE DONE
    

    View Slide

22. JOB TO BE DONE
    

    View Slide

23. USER PERSONA
    

    View Slide

24. USER JOURNEY
    DELIGHTED
    FRUSTRATED
    

    View Slide

25. USER JOURNEY
    DELIGHTED
    FRUSTRATED
    Search Restaurants
    Book a Table
    Travel to the Restaurant
    Park Vehicle
    Decide what to eat
    Order Dinner
    Wait for Serving
    Eat
    Pay Bill
    Leave
    

    View Slide

26. USER JOURNEY
    DELIGHTED
    FRUSTRATED
    Search Restaurants
    Book a Table
    Travel to the Restaurant
    Park Vehicle
    Decide what to eat
    Order Dinner
    Wait for Serving
    Eat
    Pay Bill
    Leave
    

    View Slide

27. USER JOURNEY
    DELIGHTED
    FRUSTRATED
    Search Restaurants
    Book a Table
    Travel to the Restaurant
    Park Vehicle
    Decide what to eat
    Order Dinner
    Wait for Serving
    Eat
    Pay Bill
    Leave
    No parking space
    T
    akes too long to serve
    Everyone gets served at different times
    

    View Slide

28. KANO MODEL
    DELIGHTED
    FRUSTRATED
    IMPLEMENTED
    NOT IMPLEMENTED
    

    View Slide

29. KANO MODEL
    DELIGHTED
    FRUSTRATED
    IMPLEMENTED
    NOT IMPLEMENTED
    

    View Slide

30. KANO MODEL
    DELIGHTED
    FRUSTRATED
    IMPLEMENTED
    NOT IMPLEMENTED
    

    View Slide

31. KANO MODEL
    DELIGHTED
    FRUSTRATED
    IMPLEMENTED
    NOT IMPLEMENTED
    

    View Slide

32. HOOKED MODEL
    TRIGGER ACTION
    REWARD
    INVESTMENT
    

    View Slide

33. RESTAURANT BOOK
    SEARCH
    MAP
    HOME
    INTERACTION
    

    View Slide

34. STRUCTURE
    SEARCH
    HEADER
    QUICK
    LINKS
    FEED COLLECTIONS
    

    View Slide

35. VISUAL
    

    View Slide

36. REVIEW USAGE
    ALL USERS
    NOBODY
    NEVER
    EVERY
    TIME
    

    View Slide

37. Design is not just how it looks and feels like,
    it’s how it works.
    - Steve Jobs
    “
    

    View Slide

38. Thank you :)
    I’m @manishrc & work as a Product Manager @multunus
    

    View Slide