Thinking through Layers of Design

Slide 1

Slide 1 text

LAYERS OF DESIGN Thinking through

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

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?

Slide 4

Slide 4 text

VISUAL DESIGN

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

NOT A ONE TIME STEP

Slide 7

Slide 7 text

IT’S ITERATIVE NOT A ONE TIME STEP

Slide 8

Slide 8 text

NOT JUST A DESIGNER’S JOB

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

NOT ABOUT USER’S NEEDS

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

DESIGN Do or plan (something) with a speciﬁc purpose in mind. verb

Slide 13

Slide 13 text

GREAT! Let’s start building features!

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

MISSION & VISION

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

JOB TO BE DONE

Slide 22

Slide 22 text

JOB TO BE DONE

Slide 23

Slide 23 text

USER PERSONA

Slide 24

Slide 24 text

USER JOURNEY DELIGHTED FRUSTRATED

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

KANO MODEL DELIGHTED FRUSTRATED IMPLEMENTED NOT IMPLEMENTED

Slide 29

Slide 29 text

KANO MODEL DELIGHTED FRUSTRATED IMPLEMENTED NOT IMPLEMENTED

Slide 30

Slide 30 text

KANO MODEL DELIGHTED FRUSTRATED IMPLEMENTED NOT IMPLEMENTED

Slide 31

Slide 31 text

KANO MODEL DELIGHTED FRUSTRATED IMPLEMENTED NOT IMPLEMENTED

Slide 32

Slide 32 text

HOOKED MODEL TRIGGER ACTION REWARD INVESTMENT

Slide 33

Slide 33 text

RESTAURANT BOOK SEARCH MAP HOME INTERACTION

Slide 34

Slide 34 text

STRUCTURE SEARCH HEADER QUICK LINKS FEED COLLECTIONS

Slide 35

Slide 35 text

VISUAL

Slide 36

Slide 36 text

REVIEW USAGE ALL USERS NOBODY NEVER EVERY TIME

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

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