1. DISEÑO WEB SITIO WEB REALIZACIÓN USABILIDAD/INTERACCIÓN/CONTENIDOS INTERFACE ELEMENTOS DE LA INTERFACE TECNOLOGÍAS VISIÓN CRÍTICA

2. ¿ QUÉ ES UNA INTERFACE ? CONJUNTO _ ELEMENTOS _ACCIONES _SITIO WEB EFECTO_ USUARIO _ PROPÓSITO 4 POSTULADOS INICIO

3. 4 POSTULADOS 1. PROPÓSITO DEL SITIO 2. AYUDAR A LOS USUARIOS A ENCONTRAR LO QUE NECESITAN 3. DEMOSTRAR EL CONTENIDO DEL SITIO 4. USAR DISEÑO VISUAL PARA MEJORAR Y NO PARA DEFINIR LA INTERACCIÓN DEL SITIO WEB INICIO INTERFACE

4. ELEMENTOS DE LA INTERFAZ CARÁCTER GENERAL SISTEMA DE INFORMACIÓN Y COMUNICACIÓN IDENTIFICACIÓN_ NAVEGACIÓN_ CONTENIDOS_ ACCIÓN EXISTENCIA/IMPORTANCIA/UBICACIÓN INVESTIGACIONES INICIO USO DE LOGOTIPOS SISTEMA DE NAVEGACIÓN ÁREA DE CONTENIDOS ÁREAS DE INTERACCIÓN EXPERIENCIA DE USUARIO ELEMENTOS INTERACTIVOS

5. USO DE LOGOTIPOS ÍCONO DEL GOBIERNO 1 VISTAZO ETIQUETA LOGO+TÍTULO INICIO ELEMENTOS DE LA INTERFAZ

6. SISTEMA DE NAVEGACIÓN PÉRDIDO MENÚ DE SECCIONES MENÚ DE RASTROS IDENTIFICACIÓN DE SECCIONES BOTONES DE ACCIÓN PIE DE PÁGINA INICIO ELEMENTOS DE LA INTERFAZ

7. ÁREA DE CONTENIDOS INFO TÍTULO/RESUMEN/INFORMACIÓN INICIO ELEMENTOS DE LA INTERFAZ

8. AREAS DE INTERACCIÓN INGRESAR INFORMACIÓN DESARROLLAR LA ACTIVIDAD MÍNIMA INFORMACIÓN INICIO ELEMENTOS DE LA INTERFAZ

9. EXPERIENCIA DE USUARIO EYETRACKING RELACIÓN USUARIOS - PERCEPCIONES INICIO ELEMENTOS DE LA INTERFAZ

10. ELEMENTOS INTERACTIVOS ENLACES BOTONES FORMULARIOS INICIO ELEMENTOS DE LA INTERFAZ

11. BOTONES ACCIONES FORMA ESTÁNDAR SIMPLE Y CLARO PALABRA CLAVE BOTÓN ACTIVO INICIO ELEMENTOS INTERACTIVOS

12. ENLACES ESTÁNDAR: SUBRAYADO, COLOR AZUL. DIFERENTE AL TEXTO (COLOR / SUBRAYADO) DIFERENCIAR ESTADOS: ENLACE SIN VISITAR ENLACE DESTACADO ENLACE ACTIVO ENLACE VISITADO CONTENIDO EXPLICATIVO EN HTML INICIO ELEMENTOS INTERACTIVOS

13. “ TEXT AREA” -> USUARIO INGRESA INFORMACIÓN “ RADIO BUTTON” -> USUARIO MARCA OPCIÓN ADECUADA “ CHECK BUTTON” -> USUARIO MARCA OPCIONES ELEGIDAS FORMULARIOS INICIO ELEMENTOS INTERACTIVOS

14. TECNOLOGÍAS FLASH AJAX INICIO

15. FLASH -> Usar equivalentes de texto para elementos gráficos MEJOR GRÁFICA -> SONIDO / IMAGEN/ VIDEO -> Habilitar la accesibilidad para objetos -> Ofrecer una descripción para la película OFRECE ALTERNATIVAS NO GRÁFICAS PARA SUS PANTALLAS GRÁFICAS -> Entregar controles del teclado -> Asegurar contraste de colores TECNOLOGÍAS INICIO

16. AJAX Lenguaje Javascript XHTML + CSS + XMLHTTPR + XML Etiquetas en minúscula, cerradas y sin elementos vacíos. Atributos en comillas TECNOLOGÍAS INICIO

17. VISIÓN CRÍTICA ESTANDARIZACIÓN DE PÁGINAS POCA CAPACIDAD DE INNOVACIÓN FALTA DE ATRACTIVO SALIR INICIO