storyboards - telling the stories of your users visually

14
Storyboards Telling the Story of Your Users Visually

Upload: stefan-ivanov

Post on 14-Apr-2017

287 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Storyboards - telling the stories of your users visually

StoryboardsTelling the Story of Your Users Visually

Page 2: Storyboards - telling the stories of your users visually

UX Architect

Local leader

…but I also like running, skiing and snowboarding, and cold cocktails on the warm sand

Stefan Ivanov

Page 3: Storyboards - telling the stories of your users visually

Storyboards

Context

Interface

Page 4: Storyboards - telling the stories of your users visually

• Always do it on paper first

• Illustrate the problem we are trying to solve

• The flow of a task in its relevant context

• Sequence of a few screens with annotations

• Accomplish a task or miserably fail in it

Storyboards

Page 5: Storyboards - telling the stories of your users visually

Successful scenario

Page 6: Storyboards - telling the stories of your users visually

Failing scenario

Page 7: Storyboards - telling the stories of your users visually

Drawing storyboards

• Human that anyone can draw

• Drawing different ages• Adding accessories• Drawing the crowd• Inside or outside• Time of the day• Using colors• Focus through silhouette• Writing the annotations

Page 8: Storyboards - telling the stories of your users visually

• Show the big picture first, UI will come next

• Pinpoint frustration and create empathy

• Quick and easy to create for early validation

• Ideas are easier to communicate with stakeholder

• Skeptics always neglect it as means to validate ideas early on

Benefits

Page 9: Storyboards - telling the stories of your users visually

Failing scenario

Page 10: Storyboards - telling the stories of your users visually

Successful scenario

Page 11: Storyboards - telling the stories of your users visually

Hands-on 30 minutes

We want to build a one button personal hardware device for the audience of PowerPoint presentations. The device is synced to the recordings being made and allows each attendee to mark/highlight specific moments from the talk that can be later used as a way to navigate the recording when it gets submitted online. Each person from the audience uses his personal device to highlight his very own special moments during the talk he is attending.Let’s “storyboard” how a user scenario may unfold.

Page 12: Storyboards - telling the stories of your users visually

Pick a peer and spend 5 minutes to give him feedback on the storyboard that he has created. Then switch roles and do the same so that in the end you both have your feedback.

Feedback from peers

Let’s “storyboard” how a user scenario may unfold.

10 minutes

Page 13: Storyboards - telling the stories of your users visually

10 minutes

At the end of the workshop let two of us share their storyboards with the most important piece of feedback that they got with the rest of the attendees.

Share your storyboard and feedback

Let’s “storyboard” how a user scenario may unfold.

Page 14: Storyboards - telling the stories of your users visually

Gimme feedback

[email protected]

stefanivanovux