The Importance of Website Mockups
At HD Interactive, we have created many websites, each with its own unique features. Â Because there is so much involved in a website and each one is different, it can be hard for clients and developers to picture how the final site will work. Â An easy solution to this problem is a site mockup: a model of the site.
The mockup is especially useful if it is fully functional, meaning links work and pictures and text are included, so that everyone involved understands what needs to be done early on in the project. Â The client can review this mockup and suggest any changes before the developers begin coding the site, saving time, energy, and money.
The process of creating a mockup begins with a discussion between the client and the project manager to determine functionality, design, and site layout which is then detailed in a site scope. Â Next, the project manager passes the scope off to the project designers or developers who use it to create the mockup with an Adobe AIR application called Balsamiq. Â The Balsamiq files are then imported into another AIR application called Napkee, whereÂ links are created for the buttons, text links, and forms to link the page mockups together into a functional representation of the website.
If the site is database driven we also use MySQL Workbench to piece together the database and map out the entity relationships properly. This step ties things together on the back-end (the admin and coding side of the site) and ensures the database information is included in the mockup.
When the mockup is complete and the client likes how everything works, we can start creating the real designs in Photoshop and writing the real application code that makes it all work.
We’ve found this process very useful in managing our time and resources and ensuring customer satisfaction, all of which are important to us.