Lo Low-Fi Fi Prototyp typing No screens Say your name Prof. - - PowerPoint PPT Presentation

▶
lo low fi fi prototyp typing
SMART_READER_LITE
LIVE PREVIEW

Lo Low-Fi Fi Prototyp typing No screens Say your name Prof. - - PowerPoint PPT Presentation

Oct 30, 2022 285 likes •812 views

Lo Low-Fi Fi Prototyp typing No screens Say your name Prof. Lydia Chilton COMS 4170 28 March 2018 1 Goal 2 When the needs and abilities of users are unclear, design systems by le tion and experimentation. lear arning ning from it

slide-1
SLIDE 1

Lo Low-Fi Fi Prototyp typing

  • Prof. Lydia Chilton

COMS 4170 28 March 2018 No screens

Say your name

1

slide-2
SLIDE 2

Goal 2

When the needs and abilities of users are unclear, design systems by le lear arning ning from it iteratio tion and experimentation. Clear needs, abilities, goal Unclear needs, abilities, goal Keep a list of the party planning committee

slide-3
SLIDE 3

Brainstorm Ideas

slide-4
SLIDE 4
slide-5
SLIDE 5
slide-6
SLIDE 6
slide-7
SLIDE 7

Low-Fidelity Prototypes

slide-8
SLIDE 8

Pixar makes the some of the most detailed, beautiful and poignant films

slide-9
SLIDE 9

They always start with a st

  • storyboard. Why?

Storyboard can test the coherency of a story at a high level, while it is still easy to change it.

slide-10
SLIDE 10

It’s not just animated films. Live-action use storyboards, too.

slide-11
SLIDE 11

Storyboards are also good for prototyping software interactions

Given a task or goal, can the user navigate through the system coherently?

slide-12
SLIDE 12

Application: Fitness Tracker

slide-13
SLIDE 13

Application: GPS Driving Guidance

slide-14
SLIDE 14

Application: Plan your class schedule

slide-15
SLIDE 15

Paper Prototypes

slide-16
SLIDE 16

Paper Prototypes:

  • Put your low-fi prototype in front of

users.

  • Give them a task.
  • Ask them to think out loud as they do the

task

  • Don’t interrupt them.
  • Don’t lead them.
  • Observe “critical incidents”
  • Times they are unsure
  • Times they did the wrong thing
  • Write it down, possible take photos.
slide-17
SLIDE 17

Interface #1: Task: “Get directions to locations A, B, C and D.”

slide-18
SLIDE 18

Interface #2: Task: “Get directions to locations A, B, C and D.”

slide-19
SLIDE 19

What if the prototype is to

too polished?

slide-20
SLIDE 20

Getting user feedback from a paper prototype:

  • Give the user a task:
  • “Log into the system and post on somebody’s wall”
  • “Search for tweets using the most popular hashtag”
  • “Add a new slide with two column template”
  • “Edit a post”
  • Observe what they do
  • Encourage people to think-aloud
  • Look for “critical incidents.”
  • Times were users are unsure what to do, do the wrong thing
slide-21
SLIDE 21

Milestone #3 Feedback

slide-22
SLIDE 22

Feedback on specificity of interaction

Needs more specificity: “search”: what do you do after they’ve found them “play”: what is a more specific way you can play them to aid this task “Rate” or “order”: what more can you do to support this task. Good specificity of interaction: “make notes on specific parts of the video” “click on [something else] to bring up a video” “replay specific segments in slow motion” “take a screenshot” “draw on a screenshot” On the right track, but needs a little more: “compare two videos”: how? What is the user looking for in the comparison? “create a playlist”: anything more task-specific? “make comments”: Where? How? What’s the best way to make comments in this domain?

slide-23
SLIDE 23

Many of you embedded YouTube videos…

way to get videos to play.

slide-24
SLIDE 24

Group Brainstorming Activity

slide-25
SLIDE 25

Activity: Sharing your Specific Needs

  • Find a group of 3 or 4 without leaving your seat.
  • 20 seconds.
