23 Ago Estructura de la Página Web

El Diseño de la estructura de la Página Web es el punto dónde empezamos a mostrar al cliente lo que podrá ser su página web.

Para poder realizar un diseño profesional de la estructura web, debemos tener en cuenta los objetivos definidos para la Página Web, el resultado del análisis de las Palabras claves (Keyword Research)  y, por supuesto, la Experiencia del Usuario (UX).

Todo lo que hemos contado hasta aquí, lo plasmamos en los Wireframe o bocetos.

¿Cómo tienen que ser los wireframe?

El wireframe se puede hacer incluso con papel y lápiz, pero también hay herramientas con las que hacer estos diseños es rápido y fácil. Lo importante es la idea no la herramienta.

Los wireframe pueden ser:

• Wireframe de baja definición
• Wireframe de definición media
• Wireframe de alta definición.

En Creatideas solemos hacer los wireframe de baja o media definición.

Con un wireframe de baja definición nos podemos sentar con el cliente y revisar todo el proyecto, de esta forma verificamos todos los aspectos de la Página web con el cliente.

En esta reunión presentamos el wireframe en blanco y negro, porque nos hemos dado cuenta que, en muchas ocasiones la reunión se centra en los colores y no en la estructura. Así que lo presentamos en blanco y negro nos ahorramos bastante tiempo.

Usabilidad / UX

El Wireframe de medina o alta definición debe contemplar la usabilidad de la Página Web, por lo que en este punto tendremos en cuenta los objetivos de la web, las Keywords, el tamaño y el orden o ubicación de los objetos que aparecen en el Wireframe.

El tamaño de los objetos es importante cuando se está pensando en dispositivos móviles.

Otro aspecto de la usabilidad en la elección de la tipografía de la Página Web, pero no solo la tipografía, sino del tamaño de esta para que, en dispositivos móviles, donde las pantallas son más pequeñas, se lea correctamente.