Introducción a Usabilidad para web
María Isabel Murillo Natalia Vivas Velasco
Mejorando.la
“Si la experiencia es satisfactoria, la tecnología es exitosa”.
«En el grado en que una persona logra cumplir una tarea en una aplicación o sitio web, justifica la existencia de éste»
¿Cuál es el propósito, objetivo, necesidad o deseo que tienen los usuarios del software o sitios web que ustedes desarrollan?
Vender
Enterarse Informarse
Conocer
Opinar
Participar
Hablar Expresarse
Mirar
Encontrar
Jugar Buscar
Cotizar
Pagar
Reservar
Comprar
Administrar Agendar
¡Piensa en un verbo!
La antigua computación: Qué puede hacer la tecnología por el usuario
La nueva computación: Qué puede hacer el usuario con la tecnología
Cambio de paradigma
¿Qué es una Interfaz?
“El lugar en que las máquinas y los seres humanos se encuentran”
Nicholas Negroponte
Contexto Teórico
Contexto Humano
¿Qué es Usabilidad?
¿Qué es Usabilidad? «La usabilidad se refiere a la capacidad de un software (objeto) de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas de uso» (9126/9241) http://www.usabilitynet.org/tools/r_international.htm
Es un atributo de calidad de cualquier producto diseñado para el uso y beneficio de los seres humanos que se caracteriza por las condiciones de facilidad con que se entiende, aprende y apropia.
¿Qué es Usabilidad?
La efectividad La eficiencia Y satisfacción
Palabra clave: Tiempo
Con que determinado grupo de usuarios alcanza una tarea específica en un ambiente particular
¿Qué es Usabilidad?
¿Qué es Usabilidad?
Principios Básicos de la facilidad de uso ;)
Los principios a continuación son la base para hacer usabilidad sin usuarios. Sin embargo los últimos 5 años ha habido algunos contradictores como Jared Spool que señalan que estos principios son un pretexto para no hacer investigación con usuarios.
Disclaimer
www.usaria.co
1. Visibilidad del estado del sistema
Principios básicos de usabilidad
www.usaria.co
1. Visibilidad del estado del sistema
1. Visibilidad del estado del sistema
Principios básicos de usabilidad
www.usaria.co
2. Conexión entre el sistema y el mundo real
Principios básicos de usabilidad
www.usaria.co
2. Conexión entre el sistema y el mundo real
www.eltiempo.com
Principios básicos de usabilidad 3. Control y libertad por parte del usuario
www.usaria.co
Principios básicos de usabilidad
www.usaria.co
3. Control y libertad por parte del usuario
www.virtualexito.com
Principios básicos de usabilidad 4. Consistencia y estándares
www.usaria.co
Principios básicos de usabilidad
www.usaria.co
4. Consistencia y estándares
www.colciencias.gov.co - Cvlac
Principios básicos de usabilidad 5. Prevención de Errores
www.usaria.co
Principios básicos de usabilidad
www.usaria.co
5. Prevención de Errores
Principios básicos de usabilidad 6. reconocer antes que recordar
www.usaria.co
6. reconocer antes que recordar
Principios básicos de usabilidad 7. fexibilidad y eficiencia de uso
www.usaria.co
Principios básicos de usabilidad
www.usaria.co
7. fexibilidad y eficiencia de uso
Principios básicos de usabilidad 8. Estética y diseño minimalista
www.usaria.co
Principios básicos de usabilidad
www.usaria.co
8. Estética y diseño minimalista
Principios básicos de usabilidad 9. Ayuda a reconocer, diagnosticar y recuperarse de
errores
www.usaria.co
Principios básicos de usabilidad
10. Ayuda y documentación
www.usaria.co
¿Usabilidad = UX?
www.usaria.co
Piensen: ¿Cuándo han vivido una gran experiencia?
El Contexto UX El Contexto UX
Vivirla [Los Usuarios]
Diseñarla [El equipo]
“An experience occurs when a company intentionally uses services as the stage, and goods as props, to engage individual customers in a way that creates a memorable event”
h,p://hbr.org/1998/07/welcome-‐to-‐the-‐experience-‐economy/ar/1
www.usaria.co
www.usaria.co
Que algo sea fácil de usar no necesariamente es sinónimo de buena experiencia. La experiencia está estrechamente ligada a las emociones.
h,p://uxdesign.smashingmagazine.com/2010/10/05/what-‐is-‐user-‐experience-‐design-‐overview-‐tools-‐and-‐resources/
Experiencia de Usuario Cómo se sienten las personas al interactuar con un sistema.
Imagina que compraste en línea unos zapatos…
…Amor a primera vista <3
El proceso de compra fue muy sencillo y seguro. Ya hasta lo recomendaste a tus amigas.
Recibirás tus zapatos en una semana (qué conveniente porque es tu cumpleaños) :D
Llegó el día y los zapato no aparecieron. Envías un mail y te dicen que esa referencia dejó de producirse hace 6 meses.
Te vendieron algo que no existe :(
Entonces
¿Qué es Diseño de Experiencia de Usuario?
¿Qué es Usabilidad? ¿Qué es Diseño de Experiencia de Usuario?
«La creación y sincronización de los elementos que afectan la experiencia de los usuarios con una empresa en particular, con la intención de influir en sus percepciones y comportamientos»
Ahora,
¿Qué NO es Diseño de Experiencia de Usuario?
10 Mitos más comunes sobre Diseño de UX
Whitney Hess | 10 Most Common MisconcepIons About User Experience Design
Diseño de Experiencia de Usuario NO es:
1. Diseño de interfaz de usuario 2. Un paso en el proceso 3. Acerca de tecnología 4. Sólo acerca de usabilidad 5. Sólo acerca del usuario 6. Caro 7. Fácil 8. El rol de una persona o departamento 9. Una sola disciplina 10. Una elección
Diseño centrado en la organización
Diseño centrado en el ingeniero
Diseño centrado en el diseñador
Metodología de Diseño Centrado en el Usuario
¿Cuál es el proceso para diseñar UX?
El Diseño Centrado en el usuario es un proceso derivado de los estudios en Interacción Humano Computador (Ingeniería) que se apoya en múltiples disciplinas (psicología, sociología, antropología, diseño) y sus técnicas de análisis, observación, ideación y evaluación para: 1. Mejorar la experiencia de la gente con las interfaces UX 2. Asegurar la facilidad de uso de las cosas Usabilidad
3. Comprobar ambas Pruebas con usuarios
¿Qué es Diseño Centrado en el Usuario?
• Durante todo el proceso de diseño, tenga en cuenta en las expecta4vas que él
4ene.
Investigue
Solucione
Analice
Evalúe
Usuarios
«La premisa principal del Diseño Centrado en el Usuario es que los mejores productos de diseño son el resultado de entender las necesidades de las personas que los utilizan» -Design Council
¿Qué es Usabilidad? Un diseñador UX equilibra:
+ +
ü Objetivos de las personas
ü Límites de la tecnología
ü Metas financieras de la
organización
Web Usability MX -‐ Todos los derechos reservados
Lo que tu quieres que haga
¡Que compre!
¡Que me deje sus datos! ¡Que vuelva a comprar!
¡Que le cuente a sus amigos!
Lo que el sistema permite
Buscar
Registrarse Pagar
Lo que el usuario quiere Tener una camisa nueva
UX
Web Usability MX -‐ Todos los derechos reservados
Negocio Tecnología
Personas
Interfaces*
*Aclaro: UX no se trata de la interfaz. Pero se vale de interfaces para posibilitar experiencias, a través de la investigación, análisis y pruebas con usuarios finales. .