Introducción a la Usabilidad, y diseño centrado en el usauario (UCD)

  • 848 views
Uploaded on

Introducción a la Usabilidad, la experiencia de usuario y Heurísticas de J. Nielsen para aplicar en tu sitio.

Introducción a la Usabilidad, la experiencia de usuario y Heurísticas de J. Nielsen para aplicar en tu sitio.

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
  • Excelente tema, a mi también me fascina todo este mundo que tiene que ver con la experiencia de usuario... es que sin eso simplemente no se debería empezar a desarrollar un proyecto web... así de simple.
    Are you sure you want to
    Your message goes here
No Downloads

Views

Total Views
848
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
83
Comments
1
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. MEJORA LA USABILIDAD EN TU WEB Humanizando sitios webs Gerardo Lagger @salxo www.salxo.com
  • 2. Temario 1- QUE ES "USABILIDAD" Y POR QUÉ ES IMPORTANTE 2 – TIPS PARA MEJORAR LA USABILIDAD DE TU SITIO (ANÁLISIS HEURÍSTICO) 3 – MIREMOS ALGUNOS SITIOS. 3 - REFLEXIONES Y PREGUNTAS.
  • 3. Usabilidad. Introducción
  • 4. ¿ Que es “Usabilidad”? Usabilidad es lo que define la facilidad con que las personas pueden utilizar una herramienta particular o cualquier otro objeto, en un contexto especifico con el fin de alcanzar un objetivo concreto
  • 5. ¿ Que es “Usabilidad”? La usabilidad se define por 5 componentes de calidad: 1. 2. 3. 4. 5. Facilidad de aprendizaje Eficiencia Memorabilidad Eficacia. Satisfacción
  • 6. “Si la facilidad de uso fuera el único criterio válido, las personas se quedarían en sus triciclos y nunca probarían las bicicletas” - Fischer
  • 7. Utilidad Vs Usabilidad Utilidad + Usabilidad = Usable
  • 8. Usabilidad. ¿Por qué es importante?
  • 9. ¿ Por que es importante la Usabilidad ? Credibilidad: Se podría obtener hasta un 45% de credibilidad simplemente haciendo las cosas mas simples Persuasive Technology Lab | Stanford University, 2001
  • 10. ¿ Por que es importante la Usabilidad ? Ventas Luego de relanzer el sitio Straples.com trabajando aspectos de la usabilidad las visitas se incrementaron en un 67% Relanzamiento del sitio Straples.com año 2000
  • 11. ¿ Por que es importante la Usabilidad ? Y mucho más Las ventas de un sitio se pueden incrementar hasta un 225% proporcionando suficiente informacion del producto en el momento correcto. (UI Engineering) Las mejoras en el sitio de Ford deribadas de un estudio de Usabilidad redujeron las llamadas a su call-center ahorrando a la compania unos $100.000 USD (KitSuse)
  • 12. Usabilidad. Técnicas de inspección
  • 13. Técnicas de Inspección Alguna de las técnicas de inspección que actualmente se utilizan para la inspección de un sitio o aplicación, entre otros, son: • • • • Evaluación Heurística Ensayo Cognoscitivo Ensayo Pluralista Inspecciones Formales de Usabilidad • • • • Inspección de Características Inspección de Consistencia Inspección de Estándares Guías de Consulta y Checklists En este caso vamos a ver solamente “Evaluación Heurística” a modo de tips para aplicar hoy mismo.
  • 14. Usabilidad. Evaluación Heurística. (Desarrollado a partir del ensayo de Jakob Nielsen, "Ten Usability Heuristics").
  • 15. Evaluación Heurística ¿Qué es? En el año 1990 R. Molich y J. Nielsen (Bellcore, IBM y Sun Microsystems, entre otras) acuñaron una serie de “papers” a los que denominaron “Heurísticas”. Cuatro años mas tardes Nielsen presenta un conjunto mínimo de heurísticas simples, el cual se basa en este trabajo inicial realizado con Molich obtenido en la observación de esos 249 problemas de usabilidad pertenecientes a el diseño centrado en el usuario. La evaluación heurística se basa en fundamentos generales de estructuración / diseño cuyo seguimiento es recomendable para cualquier Web.
  • 16. Evaluación Heurística 1 Visión de la situación en el sistema: ¿Dónde estoy dentro de la estructura del Web site? ¿Dónde puedo ir?
  • 17. Evaluación Heurística 2 Similitud entre el sistema y el mundo real Lenguaje manejado Controles “Afordables”
  • 18. Evaluación Heurística 3 Control y libertad Deshacer, revertir Significados de iconos e imágenes. Situación en el Web y trayectoria. Fundamental buenas etiquetas y enlaces descriptivos.
  • 19. Evaluación Heurística 4 Consistencia y Estandares Títulos, cabeceras y etiquetas de links. Seguimiento de estándares Web. Para lo mismo, lo mismo.
  • 20. Evaluación Heurística 5 Prevención de errores Aportar información "ad hoc" precisa para evitar errores. (Evitar la reiterada devolución de formularios para re-introducción de datos por incorrecto / falta de campos). Cuidar los mensajes de error devueltos, aportando vías de solución. Evitar borrados accidentales.
  • 21. Evaluación Heurística 6 Reconocer mejor que recordar Significados de iconos e imágenes. Situación en el Web y trayectoria. Fundamental buenas etiquetas y enlaces descriptivos.
  • 22. Evaluación Heurística 7 Flexibilidad y Eficiencia de uso Utilizar aceleradores para los usuarios expertos o mas antiguos. Permitir acceder de forma rapida a caracteristicas.
  • 23. Evaluación Heurística 8 Estética y diseño minimalista. Utilizar aceleradores para los usuarios expertos o mas antiguos. Permitir acceder de forma rápida a características. v
  • 24. Evaluación Heurística 9 Mensajes claros, “auto-explicativos”. No utilizar códigos. No utilizar descripciones largas ni demasiado técnicas.
  • 25. Evaluación Heurística 10 Ayuda y Documentación Ayudas contextuales. Recordatorios o Referencias O acceso a página de Soporte.
  • 26. Navegando algunos sitios Analicemos sitios que usamos frecuentemente.
  • 27. Game over insert coins ¿Preguntas? Gerardo Lagger @salxo http://salxo.com