Guia Web 2.0
Descargar como PPT, PDF0 recomendaciones285 vistas
El documento habla sobre los elementos básicos de una interfaz de usuario para un sitio web. Explica que una interfaz se compone de elementos como logotipos, sistemas de navegación, áreas de contenido e interacción, y elementos interactivos como enlaces y formularios. También cubre tecnologías como Flash y AJAX y ofrece consejos sobre el diseño accesible y estandarizado de las páginas web.
Guia Web 2.0
- 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