Start your project by understanding your users needs and study the ergonomy of your website before launching its development.

illustration_03_webdesign-wireframing

Wireframing is an important step in any screen design process. It primarily allows you to define the information hierarchy of your design, making it easier for you to plan the layout according to how you want your user to process the information.

It’s like an architectural blueprint; you need to see it in two-dimensional black and white diagrams before you understand how to build the actual house. Similarly for a screen design, you can’t start building pixel layers in photoshop, or writing blocks of code, without knowing where the information is going to go.

At a deeper level, a wireframe is also very useful in determining how the user interacts with the interface.

The use of wireframing in your project will make you gain:

  • money: because you fix 90% of your project before development, you reduce re-do and risks:
  • efficiency: because you include from the beginning the user experience, you keep the focus on your users;
  • time: once wireframes are approved, you can run in parallel the graphical design and the development.