Mockup or Mess up

Most common website development projects begin when customers approach website designers and developers with a concept and idea which they wish to build a website around.

The ideas and concepts that shape up in our minds are actually brought to shape and placed online in the form of websites which are intended to serve their purpose. Web designers usually start the process by trying to fix the layout of the website by fixing a position for each of the important elements which would together form the website and provide it the functionality it looks to provide to its visitors.

The process consists of creating a few website wireframe models for different layout options and positions possible for the main elements within the website. Newer website wireframe models also allow for adding basic navigational capacities, in order to show the menu options and layouts of pages that follow when they are chosen.

In doing so what actually happens is that a fix is received from the client about their preferred layout for a website. Since the process up to now was relying on creating a basic layout design (without graphics and textual content) and not the beauty of the website, this process of website wireframing eliminates costly and time taking work to be done on preparing multiple layouts along with graphics and content.

Website wireframing as a process is usually one with the shortest turnaround times and happens quickly, but delivers important knowledge about the direction in which a website development project should proceed. As soon as this is done web designers usually proceed towards creating a mockup of one page.

A website mockup is created with the thought of presenting to clients further developed versions of website wireframes, only this time with suitable representative graphics and text put in place, as placeholders. The most important things links color, sizes, backgrounds, etc. are all worked out and created with the intention of using them in the final designs as well.

During this first round of website mockup, common practice is to submit just the first page or maybe one internal pages as well, for the customer to judge how the website would look finally. Multiple options are a common occurrence with designers finding it better to submit a few different color and graphical variations from which to choose from.

One very important communication that usually accompanies a mockup or just precedes it, is about the purpose of the mockup and relaying the fact that the design presented in not the actual website but just a graphical representation of what is to come. It also suits some to mention that the contents too are just placeholders to help visualize how to final website/ web page would look like. This is because clients can mistakenly think of these mockups are completely ready websites and take the task as almost finished.

Once designers have reached an understanding with the client that the mockups being presented are just graphical representations of the proposed website, it becomes much easier to submit mockups for approval and obtaining a freeze on the graphical definition of a website.

Choosing to proceed without mockups can result in designers usually working on creating the actual website, and that too many versions / options of the same in order to seek finalization of one that suits a client better. Doing so needs a lot more time and can actually throw the web designing department off track and reduce your profits.

Ideally for a much better style of functioning as well as a smoother operation that yields into more profit and many more satisfied customers web designers resort to using Website Mockup as a standard process in their orders. It seems they know that about the only two choices available, Mockup or Mess Up!

Related posts:

  1. Screen Mockup can save your day!
  2. Website Mockup : An Introduction
  3. Even a UI Mockup requires planning
  4. Significance of UI Mockup
  5. Some Tips for creating a Website Mockup
Responses are currently closed, but you can trackback from your own site.

Comments are closed.

Subscribe to RSS Feed Follow me on Twitter!