Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Web
Usabilidad en el diseño de sitios Web
Un sitio Web con usabilidad es aquél que muestra todo de una forma clara y
sencilla de entender por el usuario.
Usabilidad en el diseño de sitios Web
Arquitectura de información
Aspectos visuales:
Estética, entradas y respuestas.
Técnicas de interacción
Organización del menú,
organización de botones...
Programación
Elementos necesarios para
cumplir tareas, sus
propiedades, comportamientos
y relaciones.
Usabilidad en el diseño de sitios Web
Arquitectura de información
• Cuales son los objetivos de los usuarios; Qué están intentando conseguir: Información, diversión …
• Qué hacen los usuarios en la actualidad para conseguir estos objetivos.
• Su manera de pensar en la información, de agruparla y de organizarla.
• Las expectativas que tienen sobre su sitio.
• Qué características personales, sociales y culturales aportan a las tareas.
• Cómo están influenciados los usuarios por su entorno físico.
• Cómo sus conocimientos y práctica previos influyen en cómo viven su experiencia y los pasos que
siguen para realizar sus tareas.
Usabilidad en el diseño de sitios Web
Arquitectura de información
Pregunta de
Ejemplo de análisis de tarea busqueda
buscar
valido
El sistema revisa si la pregunta es valida, y si no, devuelve al
usuario a la pagina de busqueda.
Vínculo Busqueda
Globales Servicios
relacionados Buzón de en la Web
entrada
Cabecera Salir
Herramientas
Promoción
Carpetas Trucos
Buzón de Escribir
entrada
Anuncios Anuncios
Herramientas
Navegación Servicios
global relacionados
Anuncios
Accesibilidad en el diseño de sitios Web
Es muy importante que la Web sea accesible para así proporcionar un acceso
equitativo e igualdad de oportunidades a las personas con discapacidad.
.
Accesibilidad en el diseño de sitios Web
Guía de referencia rápida
Referencia rápida
•Imágenes y animaciones: use texto alternativo (atributo alt)
•Mapas de imagen: usar mapas de cliente y texto alternativo para las zonas activas
•Enlaces de hipertexto: Use texto que tenga sentido: no usar “click aquí” o similares
•Gráficos y cuadros: Usar el atributo longdesc (El atributo longdesc se emplea para ofrecer una
descripción más larga del elemento que la proporcionada por el atributo alt.)