Embed Size (px)
DESCRIPTION
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. - PowerPoint PPT Presentation
Citation preview
t. myerst. myers High fidelity prototyping
t. myerst. myers
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.
High fidelity prototyping
t. myerst. myers
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.
High fidelity prototypingTool range
t. myerst. myers
Prototype Tools spectrum
Paper Prototyping PowerPoint / Photoshop / HTML / Visual Basic / Macromedia Flash / Director
Conceptual Modeling/Information Grouping
Logical Modeling
Non final nomenclature -think Jeopardy!
Navigation concepts
Navigation testing / Logical Modeling
Generalized visual feedback
Navigation concepts
General Behavior
High degree of realism
Detailed behavior
Detailed visuals
Complex programming and interaction
Final nomenclature
High fidelity prototypingTool range & characteristics
Low fidelity prototyping Higher Fidelity prototyping
t. myerst. myers
Prototype Tools spectrum
Paper Prototyping PowerPoint / Photoshop / HTML / Visual Basic / Macromedia Flash / Director
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
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.
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!
High fidelity prototypingPro’s and Con’s
Low fidelity prototyping Higher Fidelity prototyping
t. myerst. myers
Where to use different prototyping methods
Low fidelity prototyping Higher Fidelity prototyping
Paper Prototyping PowerPoint / Photoshop / HTML / Visual Basic / Macromedia Flash / Director
High fidelity prototyping
Early Design process 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
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
t. myerst. myers
Effort for different prototyping methods Low fidelity prototyping Higher Fidelity prototyping
Paper Prototyping PowerPoint / Photoshop / HTML / Visual Basic / Macromedia Flash / Director
High fidelity prototyping
Effort
Detail granularity
Minutes Hours Days Weeks
t. myerst. myers
Prototyping methods and examples
High fidelity prototypingTool range
t. myerst. myers
t. myers
t. myerst. myers
t. myers
t. myerst. myers
t. myerst. myerst. myers
t. myerst. myerst. myers
t. myerst. myerst. myers
t. myerst. myerst. myers
t. myerst. myerst. myers
t. myerst. myerst. myers
t. myerst. myerst. myers
t. myerst. myerst. myers
t. myerst. myerst. myers
t. myerst. myerst. myers
t. myerst. myerst. myers
t. myerst. myerst. myers
t. myerst. myerst. myers
t. myerst. myerst. myers
t. myerst. myers High fidelity prototyping
t. myerst. myers
t. myerst. myers
WHAT INFORMATION OR FEEDBACK ARE YOU LOOKING FOR?
Type of information you are seeking can determine what type of prototyping method you use.Available resources will also determine method.Time schedule as well.
High level feedback on grouping of information. General nomenclatureNavigation expectations feedback comprehension, stylistic commentary, Product comparison
Jepoardy method for hih level nomenclature in put
t. myerst. myers
Why move pAST PAPER PROTOTYPING
WHAT CAN BE EXPLORED simple navigation, detailed behavior
WHAT IS THE RANGE AND TOOLS PPT HTML, FLASH, PHOTOSHOP
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
High fidelity prototyping
