INTERFAZ GRAFICA.

Presentación del tema: "INTERFAZ GRAFICA."— Transcripción de la presentación:

1 INTERFAZ GRAFICA

2 INTRODUCCIÓN El diseño de una página Web tiene la esencial misión de vincular al usuario con el vasto mundo informativo, de un modo agradable y eficiente. Las herramientas a utilizar (imágenes estáticas y animadas, iconos, vínculos, etc.) por el usuario deben ser claras y fáciles de manejar.

3 Para el correcto diseño de un sitio Web es necesario seguir una serie de etapas:
El análisis de la información que tendrá el Web.  La búsqueda y la estructuración de dicha información.  El diseño informacional del sitio (diseño gráfico).  La confección digitalizada de la interfaz.  La publicación del sitio en Internet.  La supervisión de la información del sitio (por el Webmaster) 

4 CRITERIOS PARA UNA BUENA INTERFAZ
Control de usuario. Sensibilidad. Personalización. Dirección. Consistencia. Claridad. Retroalimentación. Indulgencia. Estética. Conciencia de las fortalezas y limitaciones humanas

5 Además para una buena interfaz de usuario de búsqueda:
- opciones a elegir -Panel de búsqueda, visible todo el tiempo -Que sea intuitivo -Buen diseño

6 VAMOS A TRABAJAR SOBRE GMAIL.

7 Control de usuario. SI Sensibilidad. NO Personalización. SI .LIMITADA.
El usuario no puede estropear el sistema de gmail. Y el usuario tiene buen control de la pagina web. Sensibilidad. NO Cuando queremos adjuntar archivos que ocupen mucho, tanto imágenes , videos… Gmail se queda bloqueado hasta que no termina de cargarse el archivo y no te deja meterte en mas opciones. Personalización. SI .LIMITADA. Hay opciones de cambio de la pagina web. Puedes cambiar el fondo de pantalla,(Configuración-temas-elegir), puedes crear un tema nuevo…Aunque tampoco tienes grandes opciones de personalización. Dirección. Tiene opciones de búsqueda(búsqueda de correo, búsqueda en la web…). Pero el usuario no puede localizar todas las acciones. Consistencia. Vocabulario adecuado a las necesidades del individuo.

8 Conciencia de las fortalezas y limitaciones humanas NO.Limitado
Claridad. SI Demasiado claro. La información está muy bien estructurada, lo que permite claridad en la información. Retroalimentación. Gmail te avisa si está enviando un mensaje, si se carga un archivo, si recibes un mensaje en el chat, un correo…. Indulgencia. SI. Gmail permite al usuario hacer todo. Avisa cuando alguna opción no se puede dar. Ejemplo: Cuando la conexión a Internet falla, no deja acceder al chat. Estética. Gmail presenta diferentes fondos de colores, donde podemos observar los correos que no tenemos leídos. Conciencia de las fortalezas y limitaciones humanas NO.Limitado Depende del navegador que utilicemos. Como barra de estado podemos encontrar: “cargando”, “aun funcionando”…

9 ADEMAS DE LA IMPORTANCIA DE…
El diseño de formas Lograr una armonía agradable visualmente entre el fondo de las páginas y el contenido que se muestra en ella es un requisito fundamental. El diseño gráfico y tipográfico del Web es algo que también se descuida. El mal uso del color y el abuso de figuras, animados y fotos alteran el objetivo de atención del documento. 

10 La tipografía Otro factor problemático son los títulos, subtítulos y encabezamientos de páginas que suelen resultar monótonos; se aconseja crear un énfasis ya sea cambiando el tamaño, el color, el estilo, o combinando tipos dentro de una palabra o frase, o en otro caso haciendo una combinación coherente de estos recursos. 

11 El diseño gráfico, el diseño sonoro y el diseño tridimensional.
Las ilustraciones gráficas han de tener una relación profunda con el contenido de la página. Es de cuidado que el sonido empleado sea coherente con el texto o la imagen con que esté relacionado Como soporte multimedia tiene esta rica posibilidad

12 Los hechos que conducen a un mal diseño:
No comprensión de lo que se quiere comunicar.  La falta del valor semántico de los signos.  La preferencia por lo estético.  La subvaloración de lo funcional o viceversa.

13 La interfaz es limpia, agradable y minimalista, con lo justo y necesario para trabajar. Cabe destacar que, por mas que muchos servicios incorporen esta función en estos tiempos, Gmail fue pionero en agrupar los mails como si fuesen conversaciones, de manera que cada respuesta al original se ira solapando debajo de éste. Con esta practica se logra localizar los mensajes fácilmente y saber al mismo tiempo en relación con que tópico anterior nos están respondiendo.

14

15

16