They can be offline diagrams or more often now, created in a dedicated piece of wire-framing software.
#Wireframe prototype mockup cover letter full
They can be limited to single page diagrams, or more commonly now - a full site. Of course prototypes frequently refer to physical products, (again where the user engages with the product) whereas wireframes are typically for a screen based interaction, but I'm assuming the question is based on the difference relating to websites and softwareĪ wire frame is used to capture requirements, share ideas and to begin to outline the specification and structure.
Or are you thinking ' How do I interact with this?' or ' How will it be used?' (prototype). So In my opinion where it differs is the mindset with which you approach the schematics:Īre you thinking more along the lines of ' How does it look?' or ' What information and features are presented?' (wireframe). The prototype can still be a single page or screen, but it embodies more of a sense of engagement rather than purely of visual appearance. Once you look at the bigger picture and how multiple screens or pages connect together, and start considering the navigation between them and the less tangible aspects of usability and interaction then you are linking wireframes (plural) together to make a prototype. The wireframe may be a template for many pages or an unique page or screen. They can both be low or high fidelity, on paper or digital medium. If you are considering an application or a website, and you look at the page level for example, a wireframe and a prototype are superficially the same things, from a physical perspective. I'm sure different people will have different views on how much or how little wireframes and prototypes overlap.