Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a...
-
Upload
beverley-simon -
Category
Documents
-
view
222 -
download
0
Transcript of Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a...
![Page 1: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/1.jpg)
prototyping
![Page 2: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/2.jpg)
What is a prototype?
In other design fields a prototype is a small-scale model:
• a miniature car• a miniature building or town
![Page 3: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/3.jpg)
What is a prototype?In interaction design it can be (among other things):
• a series of screen sketches• a storyboard, i.e. a cartoon-like
series of scenes • a Powerpoint slide show• a video simulating the use
of a system• a lump of wood (e.g. PalmPilot)• a cardboard mock-up• a piece of software with limited functionality
written in the target language or in another language
![Page 4: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/4.jpg)
What Is a Prototype?
• Different for each person– Artists think of sketches and storyboards– Programmers think of buggy code
• Crucial element is allowing you to express your ideas quickly and fluidly
![Page 5: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/5.jpg)
Getting It Wrong
• Prototyping is a way of getting things wrong quickly to discover correct designs– No one gets it right first time
![Page 6: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/6.jpg)
Why prototype?
• Evaluation and feedback are central to interaction design
• Stakeholders can see, hold, interact with a prototype more easily than a document or a drawing
• Team members can communicate effectively• You can test out ideas for yourself • It encourages reflection: very important aspect of
design • Prototypes answer questions, and support designers in
choosing between alternatives
![Page 7: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/7.jpg)
What to prototype?
• Technical issues
• Work flow, task design
• Screen layouts and information display
• Difficult, controversial, critical areas
![Page 8: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/8.jpg)
Low-fidelity Prototyping
• Uses a medium which isunlike the final medium, e.g. paper, cardboard
• Is quick, cheap and easily changed
• Examples:sketches of screens, task sequences, etc‘Post-it’ notes storyboards ‘Wizard-of-Oz’
![Page 9: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/9.jpg)
Types of Lo-Fi
• Basic layout
![Page 10: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/10.jpg)
Storyboards
• Often used with scenarios, bringing more detail, and a chance to role play
• It is a series of sketches showing how a user might progress through a task using the device
• Used early in design
![Page 11: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/11.jpg)
Lo-Fi – Storyboarding
![Page 12: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/12.jpg)
Sketching
• Sketching is important to low-fidelity prototyping
• Don’t be inhibited about drawing ability. Practice simple symbols
![Page 13: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/13.jpg)
Card-based prototypes
• Index cards (3 X 5 inches) • Each card represents one screen or part of
screen• Often used in website development
![Page 14: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/14.jpg)
‘Wizard-of-Oz’ prototyping• The user thinks they are interacting with a
computer, but a developer is responding to output rather than the system.
• Usually done early in design to understand users’ expectations
• What is ‘wrong’ with this approach?
>Blurb blurb>Do this>Why?
User
![Page 15: Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.](https://reader035.fdocuments.net/reader035/viewer/2022062409/56649ef65503460f94c097bc/html5/thumbnails/15.jpg)
Lo-Fi – Interaction• Using “Wizard of Oz”