Desarrollo de la
Interacción Humano
Computadora
Mario A Moreno Rocha	

Otoño 2013
1. Introducción a los servicios
ofrecidos en área de usabilidad el
1. Presentación de los servicios ofrecidos en
el área de usabilidad	

2. Importancia de estos servicios en
productos comerciales	

3. Ventajas y justificación comercial de estos
servicios en la industria de desarrollo de
software
1. Presentación de los servicios
ofrecidos en usabilidad
¿Qué es la usabilidad y qué puede hacer por
los productos comerciales que usamos todos
los días?	

¿Qué necesito yo de una empresa de
usabilidad?	

El caso de estudio del iPhone
Apple Newton	

1991-1993	

$700 USD

Apple iPhone 5S	

1997-2013	

$199* USD
Servicios en usabilidad
Conocimiento del usuario:

-

Estudios contextuales	

Focus Groups	

Entrevistas, encuestas	

Shadowing	

Etc
Servicios en usabilidad
Estudios de tecnología

-

Estudios de mercado	

Tecnologías líderes, direcciones futuras	

Comportamiento del mercado	

Etc
Servicios en usabilidad
Evaluación de interfaces

-

Estudios SIN usuarios	


-

Análisis expertos:	


-

Paseo cognitivos	

Evaluaciones heurísticas
Servicios en usabilidad
Evaluación de interfaces

-

Estudios CON usuarios	


-

Pruebas formales de usabilidad	

Pruebas de prototipos:	


-

Baja fidelidad	

Alta fidelidad
Usability
UX
Usability is concerned
with software’s
intuitiveness, its ease of
use.	

!

User experience
concerns designing
software to be usable
AND pleasurable or
otherwise emotionally
engaging for users.
Usability

UX
"User-experience is not
like usability - it is
about feelings. The aim
here is to create
happiness.You want
people to feel happy
before, during and after
they have used your
product. […] Focus on
making it easy to be
happy, and usability,
user-experience and
greatness will come all
by itself." - The Battle
Between Usability and
User-Experience
Vendiendo usabilidad:
ventajas para un mejor
desarrollo de software
!

Mario A Moreno Rocha
UsaLab Laboratorio de
Usabilidad
Universidad Tecnológica de
la Mixteca
objetivo
La introducción del concepto de
usabilidad en una organización pequeña
y mediana, mostrando las ventajas de un
diseño centrado al usuario, los procesos

15
agenda
Poner el mal ejemplo
Definiciones y conceptos
Ventajas de la usabilidad
Vendiendo usabilidad
El difícil primer paso
16
compranet.gob.mx (Safari)

17
Resolución 800x600

18
Compranet (IE 800x600)

19
Compranet (IE 1024x768)

20
Poniendo el mal ejemplo

21
por qué?
No encontramos fácilmente la información que buscamos
Para poder utilizar el portal, es necesario leer primero la ayuda
Especifica una resolución incorrecta, además de que sólo se
visualiza correctamente con un navegador
La satisfacción del usuario al interactuar con la página es baja (no
logra sus objetivos)
!

22
usabilidad usabilidad usabilidad
La usabilidad es un factor de importancia marginal que se
ha convertido en la finalidad de infinidad número de estudios y
esfuerzos en la industria
!

Buscado por unos, mal entendido por otros, la usabilidad
está alcanzando la importancia que debe en nuestra industria

23
usabilidad usabilidad usabilidad
ISO 9241
!

“Usabilidad es la efectividad, eficiencia y satisfacción con
la que un producto permite alcanzar objetivos específicos a
usuarios específicos en un contexto de uso específico”

24
Una mejor experiencia del usuario

25
usabilidad explicada
La usabilidad es uno de los conceptos básicos de HCI, tiene que
ver con crear sistemas fáciles de usar. Un sistema usable es:
!

fácil de aprender
fácil de recordar cómo se usa
efectivo de usar
eficiente de usar
seguro de usar
26
diseño centrado al usuario

User Centered Design (Norman & Draper, 86)

27
Ventajas

!
!

- Mala usabilidad significa pérdidas en ventas en internet
28

82% de los usuarios intentaron comprar en línea, pero se rindieron por mal diseño y pobre usabilidad (AT Kearney,
2001)
Ventajas

!
!
- Buena usabilidad lleva a clientes satisfechos, que compran y regresan
Aproximadamente el 50% de los usuarios de web no regresan si no encuentran la
información que buscan fácilmente (Forrester Research, 1999)
29
Ventajas

