En un proyecto web, Si tenemos todos los datos confirmados, en la fase de la estructura de la web es la hora del wireframes que no es otra cosa que un esquema de las páginas. Es muy importante el wireframes porque establece con el cliente puntos importantes como:

  • Las páginas del sitio
  • La ubicación de cada uno de ellos
  • El compromiso de que estas son las paginas que aparecerán en la web

Una vez definido, el cliente puede decir que quiere otra sección o modificación de lo ya pactado en el wireframes, bueno si que puede pero se le ha de comunicar que esto no constaba en el proyecto inicial. Por lo general, yo considero un 10 % de sobre estimación que generalmente asume la empresa, ya que por mucho que tengamos estructurado y desarrollado el proyecto nunca estará completo o tendrá mejoras importantes, o algo necesario que no se había contemplado, pero se lo notifico al cliente que este cambio no estaba considerado en el proyecto, y en el caso de que sea mayor del 10% se le plantea su realización bajo otro presupuesto o negociación del mismo.

Volviendo al tema por lo general se hacen los wireframes de un proyecto normal con las siguientes páginas básicas:

  • Inicio
  • Contenido 1
  • Contenido 2
  • Productos
  • Selección de producto
  • Contacto

A la hora de realizar el diseño, depende del tipo de contenido y de la importancia que el cliente le da al mismo, pero existen 2 formas normalmente asumidas que son hacerlo con photoshop (ya casi nadie que se dedique a esto decentemente la usa) o con una Biblioteca de símbolos GUI yo uso Pencil que creo que es la mejor para desarrollar, ademas de las actualizaciones y los nuevos modelos que sacan para tablets y móviles. He llegado a ver bibliotecas para open office.

Pencil Diseño de wireframes, una gran herramienta

pencil

Deja un comentario