Clase - Guías de diseño web

Post on 20-Aug-2015

585 views 0 download

Transcript of Clase - Guías de diseño web

Guías de diseño gráfico

UsabilidadEn interacción persona-ordenador, la usabilidad se refiere a la claridad y la elegancia con que se diseña la interacción con un programa de ordenador o un sitio web.http://es.wikipedia.org/wiki/Usabilidad

Guías de diseño gráfico

Simplicidad• Menos es mejor: Utilice la menor cantidad de recursos para comunicar lo que desee.

• Para lograrlo es indispensable tener claro el objetivo comunicacional. ¿Qué quiero decir?.

• El visitante debe tener claro a primera vista y de manera muy sencilla de que se trata la página.

Qué quiere hacer la persona que ingresa en twitter.com:

Saber de que se trata el servicioIngresar a su cuentaSuscribirse al servicio

Guías de diseño gráfico

Menos columnas• Por norma general no debemos usar más de tres columnas.

• Si el sitio no va a manejar demasiada información (ej.Página de noticias) lo recomendable es usar dos columnas

Guías de diseño gráfico

Lo más importante arriba• El visitante va a ver la página comenzado por la parte superior izquierda como si fuera un libro. Por esa razón se coloca el logo en ese lugar.• La información más importante debe estar situada en la parte superior

Diagrama General - Ejemplo

LOGO Explicación del sitio web en una frase

Barra de navegación si tiene varias secciones

Información destacada

Área para noticias / artículos Área para widgets