Transcript Beyond paper prototyping - design portfolio of Thomas Myers

t. myers
t. myers
High fidelity prototyping
Why move past paper prototyping?
•More sophisticated prototype methods provide
additional realism to the review experience.
•Test feedback will be more reflective of the actual end
product and user experience.
•Additional areas of navigation, behavior and appearance
can be tested.
t. myers
t. myers
High fidelity prototyping
Some Tools available for higher fidelity prototyping
PPT
- easy to set up simple dialog and button navigations. Can be enhanced
using Photoshop screens. Cannot reflect actual widget behavior and more complex
behavior.
HTML
- easy to set up dialog and button navigations. Can be enhanced using
Photoshop screens. Can reflect actual final product depending on target
development platform.
Photoshop
- primary used to explore visual concepts and final design
directions. Cannot provide interactivity without help from another program.
Can give a false sense of WYSIWYG.
Visual BASIC
- very easy to use tool that can include all standard Microsoft
widget behaviors and look and feel. Programming ability can provide advance
functionality to a prototype. Not good for custom widget or look and feel beyond
microsoft platforms. [?] Dangerous in the wrong hands.
Macromedia Flash and Director
- steeper learning curve
interactive programming tool. Complete customizing ability for widgets and visuals.
Some standard widgets and behaviors available. Many different plug ins available.
t. myers
t. myers
Tool range
High fidelity prototyping
Prototype Tools spectrum
Low fidelity prototyping
Paper Prototyping
Conceptual Modeling
/Information Grouping
Logical Modeling
Non final nomenclature
-think Jeopardy!
Navigation concepts
Higher Fidelity prototyping
PowerPoint
/ Photoshop
/
HTML
/
Visual Basic
Navigation testing / Logical Modeling
Generalized visual feedback
Navigation concepts
General Behavior
/
Macromedia Flash / Director
High degree of realism
Detailed behavior
Detailed visuals
Complex programming
and interaction
Final nomenclature
t. myers
t. myers
Tool range & characteristics
High fidelity prototyping
Prototype Tools spectrum
Low fidelity prototyping
Paper Prototyping
Rapid creation, testing,
modification, design iteration
Excellent for wide general
feedback
User expectations low!
May have no resemblance to
final product
Little use for feedback on
details and
Behavior
No reusable parts
t. myers
t. myers
Higher Fidelity prototyping
PowerPoint
/ Photoshop
/
HTML
/
Visual Basic
Low to medium effort in creation
Low to medium effort in iteration and modification
Visual Feedback possible
Reuse of work possible?
Only general behaviors really possible.
/
Macromedia Flash / Director
Closest to actual product
Custom widgets
Feedback on details and
complex behavior
High effort in creation,
modification and iteration
High effort on side details
User expectations high!
Pro’s and Con’s
High fidelity prototyping
Where to use different prototyping methods
Low fidelity prototyping
Paper Prototyping
Early
Higher Fidelity prototyping
PowerPoint
/ Photoshop
/
HTML
Design process
/
Visual Basic
/
Macromedia Flash / Director
Final stages
Design hardness
Using a higher effort tool here would likely result
in wasted effort. The design is too fluid and likely
to change to justify a high use of resource
t. myers
t. myers
Using a low fidelity tool here would likely result
in an unrealistic prototype that would not
resemble the final intention in behavior or look
and feel
High fidelity prototyping
Effort for different prototyping methods
Low fidelity prototyping
Paper Prototyping
Minutes
Higher Fidelity prototyping
PowerPoint
/ Photoshop
Hours
/
HTML
/
Visual Basic
Days
/
Macromedia Flash / Director
Weeks
Effort
Detail
granularity
t. myers
t. myers
High fidelity prototyping
Prototyping methods and examples
Tool range
t. myers
t. myers
High fidelity prototyping
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
t. myers
High fidelity prototyping
t. myers
t. myers
WHAT INFORMATION OR FEEDBACK ARE YOU LOOKING
Type of information you are seeking can determine what type of prot
Available resources will also determine method.
Time schedule as well.
High level feedback on grouping of information.
General nomenclature
Navigation expectations
feedback comprehension,
stylistic commentary,
Product comparison
Jepoardy method for hih level nomenclature in put
t. myers
t. myers
Why move pAST PAPER PROTOTYPING
WHAT CAN BE EXPLORED simple navigation, detailed behavior
WHAT IS THE RANGE AND TOOLS PPT HTML, FLASH, PHOTO
WHAT IS THE EFFORT
HOW PROTOTYPE FIDELITY CAN MAP TO CONCEPTUAL
AND LOGICAL MODELLING
MAPPING TO 3 DIMENSIONAL PROTOTYPING IN
INDUSTRIAL DESIGN
EXAMPLES OF LOW MEDIUM HIGH
t. myers
t. myers
High fidelity prototyping