1. Guías de diseño gráfico
http://ucab-informaticaii.blogspot.com
2. Guías de diseño gráfico
Usabilidad
En 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
3. 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.
4. Qué quiere hacer la persona que ingresa en twitter.com:
Saber de que se trata el servicio
Ingresar a su cuenta
Suscribirse al servicio
5.
6.
7.
8. 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
9.
10. 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
11.
12. 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
