What is a prototype?
I said in the wireframing articles that low fidelity designs are called wireframes whereas high fidelity ones are called prototypes.
Now you know the difference but how much do wireframing and prototyping cost? Do designers really earn money out of doing wireframing and prototyping?
The above screenshot is from Fiverr.
Fiverr is a global online marketplace offering tasks and services, beginning at a cost of $5 per job performed (Gig), from which it gets its name. The site is primarily used by freelancers who use Fiverr to offer services to customers worldwide.
The above job (gig) belongs to a seller whose basic package includes 5 screens for mobile apps or 5 pages for a website for 40$. That said, a screen or a page is $8 and that’s cheap! Sometimes a single page is for $15 or more!
Note that this seller will give you the final design as pictures. If you ask for the source file just in case you need to edit some stuff yourself, you will be asked to pay more for this feature. The $8 can easily become $15 in this case.
If you asked the seller to design five pages for me or if you are the designer asked to design the five pages, how your client will know the navigation from each of the pages to the other. This requires the wireframe or the prototype to be interactive!
Because static wireframes and prototypes aren’t enough to communicate the complexity of your website or mobile app, it becomes a must to make your designs interactive. A variety of events can happen as a response to a button click or key press, swipe, or just about any other thing a person can do with a software user interface.
Interactive prototypes are sometimes called click-through prototypes because users can click through the prototype to advance to the next page(s).
An example for an interactive prototype is a page comprising a registration form. This page might include a “submit” button which links to a confirmation page.