$30 off During Our Annual Pro Sale. View Details »

Thinking through Layers of Design

Manish Chiniwalar
November 29, 2015

Thinking through Layers of Design

Manish Chiniwalar

November 29, 2015
Tweet

More Decks by Manish Chiniwalar

Other Decks in 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