30

!
!
- Productividad mejorada
Pobre usabilidad en intranets corporativas llevan a baja productividad; inversiones en
facilitar las intranets pagan un factor de 10 o más, especialmente en grandes
compañías (CIO Business Web Magazine, 1999)
Ventajas

!
!
!
- Reducción de costos en desarrollo y mantenimiento
Técnicas de usabilidad permiten a empresas una reducción de hasta el 40% del tiempo
de desarrollo (Forrester, 1998)
31
Cómo introducirlo en la organización?

32
el cambio es difícil
Cambiar procedimientos y metodologías utilizadas
hasta ahora es chocar contra un muro
Convencer de las ventajas del cambio
Provocar un cambio en la visión de la organización
a la forma de desarrollo de software

33
predicador de usabilidad
Despertar interés de un diseño centrado al usuario con el
equipo
Pelear por presupuesto para estudios de usabilidad dentro
de la organización
Promover historias de éxito en la compañía
Apoyar el cambio necesario y establecer usabilidad

34
implementar usabilidad
Elegir cambios rápidos y visibles que demuestren ventajas de
UCD y usabilidad
Incorporar elementos básicos de usabilidad en pruebas (eg. 10
heurísticas de Nielsen)
Ejemplificar ventajas de negocios de un producto bien
desarrollado, aunque sea la competencia - duele más
Mostrar modificaciones al plan estratégico, plan de negocios y
otros para ver cómo sería la adopción de UCD y usabilidad
!
35
implementar usabilidad
Invite a personal clave a una prueba de usabilidad
Una vez que observen la importancia del usuario en el proceso
de desarrollo, será difícil ignorarlo en sus propios procesos
Si su organización lo permite, invite a un especialista a
colaborar
Prepare estrategias para continuar la colaboración y mejora de
procesos
!

36
el difícil primer paso

Muy probablemente ya
haya dado el difícil
primer paso!
37
conclusiones
Incorporar una metodología centrada al usuario y la búsqueda
de una buena usabilidad es factor de éxito o fracaso
Establecer UCD y usabilidad en una organización requiere de
voluntad, perseverancia y paciencia. Necesita de un
predicador que cambie actitudes y gane adeptos para la
causa
La usabilidad crea un software amigable
!

38
nuevo UsaLab
39
Vendiendo usabilidad:
ventajas para un mejor
desarrollo de software
!

Mario A Moreno Rocha
sirpeto@gmail.com
Facebook sirpeto
Twitter @sirpeto

40
Desarrollo de la
Interacción Humano
Computadora
Mario A Moreno Rocha	

Otoño 2013
2. Desarrollo de software
comercial centrado al usuario
1. Repaso del Diseño Centrado al Usuario
(UCD)	

2. Presentación de metodología considerando
factores comerciales de competencia y
ventajas tecnológicas	

3. Estrategias y justificación para adoptar
UCD en una organización
User Centered Design
User Centered Design
User Centered Design
User Centered Design
User Centered Design
Tarea 3
• Presentación de metodología considerando
factores comerciales de competencia y
ventajas tecnológicas	


• Elaborar un trabajo escrito presentando una
estrategia para demostrar lo anterior	


• Máximo dos páginas	

• Lunes 21 de Octubre, 10am
3. Estrategias y justificación para adoptar
UCD en una organización

•

Mejoras en ventas en línea (82% no regresan por
mala usabilidad)	


•

50% de los usuarios no regresan si no encuentran
lo que buscan en 5 secs	


•

Mejora de productividad en un factor de 10 por
inversión en usabilidad	


•

Reducción de costos hasta del 40% en desarrollo y
mantenimiento
3. Estrategias y justificación para adoptar
UCD en una organización

•

Elegir cambios rápidos y visibles que demuestren ventajas
de UCD y usabilidad	


•

Incorporar elementos básicos de usabilidad en pruebas (eg.
10 heurísticas de Nielsen) 	


•

Ejemplificar ventajas de negocios de un producto bien
desarrollado, aunque sea la competencia - duele más	


•

Mostrar modificaciones al plan estratégico, plan de negocios
y otros para ver cómo sería la adopción de UCD y usabilidad
3. Estrategias y justificación para adoptar
UCD en una organización

•
•

Invite a personal clave a una prueba de usabilidad	


•

Si su organización lo permite, invite a un especialista a
colaborar	


•

Prepare estrategias para continuar la colaboración y
mejora de procesos

