comparte el articulo 

Diseño visual de una página web

Actualizado el 17/03/2010 < > 2 Cometarios

Resumen: El diseño visual es una de las últimas etapas en el diseño web, ya que muchos de los aspectos visuales de la página dependen de decisiones tomadas en otras etapas.

Dentro de las etapas en las que debe desarrollarse el diseño de un sitio web, el diseño visual es una de las últimas, ya que muchos de los aspectos visuales de la página dependen en gran medida de determinaciones tomadas en otras etapas del diseño.

Esto no quiere decir en modo alguno, que el diseño visual sea algo superficial o secundario. Por el contrario, al igual que otros aspectos del diseño de un sitio web, el aspecto visual puede influir en la popularidad del mismo.

Tengamos en cuenta que los aspectos visuales pueden influir psicológicamente en un visitante, y que el diseñador debe tener en cuenta esto y tratar de influenciar al visitante para que tome determinaciones o al menos tenga una cierta tendencia a ello.

Si el sitio web que nos encontramos desarrollando se trata de una tienda virtual, el visitante no sólo deberá sentirse atraído por los productos ofertados, sino que además deberá desear acceder a uno de ellos. Los diseños visuales, tanto para elementos impresos como web, en la actualidad se encuentran conformados por una serie de bloques o módulos dispuestos en una forma más o menos estandarizada, que permiten a los usuarios captar con simples recorridos visuales donde se encuentran los diferentes elementos que componen una página. Esta disposición estandarizada, responde a modelos de lógica visual que están relacionados con el comportamiento de los usuarios.

En base a esto, los diseñadores gráficos deben plantearse como objetivos la creación de una jerarquía visual que permita al usuario de una página web detectar de inmediato cuales elementos son importantes y cuales son secundarios, definir cuáles serán las regiones funcionales del sitio y formar grupos de elementos relacionados de forma tal que los visitantes puedan ver claramente la estructura del contenido.

En el diseño de páginas web, deben emplearse modelos que a los usuarios les resulten familiares, lo que colabora en la ubicación por parte de los mismos de las áreas funcionales y los contenidos importantes.

Los diseños excesivamente llenos de elementos, con fondos cargados o con bajos contrastes, pueden dificultar el establecimiento de puntos de referencia visual que hagan comprensible la organización del contenido.

Coherencia del diseño

Al navegar por diferentes páginas de un sitio, el visitante debe tener la sensación de que las diferentes páginas que visitan pertenecen a un mismo sitio. Esto se logra mediante la repetición de algunos elementos, que dan un estilo definido al sitio. Esta repetición, además de dar una unidad visual a todo el sitio, permite a los visitantes ubicar los elementos más importantes, ya que se encontrarán con la misma distribución (o similar) en todos los puntos del sitio. En el siguiente ejemplo, podemos apreciar la página web de la Universidad de Buenos Aires, donde la coherencia en el diseño de las páginas interiores es evidente presentando muchos aspectos similares entre ellas, por lo que los usuarios saben que se trata de páginas de un mismo sitio.

Coherencia en el diseño de páginas web

En el ejemplo anterior, puede apreciarse además, que la repetición no quiere decir que no se puedan hacer ligeras variaciones, como en el caso del color de los encabezados de las páginas interiores del ejemplo. Esto, en muchos casos, es deseable, ya que estas variaciones pueden resultar atractivas y beneficiar la estética del sitio.

Empleo del principio del contraste en el diseño

La creación de jerarquías entre los diferentes elementos de una página web, es una de las tareas más importantes de un diseñador. Uno de los principios de diseño web que pueden emplearse para ellos, es el principio del contraste. Cuando un visitante llega a una página web, se encuentra con una gran cantidad de información visual, la cual debe ser clasificada por su cerebro para poder acceder a los diferentes elementos.

La utilización de contrastes hace posible diferenciar los elementos principales de los secundarios y a estos del campo de fondo. Los visitantes tienen tendencia a seguir una secuencia lógica en la visualización de los elementos. En una primera instancia se visualizan los elementos gráficos (imágenes, videos, animaciones, etc.), para luego ver los textos.

El color y el contraste en la tipografía

Los textos en sí mismos son elementos que pueden considerarse de baja visibilidad, a menos que se tomen algunas medidas que permitan que los visitantes detecten con facilidad ciertos elementos textuales y estos los conduzcan al resto.

Los usuarios de internet tienen, en promedio, una baja tendencia a leer los textos por mucho tiempo. Esto es algo que todos los diseñadores deben tener en cuenta, ya que la mayor parte de la información relevante de la página se encuentra en forma de texto.

Otro aspecto importante, es que de acuerdo a los dispositivos de visualización que se emplee, estos elementos pueden sufrir variaciones más o menos importantes. Así por ejemplo, los móviles tienen baja resolución de pantalla y la definición de colores es mucho menor que en los ordenadores de escritorio. Algunos ordenadores portátiles también tienen dificultades a la hora de mostrar colores. Finalmente, los proyectores dan una imagen “lavada” y con un brillo y un contraste diferente al que se emplea en un ordenador.

Por esto, es conveniente que los diseños sean testeados en diferentes dispositivos, a los efectos de poder corregir posibles diferencias en la visualización de las páginas, ya sea en el color u otros tipos.

Estilo de una página web

Cada diseño debe tener un estilo propio. Esto significa que no alcanzará con que se tomen elementos de otros sitios y tratar de imitarlos. El diseño es un arte, y como tal implica la creación de todo lo que compone una página web. Además de las consideraciones éticas, cabe destacar que la estética propia de un sitio es lo que lo distingue del resto de las páginas web del mundo.

El estilo del diseño web debe ser simple (no carente de estilo) para que los usuarios no encuentren dificultades con el contenido. La simplicidad no quiere decir que se deba tener un diseño con una estética pobre, sino que debe ser de sencilla interpretación, aún cuando presente elementos de diseño complejos y llamativos.

Publicado el 17/03/2010, última actualización 17/03/2010.

Licencia: Contenido exclusivo de LaWebera.es. Prohibida su copia.

Autor: Andrés Fernández

URL: LaWebera.es :: Diseño Web

Añadir Comentario (Subir al texto)

2 Cometarios

  1. Ricardo Suarez ( Consultor SEO )

    La coherencia entre diseño y contenido juega un rol de primer orden a la hora de crear una web. En buena medida, de ello depende el éxito o fracaso de los distintos proyectos web.

    Jueves, 18 de marzo 2010

  2. José Cabrera

    Ricardo, estoy contigo, pero creo más en que el contenido prima sobre el diseño, ya que he visto numerosas web bien posicionadas con diseños espantosos. Yo creo en que las mejores ideas son aquellas que funcionan pocos recursos.

    Saludos y gracias

    Lunes, 21 de febrero 2011

(Subir al texto)

Añadir Comentario

* Campos obligatorios

Meneame Bitacoras