- Ejemplo de modelo de evaluación de Usabilidad - Concepto de ¨Mejores prácticas¨

1. Diseño de Interacción
Prof. Marcelo Santos
Clase 5: Usabilidad – “mejores prácticas”
1 semestre - 2012

2. ¿Qué son Mejores Prácticas?
• Qué: estándares sugeridos para los
diferentes aspectos del diseño
• Quiénes: científicos, académicos,
profesionales del rubro
• Cómo: entrenamiento perceptivo
• Por qué: asegurar mejor
usabilidad
• Cuándo: contexto + objetivos
UNIACC – 1º sem 2012 2 Prof. Marcelo Santos - @celoo

3. Design: ¿Planificación o Darwinismo?*
¿Nueces o Semillas?
* Concepto extraído de “Designing Web Usability” de Jakob Nielsen
UNIACC – 1º sem 2012 3 Prof. Marcelo Santos - @celoo

4. Criterios
1. Contenido 1. Servicios
2. Diseño 2. Políticas
3. Texto 3. Desempeño
4. Hipertexto 4. Sociabilidad
5. Portadas 5. Accesibilidad
6. Sistemas de 6. Encontrabilidad
Navegación (AI)
UNIACC – 1º sem 2012 4 Prof. Marcelo Santos - @celoo

5. Criterio 1: Contenido
• Actualización
• Ciclo de vida
• Segmentación
• Formato
UNIACC – 1º sem 2012 5 Prof. Marcelo Santos - @celoo

6. Criterio 2: Diseño
• Identidad Corporativa u Organizacional
• Uso del espacio
• Uso de colores
• Multimedia
• “Look and Feel”
• Legibilidad del contenido
• Modelos de página (templates)
UNIACC – 1º sem 2012 6 Prof. Marcelo Santos - @celoo

7. Criterio 3: Texto
• Discurso directo/objetivo
• Estructuración del Texto
• Vocabulario y léxico
• Siglas y acrónimos
• Traducción a otros idiomas
UNIACC – 1º sem 2012 7 Prof. Marcelo Santos - @celoo

8. Criterio 4: HiperTexto
• Articulación de ideas
• Color de enlaces
• Dilemas del hipertexto
– Profundización x articular
– Interrumpir x continuar
• Fuentes y referencias
UNIACC – 1º sem 2012 8 Prof. Marcelo Santos - @celoo

9. Criterio 5: Portadas
• Jerarquía de Contenido
• Misión / Visión
• ‘Sub-portadas’
• URL
UNIACC – 1º sem 2012 9 Prof. Marcelo Santos - @celoo

10. Criterio 6: Navegación
• Menú principal
• Menús secundarios
• Menú de Herramientas
• Consistencia
• Coherencia taxonómica
• Ubicación y contexto
• Estándares:
– Logo
– Contacto
– Búsqueda
UNIACC – 1º sem 2012 10 Prof. Marcelo Santos - @celoo

11. Criterio 7: Servicios
• Mediados (sistema + persona)
– SLA (Service Level Agreement)
– Disponibilidad
• Non mediados (sistemas automáticos)
– Confiabilidad
– Seguridad
– Ayuda y Formularios
UNIACC – 1º sem 2012 11 Prof. Marcelo Santos - @celoo

12. Criterio 8: Políticas
• Uso y Copyright
• Privacidad
• Publicación
UNIACC – 1º sem 2012 12 Prof. Marcelo Santos - @celoo

13. Criterio 9: Desempeño
• Rapidez de respuesta
• Disponibilidad de acceso
• Seguridad percibida
UNIACC – 1º sem 2012 13 Prof. Marcelo Santos - @celoo

14. Criterio 10: Sociabilidad
• Uso de “syndication”: RSS / Atom
• Canales ‘tradicionales’ de interacción con
el usuario: e-mail, formularios, chat
• Sinergía con contribuciones del usuario
• Capitalización del CGU
(Contenido Generado por el Usuario)
– Noticias ciudadanas, testimonios, viralidad
– Interacción y feedback como ¨espejo¨
UNIACC – 1º sem 2012 14 Prof. Marcelo Santos - @celoo

15. Criterio 10: Sociabilidad
• ¨Ventanillas sociales¨ de
– Contenido: Gadgets, Widgets, webservices
– Tecnología: APIs, webservices
• Botonespara compartir contenido
– Web: “Share this”, digg, delicious, twitter, FB, ¨Me gusta¨, +1
– Móvil: email, bluetooth, video, audio, twitter, facebook
UNIACC – 1º sem 2012 15 Prof. Marcelo Santos - @celoo

16. Criterio 11: Accesibilidad
• Interoperabilidad
– Accesible a diferentes dispositivos
• Multiplataforma
– Accesible a diferentes navegadores
• Accesible para discapacitados
– Auditivos
– Visuales
– Motores
– Mentales
– Cognitivos (dislexia, movimiento etc.)
UNIACC – 1º sem 2012 16 Prof. Marcelo Santos - @celoo

17. Criterio 12: Encontrabilidad
• Permeabilidad a los buscadores
– Separación diseño y contenido (CSS)
• Buena estructura de títulos
• Meta Tags HTML:
– Palabras-clave y Descripción
UNIACC – 1º sem 2012 17 Prof. Marcelo Santos - @celoo