What are wireframes?
Wireframing is the art of creating an outlined prototype or storyboard of a website purely to illustrate placement, alignment and hierarchy. It comes into play just before the design phase and focuses on the content and site goals rather than design so there are no distractions when it comes to deciding on the placement of the information. It’s also a great way of highlighting any potential problems before getting to the design, where it might be harder to change elements.
Visually it will represent only the bare bones of the site. There will be no graphics whatsoever just like the wireframe represented on the left.
The wireframe should be preceded by a detailed sitemap which outlines every page so it’s easy to visualise the user’s journey through the site.
Used together the sitemap and wireframe are the perfect tools in planning out a new website or redesign and will make the design and build processes much smoother. Continue reading


