Physical Sketches CPSC 581 - Fall 2015 Motivation Experience your - - PowerPoint PPT Presentation

physical sketches
SMART_READER_LITE
LIVE PREVIEW

Physical Sketches CPSC 581 - Fall 2015 Motivation Experience your - - PowerPoint PPT Presentation

Physical Sketches CPSC 581 - Fall 2015 Motivation Experience your sketches in a more physical form Test your interaction design with potential end-users Better insights by exploring in 3D! Architecture scale model Industrial Design


slide-1
SLIDE 1

Physical Sketches

CPSC 581 - Fall 2015

slide-2
SLIDE 2

Motivation

Experience your sketches in a more physical form Test your interaction design with potential end-users Better insights by exploring in 3D!

slide-3
SLIDE 3

Architecture

scale model

slide-4
SLIDE 4

Industrial Design

physical/clay models

slide-5
SLIDE 5

Interaction Design

foam core sketches

slide-6
SLIDE 6

Example #1

Digital Watch Interface

slide-7
SLIDE 7
  • 1. Photo trace an arm.
slide-8
SLIDE 8
  • 2. Sketch a wristband watch. Ensure

that the display is fairly large.

slide-9
SLIDE 9
  • 3. Print sketch at physical scale

and glue onto foam core.

slide-10
SLIDE 10
  • 4. Cut out the sketch.
slide-11
SLIDE 11
  • 5. Cut a second sheet

and two thinner strips.

slide-12
SLIDE 12
  • 6. Cut out the centre
  • f the display.
slide-13
SLIDE 13
  • 7. Create the foam core tray

by making a hollow channel.

slide-14
SLIDE 14
  • 8. Cut long strips of paper the

same width as the channel.

slide-15
SLIDE 15
  • 9. Slide the strip through

the channel and draw

  • utlines of the display.
slide-16
SLIDE 16
  • 10. Sketch a storyboard

as a series of graphical interfaces.

slide-17
SLIDE 17
  • 11. Demonstrate and test the

interaction with end-users.

slide-18
SLIDE 18

Example #2

Interfaces for an Existing Device

slide-19
SLIDE 19
  • 1. Photograph

the front face

  • f your device.
slide-20
SLIDE 20
  • 2. Print the photograph at scale.
slide-21
SLIDE 21
  • 3. Glue the printout onto foam

core and cut around edges.

slide-22
SLIDE 22
  • 4. Cut out the

display area.

slide-23
SLIDE 23
  • 5. Create the back and middle layers.
slide-24
SLIDE 24
  • 6. Glue the foam

core pieces together.

slide-25
SLIDE 25
  • 7. Cut paper cards to fit

the display and sketch interfaces on them.

slide-26
SLIDE 26
  • 8. Demonstrate and

test the interaction with end-users.

slide-27
SLIDE 27

Let’ s try it!