Posted by Keely Ledebur & filed under Website Design.

example of a website wireframeAs you dive into the exciting waters of developing a new website, you may be surprised at the number of steps presented in the website development timeline. The most successful websites are launched only after detailed information gathering, research, planning, design, and testing milestones have been met. One of the terms you’re likely to see in a website development timeline is Wireframing. And while research and design certainly seem like straightforward tasks, what exactly is a wireframe?

A wireframe is a visual representation, often called a skeleton, of a website layout. A wireframe’s purpose is to work out the functionality of a website, prior to beginning work on an actual aesthetic design. A wireframe essentially depicts the framework of a webpage by documenting all of the elements of a page including where and how they should be rendered on the page. Wireframes can also include notes on how specific components work.

Think of the wireframe as your opportunity to focus on usability and the structure of your website. In this stage, you should consider the flow of the page. Can your readers navigate the different sections easily? Is the amount of content overwhelming or the page too cluttered? Consider how each section of content is best represented – lists, tabs, stacking panels? Is the right content prioritized?

Because wireframes are easily edited and quick to produce, they can be a cost-effective means to produce multiple iterations and gain user feedback before moving on to the final UI representation. Wireframes are also an ideal method to represent how your website will respond to different mobile screen sizes.

Have you been considering a website redesign? From wireframes to final launch, Upright can help!


Related Posts

Drupal Vs. WordPress – The Middleweight Fight of the Decade

Released only a couple of years apart, WordPress and Drupal are big players in the content management system (CMS) market but do you know which system is right for your business or organization? As with any technology debates, each side has its loyal followers. Whether you’re looking for a CMS that is easy to use,… Read more »

Get Into the Right Frame of Mind – Start with a Wireframe

In an earlier blog post we introduced wireframes, a term you’re likely to find in any website proposal when shopping for a new site. But even being familiar with the concept, some people may still be skeptical of the exact benefits. An extra step means more time and money, right? Actually, no it does not…. Read more »

Does Your Home Page Excite Viewers?

If your home page does not excite your viewers, does it at least engage their interest? The home page of your website plays as extremely important role as it is often the first page viewers see when visiting your business online. If this crucial page does not do everything it should be doing, it is… Read more »

3 Website Trends to Avoid in 2017

Similar to consumer technology, the web and how we interact with it is constantly evolving. Every day we see new designs and graphic effects rolling out on the websites we view in all kinds of markets, from business to shopping to entertainment. For developers, this means you have to be at the top of your… Read more »

Digital Transformation: Finding Joy in Continuous Change

Digital transformation – the phrase on the tip of every tongue. It is a term to describe the massive shift in business activities caused by adopting digital technologies. A popular buzzword since 2014, the phrase “digital transformation” itself is confusing. Let us start by clearing misinformation. Digital transformation is more easily understood as a passive phenomenon…. Read more »