Diseño Digital

Existen tres modelos de capas para páginas web.

1.- Capa estructural

2.- Capa de comportamiento

3.- Capa de presentación

• Capa estructural: aquí se describirá la estructura del documento. Esta capa indica qué partes son títulos, qué partes son párrafos, qué partes son imágenes, como va a ser y las páginas que tendrán relación.        

• Capa de comportamiento: esta capa es la que permite interactividad entre las páginas web y los usuarios. Se relaciona con la navegación como me voy a desplazar en la página etc. Ejemplo: en el siguiente enlace http://www.mipunto.com/  se puede apreciar esta capa en la manera en la que el usuario se relacionará con la misma, también se aprecia en los banners de publicidad en la parte superior.

      

• Capa de presentación: en ella se define la apariencia de la página web. Es lo que veo. El tipo de fuente, los colores, al distribución de los elementos.  Ejemplo: pueden visitar este enlace http://www.rctv.net/ y apreciar todos los elementos de la capa de presentación.

La Usabilidad y la Interfaz

La usabilidad se puede definir como la medida en la cual un producto puede ser utilizado por usuarios específicos, para conseguir objetivos determinados con efectividad, eficiencia y satisfacción en un contexto de uso especificado.

Es importante tener una idea de las características de los usuarios y de los aspectos del producto de mayor interés y necesidad, antes de iniciar el proyecto.

En este enlace http://www.guiaweb.gob.cl/guia-v2/capitulos/05/usabilidad.htm podrán encontrar información acerca de la usabilidad, características y sus principales autores.

La Interfaz en la red, no es solamente  el programa que se ve en la pantalla. Desde el momento que el usuario teclea una URL, comienza a interactuar con el producto y por lo tanto, comienza su experiencia.

Imagen tomada de misnoticiasdetecnologia.com

Aunque se tenga el mejor sistema o una excelente herramienta son inútiles si el usuario no puede  interactuar con ellos, muchas veces es difícil encontrar lo que buscan o no saben como hacerlo, esta situación es el resultado de una mala interfaz, que de alguna manera genera un problema de usabilidad.

Al momento de realizar un sitio web debe ser atractivo, además de novedoso, comprensible y de fácil acceso para los usuarios para que de esta manera pueda encontrar lo que desea de una manera más rápida.

Los diseñadores de los sitios web a la hora de realizar sus trabajos deben tener muy presente a los usuarios, ya que ellos son los que van a interactuar y a navegar y necesitan un mejor y fácil acceso a la información.

                                                                                           

La composición y la organización en el diseño de la información

Se deben tomar en cuenta muchas cosas al momento de realizar un proyecto, como es la composición y la organización del diseño de la información ya que eso servirá de mucha ayuda para nuestros lectores, mientras se utilicen los principios adecuadamente el lector no se sentirá perdido al momento de enfrentarse a la información que le estemos brindando.

El componer es la organización de elementos en un área específica, para la composición del diseño de información se toma en cuenta lo siguiente:

Imagen tomada de gabrielhidalgo92.blogspot.com

El principio de semejanza: La mente agrupa los elementos parecidos en una entidad. La semejanza depende de la forma, el tamaño, el color y otros aspectos visuales de los elementos.

Imagen tomada de rociomm.wordpress.com

 

El principio de continuidad: Los detalles que mantienen un patrón o dirección tienden a agruparse juntos, como parte de un modelo. Es decir, percibir elementos continuos aunque estén interrumpidos entre sí. 

 

Imagen tomada de sabiduria.com

El Principio de la relación entre figura y fondo: Establece el hecho de que el cerebro no puede interpretar un objeto como figura o fondo al mismo tiempo. Depende de la percepción del objeto será la imagen a observar.

 Medida: El tamaño de las formas, en relación con lo que lo enmarca y lo acompaña

 

 

Color:  Una forma se puede distinguir, diferenciar por medio del color o puede indicar similitud por medio del color. 

Posición: En relación con lo que lo enmarca y con la que lo acompaña

  

El orden de la lectura es muy importante a la hora de diseñar ya que el ojo humano explora los contenidos buscando un orden. Entre ellos se encuentra la lectura textual, lectura espiral o exploratoria y la lectura conducida. Todo eso lo captará el ojo dependiendo de la composición que le demos a nuestro proyecto.

Imagen tomada de menudospeques.net

 

De igual forma existen muchas maneras de organizar la información en la web, esta se hace a través de cuadriculas, bloques o columnas, puede ser de dos o tres todo depende de lo que decida cada persona a la hora de organizar un proyecto, también se toma en cuenta el ritmo de la lectura y su jerarquización 

En la página del diario El Pais se puede observar la diagramación del mismo por columnas.

http://www.elpais.com/global/

De igual forma en el diario El Universal se aprecian las columnas o bloques

http://www.eluniversal.com/