Concepto de Diseño

Encabezado/ Cuerpo / Pie de Pagina

Dado que Internet ha evolucionado mucho en los últimos años y que millones de sitios web han sido creados, un concepto de diseño web estándar vio la luz. El encabezado se encuentra en la parte de arriba del todo en la página, luego viene el cuerpo con el contenido principal y al final, abajo del todo el pie de página. Prácticamente todas las webs exitosas siguen este formato. Existen muchas razones para crear una web de esta manera y de no hacerlo así, tendrá problemas de diseño importantes en el futuro. Rompa este estándar por su cuenta y riesgo.

Resolución de Pantalla

Cada ordenador tiene una resolución de pantalla. Ésto es el número de píxels (o puntos) que una pantalla puede mostrar. Actualmente más del 90% de los usuarios tienen resoluciones de pantalla mayores de 800x600 píxeles. Se traduce en 800 píxeles horizontalmente a lo ancho de la pantalla y 600 píxeles verticalmente.

Si un diseño web utiliza demasiados píxeles horizontalmente el usuario tendrá que desplazar horizontalmente para ver ese diseño. El desplazamiento horizontal no es natural, por tanto, un buen diseño web no debería de tener desplazamiento horizontal.

Si un diseño web utiliza muy pocos píxeles se mostrará pequeño en la pantalla del ordenador y habrá espacio desaprovechado. Para PCs y portátiles, WebPac recomienda que los sitios Web sean de diseño típico para que el contenido se ajuste en una resolución de pantalla de 1024x768 y se muestre correctamente en resoluciones superiores. Teléfonos móviles y PDAs por supuesto requieren un diseño mucho mas pequeño dependiendo del dispositivo y normalmente necesitarían una interfaz completamente nueva.

Campo Visual y Diseño Panorámico

Lo que ve a través de sus ojos (su campo visual) se ajusta mucho mejor en una forma rectangular que en un cuadrado. Las pantallas antiguas de televisión usaban una proporción de aspecto 4:3 la cual es prácticamente un cuadrado. La forma cuadrada no rellena el campo visual y es incomoda de contemplar. Cuando va al cine la forma de la pantalla es panorámica y la imagen rellena su campo visual.

La información clave en su sitio web debería de rellenar naturalmente el campo visual. Un diseño panorámico para su sitio será visualmente más agradable para el usuario. Esto supone que el menú de opciones se encuentre en la parte superior de la pantalla (no abajo a la izquierda).

Repetición

Muchos sitios repiten la misma cosa en la misma página demasiadas veces. Por ejemplo la repetición del nombre de la empresa o el logotipo. Repetición del mismo enlace muchas veces. La repetición causa desorden y hace la página difícil de leer. Aunque algunas veces es inevitable para ciertos elementos de navegación - la repetición debería mantenerse en mínimos a través del diseño.

De arriba a la izquierda hasta abajo a la derecha

En el mundo occidental leemos desde la parte superior izquierda a la parte inferior derecha. Su página web debería de leerse desde la parte superior izquierda a la parte inferior derecha. Las cosas mas importantes arriba a la izquierda. Las menos importantes abajo a la derecha. Tradicionalmente el logotipo de la empresa se sitúa en la parte superior izquierda y los mensajes de copyright abajo a la derecha.