Presentación del proyecto MERCAWEB Usabilidad y Accesibilidad Grado en Ingeniería Informática ETSII - Universidad de La Laguna

1. MERCAWEB
Fernando Cifuentes González - Ángela Hernández Delgado - José Alberto Pérez Melián
USABILIDAD Y ACCESIBILIDAD - ETSII - ULL

2. http://banot.etsii.ull.es/alu4120/usabilidad1213/defMercaweb/index.html
MERCAWEB

3. http://banot.etsii.ull.es/alu4120/usabilidad1213/defMercaweb/index.html
FRAMEWORK

4. http://banot.etsii.ull.es/alu4120/usabilidad1213/defMercaweb/index.html
ACCESIBILIDAD
MERCAWEB cumple con las pautas
WCAG 2.0 con un nivel de cumplimiento AA

5. http://banot.etsii.ull.es/alu4120/usabilidad1213/defMercaweb/index.html
SECCIONES
1. MERCADILLOS
Listado de mercadillos
2. MAPA
Mapa de situación de mercadillos
3. AYUDA
Preguntas frecuentes
4. CONTACTO
Formulario de contacto

6. http://banot.etsii.ull.es/alu4120/usabilidad1213/defMercaweb/index.html
USABILIDAD - Principios de Nielsen
1. Visibilidad del estado del sistema
2. Uso de un lenguaje apto para usuarios no especializados
3. Libertad y control por parte del usuario
4. Consistencia y estándares
5. Prevención de errores
6. Permitir al usuario el mayor número de acciones u opciones
7. Flexibilidad y eficiencia en el uso
8. Diseño estético y minimalista
9. Ayuda a usuarios a reconocer, diagnosticar y recuperarse de errores
10.Ayuda y documentación

7. http://banot.etsii.ull.es/alu4120/usabilidad1213/defMercaweb/index.html
USABILIDAD - Principios de Nielsen
1. Visibilidad del estado del sistema
2. Uso de un lenguaje apto para usuarios no especializados
3. Libertad y control por parte del usuario
4. Consistencia y estándares
5. Prevención de errores
6. Permitir al usuario el mayor número de acciones u opciones
7. Flexibilidad y eficiencia en el uso
8. Diseño estético y minimalista
9. Ayuda a usuarios a reconocer, diagnosticar y recuperarse de errores
10.Ayuda y documentación

8. http://banot.etsii.ull.es/alu4120/usabilidad1213/defMercaweb/index.html
USABILIDAD - Principios de Nielsen
1. Visibilidad del estado del sistema
PROBLEMAS ENCONTRADOS
• El usuario no sabía qué hipervínculos había visitado
SOLUCIÓN: CSS
Azul enlaces sin visitar
Violeta enlaces visitados
Rojo al situar el cursor encima
• El usuario no sabía la ruta en la que se encontraba
SOLUCIÓN: uso de breadcrums

9. http://banot.etsii.ull.es/alu4120/usabilidad1213/defMercaweb/index.html
USABILIDAD - Principios de Nielsen
10.Ayuda y documentación
PROBLEMAS ENCONTRADOS
• No se disponía de una página de ayuda/FAQs

10. http://banot.etsii.ull.es/alu4120/usabilidad1213/defMercaweb/index.html
USABILIDAD - Principios de Nielsen

11. http://banot.etsii.ull.es/alu4120/usabilidad1213/defMercaweb/index.html
USABILIDAD - Evaluación con usuarios
• ¿Sobre qué trata la página?
• ¿Qué sitio es este?
• ¿Cuáles son las secciones principales del sitio?
• ¿Dentro de qué sección principal está la página?
• ¿Qué hay un nivel más arriba?
• ¿Cómo se llega a la página de inicio del sitio?
• ¿Cómo se llega a esta página desde la página de inicio?
PREGUNTAS

12. http://banot.etsii.ull.es/alu4120/usabilidad1213/defMercaweb/index.html
USABILIDAD - Evaluación con usuarios
• ¿Sobre qué trata la página?
• ¿Qué sitio es este?
• ¿Cuáles son las secciones principales del sitio?
• ¿Dentro de qué sección principal está la página?
• ¿Qué hay un nivel más arriba?
• ¿Cómo se llega a la página de inicio del sitio?
• ¿Cómo se llega a esta página desde la página de inicio?
PREGUNTAS

13. http://banot.etsii.ull.es/alu4120/usabilidad1213/defMercaweb/index.html
USABILIDAD - Evaluación con usuarios
• ¿Cómo se llega a la página de inicio del sitio?
PREGUNTAS
• Varios caminos para llegar al inicio
SOLUCIÓN: hipervínculo a la página de inicio desde el banner

14. Gracias