Design / Development Prototypes
Reasons to develop a prototype design.
A working tangible prototype makes it easier for others to understand your design solution. A prototype starts the design conversation.
A developed prototype helps to work through the design problem. Identifying design flaws and weaknesses is much easier when you can actually test the problem. Drawings and comps cannot “solve” a design problem with the same fidelity of a prototype. Prototypes prove that your solutions work as you intend.
Finalizing a design before developing a prototype could lead to key details being missed completely – details that are learned only through experiencing the interface.
Developing a working prototype can also help to determine the best solutions to include in your final project. Your final solution may be altered, revised or improved based on experiences found in this process.
Part1: Design Comps
By now you should have a pretty clear concept for your group and personal projects. Many of you have started working on your overall designs. As you are working on your design comps it is important that you are developing to scale.
Ways to make sure you are working to scale.
Screen captures
Photoshop comps @ 72dpi
interface testing.
Designing web solutions in illustrator = BAD idea.
Part2: Web App Prototyping
Using your wireframes and design comps develop a working prototype of your design solution.This your personal project or your group project. Plug your design concepts into frameworks.
Examples
Keynote / Powerpoint
jQuery / jQuery Mobile
10 Useful Frameworks To Develop HTML-Based Webapps for Touch Devices
iBooks Author Widgets and Layout