Documento electrónico realizado para la WWW (World Wide Web). Estos documentos pueden contener información tal como texto, imágenes, vídeo, animaciones, etc.
La Web consiste en un sistema de documentos enlazados y accesibles a través de Internet.
Uno de los principales elementos que caracterizan a las páginas web son los denominados hipervínculos (también conocidos como links o enlaces), que permiten, entre otras cosas, que el usuario “salte” de una página web a otra.
Un aspecto muy importante a tener en cuenta en el desarrollo de cualquier página web es que el diseño debe ser acorde con el contenido de la página en cuestión, es decir, con la información que el usuario espera obtener de ella.
Aplicación práctica
Trabaja en una empresa de desarrollo de aplicaciones web y le encargan diseñar el aspecto de dos páginas distintas: la de un periódico digital y la de un sitio dedicado a vídeo-juegos. ¿Crees que podría utilizar el mismo diseño para ambos trabajos? Razone su respuesta.
SOLUCIÓN
Como se ha comentado antes, es importante que el diseño de toda página web sea acorde con el contenido de la misma. En el caso que se plantea, ambos sitios web presentarán contenidos bien diferenciados, por lo que también deberían serlo sus respectivos diseños. Por ejemplo, en el caso de la página dedicada a vídeo-juegos, los colores fuertes podrían predominar sobre los demás y el uso de imágenes sería un aspecto muy importante a tener en cuenta en su diseño. Por otro lado, la página del periódico digital debería ofrecer un aspecto serio, elegante y ordenado y su diseño debería basarse en el uso de imágenes y texto.
Web de MeriStation, un ejemplo de página dedicada a vídeo-juegos
Ejemplo de periódico digital. Web del Diario Sur de Málaga
2.1. Los principios básicos de un buen diseño estético
Para que una página web sea visualmente competente, es importante tener en cuenta ciertas consideraciones o principios básicos. A continuación, se enumeran los más importantes:
1 Balance: equilibrio que debe haber entre los distintos elementos que constituyen la web. Por ejemplo: las imágenes y el texto, los elementos grandes y pequeños, las zonas oscuras y claras, etc., deben estar balanceadas de manera que la web resulte atractiva y, a su vez, que consiga llamar la atención del visitante sobre aquellos contenidos en los que interese.
2 Contraste: manera de diferenciar los elementos que se desean destacar, llamando la atención del visitante sobre los elementos más importantes de una página pueden ser: diferencias tipográficas, diferencias en las formas (círculos, cuadrados, rectángulos, etc.), diferencias de tamaño, texturas y fondos distintos, etc.
3 Énfasis: manera de diferenciar algo dentro de un elemento. Un ejemplo puede ser esta misma lista, en la que aparecen señalados (y se definen a continuación) cada uno de los principios básicos de un buen diseño estético.
4 Repetición o ritmo: manera de definir patrones con los que se ordenan los elementos que forman parte de la página web. Al hacer que los elementos de una página web sigan un patrón predefinido, es mucho más fácil para los usuarios comprender el contenido y visitarlo en poco tiempo. Este principio es fundamental para mantener la usabilidad del sitio.
5 Proximidad o unidad: consiste en situar juntos o próximos los elementos que se encuentren relacionados. Esto permitirá que se formen unidades visuales que hagan que el contenido de la web sea más coherente.
Actividades
2. Estudie el diseño de alguna página y razone si en ella se cumplen los principios de balance, contraste, énfasis, repetición y proximidad.
2.2. Diseño orientado al usuario. Diseño orientado a objetivos. Diseño orientado a la implementación
Fundamentalmente, existen tres tipos de orientaciones que se suelen seguir cuando se diseña un sitio web:
1 Diseño orientado a objetivos.
2 Diseño orientado al usuario.
3 Diseño orientado a la implementación.
El diseño orientado a los objetivos consiste en definir y planificar los objetivos que se deseen alcanzar con el desarrollo del correspondiente sitio web. En definitiva, en este proceso se han de identificar los requerimientos del proyecto en cuestión, contestándose a la pregunta: ¿qué es lo que se pretende conseguir?
El diseño web centrado en el usuario se caracteriza por asumir que todo el proceso de diseñar y desarrollar la correspondiente página web debe estar conducido por el usuario, lo que significa que para dicho diseño se deben tener muy en cuenta las necesidades, características y objetivos que este desea alcanzar. Este tipo de diseño hace que sea necesario, desde el principio, implicar a los usuarios durante el desarrollo de la página, por lo que se hace fundamental conocer cómo son, qué es lo que necesitan y para qué utilizan la página. En el diseño web centrado en el usuario es necesario evaluar el sitio con los propios usuarios, analizar sus impresiones ante el diseño, prestar atención a su experiencia de navegación (e innovar continuamente el diseño para mejorarla), etc. En definitiva, es muy importante que todo lo que se vaya diseñando sea evaluado constantemente.
En el diseño web orientado al usuario, es muy importante implicar a este durante todo el desarrollo de la página.
Importante
Evaluar una página web únicamente cuando se ha terminado su desarrollo hace que sea mucho más costosa y compleja la reparación de sus posibles errores de usabilidad, ya que siempre es más rentable replantear un diseño sobre la marcha que rehacerlo de nuevo una vez finalizado.
Por último, el diseño web orientado a la implementación consiste en centrar el diseño de la página en las posibilidades tecnológicas que están a la disposición del diseñador y que este es capaz de implementar. Un ejemplo de diseño centrado en la implementación puede consistir en diseñar un sitio según las posibilidades que ofrece la quinta versión del lenguaje de marcas HTML.
3. El proceso de diseño web
Durante el proceso de diseño de una página web es necesario seguir una serie de etapas