slide-26
SLIDE 26

DONE NE!

slide-27
SLIDE 27

Activity: Sharing your Specific Needs

  • Find a group of 3 or 4 without leaving your seat.
  • 30 seconds.
  • Find out everyone’s first name.
  • What is your rank alphabetically?
  • Eleanor (1), Lucille (2), Lydia (3), Tessa (4)
  • 30 seconds
slide-28
SLIDE 28

DONE NE!

slide-29
SLIDE 29

Activity: Sharing your Specific Needs

  • Person #1: Share 1 specific need.
  • The idea doesn’t have to be perfect!
  • Others:
  • Brainstorm ways to make it even more specific, or
  • Brainstorm ways to make it use different specifics.
  • Person #1:
  • Listen.
  • Write it down.
  • Don’t defend your idea.
  • Say “thank you,” even if you hate the ideas.
  • 5 minutes

What person Uses what videos and How they interact with it To achieve what goal

slide-30
SLIDE 30

5 min

slide-31
SLIDE 31

1 min

slide-32
SLIDE 32

Anything helpful?

slide-33
SLIDE 33

Activity: Sharing your Specific Needs

  • Person #2: Share 1 specific need.
  • Others:
  • Brainstorm ways to make it even more specific, or
  • Brainstorm ways to make it use different specifics.
  • Person #2:
  • Listen.
  • Write it down.
  • Don’t defend your idea.
  • Say “thank you,” even if you hate the ideas.
  • 5 minutes

What person Uses what videos and How they interact with it To achieve what goal

slide-34
SLIDE 34

5 min

slide-35
SLIDE 35

1 min

slide-36
SLIDE 36

Anything helpful?

slide-37
SLIDE 37

Activity: Sharing your Specific Needs

  • Person #3: Share 1 specific need.
  • Others:
  • Brainstorm ways to make it even more specific, or
  • Brainstorm ways to make it use different specifics.
  • Person #3:
  • Listen.
  • Write it down.
  • Don’t defend your idea.
  • Say “thank you,” even if you hate the ideas.
  • 5 minutes

What person Uses what videos and How they interact with it To achieve what goal

slide-38
SLIDE 38

5 min

slide-39
SLIDE 39

1 min

slide-40
SLIDE 40

Anything helpful?

slide-41
SLIDE 41

Activity: Sharing your Specific Needs

  • Person #4 (or #1 or other): Share 1 specific needs.
  • Others:
  • Brainstorm ways to make it even more specific, or
  • Brainstorm ways to make it use different specifics.
  • Person #4 (or other):
  • Listen.
  • Write it down.
  • Don’t defend your idea.
  • Say “thank you,” even if you hate the ideas.
  • 5 minutes

What person Uses what videos and How they interact with it To achieve what goal

slide-42
SLIDE 42

5 min

slide-43
SLIDE 43

1 min

slide-44
SLIDE 44

Anything helpful?

slide-45
SLIDE 45

Summary

slide-46
SLIDE 46

Brainstorm Ideas

slide-47
SLIDE 47
slide-48
SLIDE 48
slide-49
SLIDE 49

Given a task or goal, can the user navigate the interaction coherently?

Low-Fi Prototypes mitigate risk by getting feedback on the most fundamental aspects

  • f the design first
slide-50
SLIDE 50

Pixar starts with storyboards. Software starts with paper prototypes

slide-51
SLIDE 51

Milestone #4: Pa

Paper Pro rototype (due Monday @ @ class)

Pick two of your specific needs

  • For each specific need, make a paper prototype for two different

designs.

  • For each design, have at least one task you want to test with users

that gets at the coherency of the interaction. Bring your prototype to class, and we will test on people.

slide-52
SLIDE 52

TA Office Hours Tessa: Thursday 3/29 9:30 - 11 AM Lucille: Friday 3/30 10:30 - 12PM Eleanor: Monday 4/2 1:30 - 3:30PM