Una vez que observen la importancia del usuario en el
proceso de desarrollo, será difícil ignorarlo en sus propios
procesos

Desarrollo de HCI (Primer Parcial)

  • 2.
    Desarrollo de la InteracciónHumano Computadora Mario A Moreno Rocha Otoño 2013
  • 4.
    1. Introducción alos servicios ofrecidos en área de usabilidad el 1. Presentación de los servicios ofrecidos en el área de usabilidad 2. Importancia de estos servicios en productos comerciales 3. Ventajas y justificación comercial de estos servicios en la industria de desarrollo de software
  • 5.
    1. Presentación delos servicios ofrecidos en usabilidad ¿Qué es la usabilidad y qué puede hacer por los productos comerciales que usamos todos los días? ¿Qué necesito yo de una empresa de usabilidad? El caso de estudio del iPhone
  • 6.
    Apple Newton 1991-1993 $700 USD AppleiPhone 5S 1997-2013 $199* USD
  • 7.
    Servicios en usabilidad Conocimientodel usuario: - Estudios contextuales Focus Groups Entrevistas, encuestas Shadowing Etc
  • 8.
    Servicios en usabilidad Estudiosde tecnología - Estudios de mercado Tecnologías líderes, direcciones futuras Comportamiento del mercado Etc
  • 9.
    Servicios en usabilidad Evaluaciónde interfaces - Estudios SIN usuarios - Análisis expertos: - Paseo cognitivos Evaluaciones heurísticas
  • 10.
    Servicios en usabilidad Evaluaciónde interfaces - Estudios CON usuarios - Pruebas formales de usabilidad Pruebas de prototipos: - Baja fidelidad Alta fidelidad
  • 11.
    Usability UX Usability is concerned withsoftware’s intuitiveness, its ease of use. ! User experience concerns designing software to be usable AND pleasurable or otherwise emotionally engaging for users.
  • 12.
  • 13.
    "User-experience is not likeusability - it is about feelings. The aim here is to create happiness.You want people to feel happy before, during and after they have used your product. […] Focus on making it easy to be happy, and usability, user-experience and greatness will come all by itself." - The Battle Between Usability and User-Experience
  • 14.
    Vendiendo usabilidad: ventajas paraun mejor desarrollo de software ! Mario A Moreno Rocha UsaLab Laboratorio de Usabilidad Universidad Tecnológica de la Mixteca
  • 15.
    objetivo La introducción delconcepto de usabilidad en una organización pequeña y mediana, mostrando las ventajas de un diseño centrado al usuario, los procesos 15
  • 16.
    agenda Poner el malejemplo Definiciones y conceptos Ventajas de la usabilidad Vendiendo usabilidad El difícil primer paso 16
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
    Poniendo el malejemplo 21
  • 22.
    por qué? No encontramosfácilmente la información que buscamos Para poder utilizar el portal, es necesario leer primero la ayuda Especifica una resolución incorrecta, además de que sólo se visualiza correctamente con un navegador La satisfacción del usuario al interactuar con la página es baja (no logra sus objetivos) ! 22
  • 23.
    usabilidad usabilidad usabilidad Lausabilidad es un factor de importancia marginal que se ha convertido en la finalidad de infinidad número de estudios y esfuerzos en la industria ! Buscado por unos, mal entendido por otros, la usabilidad está alcanzando la importancia que debe en nuestra industria 23
  • 24.
    usabilidad usabilidad usabilidad ISO9241 ! “Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico” 24
  • 25.
    Una mejor experienciadel usuario 25
  • 26.
    usabilidad explicada La usabilidades uno de los conceptos básicos de HCI, tiene que ver con crear sistemas fáciles de usar. Un sistema usable es: ! fácil de aprender fácil de recordar cómo se usa efectivo de usar eficiente de usar seguro de usar 26
  • 27.
    diseño centrado alusuario User Centered Design (Norman & Draper, 86) 27
  • 28.
    Ventajas ! ! - Mala usabilidadsignifica pérdidas en ventas en internet 28 82% de los usuarios intentaron comprar en línea, pero se rindieron por mal diseño y pobre usabilidad (AT Kearney, 2001)
  • 29.
    Ventajas ! ! - Buena usabilidadlleva a clientes satisfechos, que compran y regresan Aproximadamente el 50% de los usuarios de web no regresan si no encuentran la información que buscan fácilmente (Forrester Research, 1999) 29
  • 30.
    Ventajas 30 ! ! - Productividad mejorada Pobreusabilidad en intranets corporativas llevan a baja productividad; inversiones en facilitar las intranets pagan un factor de 10 o más, especialmente en grandes compañías (CIO Business Web Magazine, 1999)
  • 31.
    Ventajas ! ! ! - Reducción decostos en desarrollo y mantenimiento Técnicas de usabilidad permiten a empresas una reducción de hasta el 40% del tiempo de desarrollo (Forrester, 1998) 31
  • 32.
    Cómo introducirlo enla organización? 32
  • 33.
    el cambio esdifícil Cambiar procedimientos y metodologías utilizadas hasta ahora es chocar contra un muro Convencer de las ventajas del cambio Provocar un cambio en la visión de la organización a la forma de desarrollo de software 33
  • 34.
    predicador de usabilidad Despertarinterés de un diseño centrado al usuario con el equipo Pelear por presupuesto para estudios de usabilidad dentro de la organización Promover historias de éxito en la compañía Apoyar el cambio necesario y establecer usabilidad 34
  • 35.
    implementar usabilidad Elegir cambiosrápidos y visibles que demuestren ventajas de UCD y usabilidad Incorporar elementos básicos de usabilidad en pruebas (eg. 10 heurísticas de Nielsen) Ejemplificar ventajas de negocios de un producto bien desarrollado, aunque sea la competencia - duele más Mostrar modificaciones al plan estratégico, plan de negocios y otros para ver cómo sería la adopción de UCD y usabilidad ! 35
  • 36.
    implementar usabilidad Invite apersonal clave a una prueba de usabilidad Una vez que observen la importancia del usuario en el proceso de desarrollo, será difícil ignorarlo en sus propios procesos Si su organización lo permite, invite a un especialista a colaborar Prepare estrategias para continuar la colaboración y mejora de procesos ! 36
  • 37.
    el difícil primerpaso Muy probablemente ya haya dado el difícil primer paso! 37
  • 38.
    conclusiones Incorporar una metodologíacentrada al usuario y la búsqueda de una buena usabilidad es factor de éxito o fracaso Establecer UCD y usabilidad en una organización requiere de voluntad, perseverancia y paciencia. Necesita de un predicador que cambie actitudes y gane adeptos para la causa La usabilidad crea un software amigable ! 38
  • 39.
  • 40.
    Vendiendo usabilidad: ventajas paraun mejor desarrollo de software ! Mario A Moreno Rocha sirpeto@gmail.com Facebook sirpeto Twitter @sirpeto 40
  • 42.
    Desarrollo de la InteracciónHumano Computadora Mario A Moreno Rocha Otoño 2013
  • 43.
    2. Desarrollo desoftware comercial centrado al usuario 1. Repaso del Diseño Centrado al Usuario (UCD) 2. Presentación de metodología considerando factores comerciales de competencia y ventajas tecnológicas 3. Estrategias y justificación para adoptar UCD en una organización
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 61.
    Tarea 3 • Presentaciónde metodología considerando factores comerciales de competencia y ventajas tecnológicas • Elaborar un trabajo escrito presentando una estrategia para demostrar lo anterior • Máximo dos páginas • Lunes 21 de Octubre, 10am
  • 62.
    3. Estrategias yjustificación para adoptar UCD en una organización • Mejoras en ventas en línea (82% no regresan por mala usabilidad) • 50% de los usuarios no regresan si no encuentran lo que buscan en 5 secs • Mejora de productividad en un factor de 10 por inversión en usabilidad • Reducción de costos hasta del 40% en desarrollo y mantenimiento
  • 63.
    3. Estrategias yjustificación para adoptar UCD en una organización • Elegir cambios rápidos y visibles que demuestren ventajas de UCD y usabilidad • Incorporar elementos básicos de usabilidad en pruebas (eg. 10 heurísticas de Nielsen) • Ejemplificar ventajas de negocios de un producto bien desarrollado, aunque sea la competencia - duele más • Mostrar modificaciones al plan estratégico, plan de negocios y otros para ver cómo sería la adopción de UCD y usabilidad
  • 64.
    3. Estrategias yjustificación para adoptar UCD en una organización • • Invite a personal clave a una prueba de usabilidad • Si su organización lo permite, invite a un especialista a colaborar • Prepare estrategias para continuar la colaboración y mejora de procesos Una vez que observen la importancia del usuario en el proceso de desarrollo, será difícil ignorarlo en sus propios procesos