1 / 29

High fidelity prototyping

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.

morrie
Download Presentation

High fidelity prototyping

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. High fidelity prototyping

  2. 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

  3. 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. Tool range High fidelity prototyping

  4. Prototype Tools spectrum Low fidelity prototyping Higher Fidelity prototyping Paper Prototyping PowerPoint / Photoshop / HTML / Visual Basic / Macromedia Flash / Director Conceptual Modeling /Information Grouping Logical Modeling Non final nomenclature -think Jeopardy! Navigation concepts High degree of realism Detailed behavior Detailed visuals Complex programming and interaction Final nomenclature Navigation testing / Logical Modeling Generalized visual feedback Navigation concepts General Behavior Tool range & characteristics High fidelity prototyping

  5. Prototype Tools spectrum Low fidelity prototyping Higher Fidelity prototyping 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 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! 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. Pro’s and Con’s High fidelity prototyping

  6. Where to use different prototyping methods Low fidelity prototyping Higher Fidelity prototyping Paper Prototyping PowerPoint / Photoshop / HTML / Visual Basic / Macromedia Flash / Director Early Design process Final stages Design hardness 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 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 High fidelity prototyping

  7. Effort for different prototyping methods Low fidelity prototyping Higher Fidelity prototyping Paper Prototyping PowerPoint / Photoshop / HTML / Visual Basic / Macromedia Flash / Director Minutes Hours Days Weeks Effort Detail granularity High fidelity prototyping

  8. Prototyping methods and examples Tool range High fidelity prototyping

  9. t. myers

  10. t. myers

  11. t. myers

  12. t. myers

  13. t. myers

  14. t. myers

  15. t. myers

  16. t. myers

  17. t. myers

  18. t. myers

  19. t. myers

  20. t. myers

  21. t. myers

  22. t. myers

  23. t. myers

  24. t. myers

  25. t. myers

  26. High fidelity prototyping

  27. 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 nomenclature Navigation expectations feedback comprehension, stylistic commentary, Product comparison Jepoardy method for hih level nomenclature in put

  28. 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

More Related