'

Draw the line: Better ux with sketching

Понравилась презентация – покажи это...





Слайд 0

Draw the line: Better ux with sketching Deb aoki sr. information experience designer, citrix


Слайд 1

HELLO! UX Design + Content Strategy + Comics + Manga Nerd = Deb Aoki


Слайд 2

I LOVE COMICS. I READ COMICS. I DRAW COMICS. Bento Box in the Honolulu Star-Advertiser


Слайд 3

I WRITE ABOUT COMICS TOO.


Слайд 4

MEANWHILE, MOST OF MY JOBS WERE ABOUT WRITING FOR THE WEB


Слайд 5

THEN I GOT A JOB AT…


Слайд 6

AND I STARTED USING MY DRAWING SKILLS MORE AND MORE…


Слайд 7

THEN I GOT A JOB AT… I still write, but now I mostly draw. …which is pretty awesome


Слайд 8

WHY DRAW PICTURES? Focuses on users’ needs and problems, rather than on design, business, or technology concerns or limitations Pictures can communicate abstract ideas and user experiences quickly and powerfully Faster and cheaper than coding clickable prototypes or designing wireframes, or polished page mock-ups Can provide a ‘big picture’ perspective of the entire user experience, goals & messaging It’s fun! And it encourages participation and informal discussions


Слайд 9

CAPTURE WORKFLOWS SEE THE BIG PICTURE / SEE HOW THE PIECES FIT TOGETHER


Слайд 10

CAPTURE WORKFLOWS SEE THE BIG PICTURE / SEE HOW THE PIECES FIT TOGETHER


Слайд 11

CAPTURE WORKFLOWS SEE THE BIG PICTURE / SEE HOW THE PIECES FIT TOGETHER


Слайд 12

CAPTURE WORKFLOWS SEE THE BIG PICTURE / SEE HOW THE PIECES FIT TOGETHER


Слайд 13

CUSTOMER JOURNEY MAPPING CAPTURE QUOTES / “DAY IN THE LIFE” EXPERIENCES


Слайд 14

CUSTOMER JOURNEY MAPPING CAPTURE QUOTES / “DAY IN THE LIFE” EXPERIENCES


Слайд 15

User personas MAKE THE CUSTOMER “REAL” / BRING THEM TO LIFE


Слайд 16

User personas MAKE THE CUSTOMER “REAL” / BRING THEM TO LIFE The Preparer The Networker The Facilitator The Sprinter The Assistant The Investigator


Слайд 17

User personas MAKE THE CUSTOMER “REAL” / BRING THEM TO LIFE


Слайд 18

Humanize pain-points MAKES USERS’ PROBLEMS FEEL MORE ‘REAL’ AND URGENT


Слайд 19

Humanize pain-points MAKES USERS’ PROBLEMS FEEL MORE ‘REAL’ AND URGENT


Слайд 20

STORYBOARDING DEMONSTRATE USER SCENARIOS


Слайд 21

STORYBOARDING DEMONSTRATE USER SCENARIOS


Слайд 22

STORYBOARDING DEMONSTRATE USER SCENARIOS


Слайд 23

STORYBOARDING DEMONSTRATE USER SCENARIOS


Слайд 24

STORYBOARDING DEMONSTRATE USER SCENARIOS


Слайд 25

VISUAL NOTETAKING CAPTURE BIG IDEAS AND MAKE THEM MEMORABLE


Слайд 26

‘But I can’t Draw’ If you can draw dots, circles, squares, and lines, you can draw. Yes, you can!


Слайд 27

CIRCLE + SQUARE + DOTS + LINES =


Слайд 28

DO IT YOUR WAY!


Слайд 29

DO IT YOUR WAY!


Слайд 30

CIRCLE + DOTS + LINES = FACES AND EMOTIONS


Слайд 31

DRAW COMMON CONCEPTS IN A FEW STROKES


Слайд 32

SHOW DIFFERENT PERSPECTIVES CLOSE-UP Emphasis on screen/finger interaction MID-TORSO Emphasis on screen SEMI-CLOSE Emphasis on device / human context/use FULL BODY Emphasis on ‘real world’ context/place of use


Слайд 33

Suggested reading


Слайд 34

THANK YOU! EMAIL: DEBORA.AOKI@CITRIX.COM TWITTER: @DEBAOKI ALSO: HTTP://WWW.MANGACOMICSMANGA.COM


×

HTML:





Ссылка: