technisys ux lunch&learn
DESCRIPTION
Primer Technisys UX Lunch&LearnTRANSCRIPT
![Page 1: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/1.jpg)
Introducción a la
Experiencia de Usuario (UX).
Los fundamentos detrás de
nuestras soluciones.
Technisys Lunch&Learn
![Page 2: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/2.jpg)
Servicio Omnichannel
Diseño Centrado en el Usuario
UX
Mobile First
www.technisys.net
Los fundamentos
![Page 3: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/3.jpg)
UX User Experience
www.technisys.net
![Page 4: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/4.jpg)
¿Qué es la experiencia de usuario?
www.technisys.net
UX
![Page 5: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/5.jpg)
La “Experiencia de Usuario” o User
Experience (UX) es una disciplina
que abarca todos los aspectos de la
interacción de los usuarios con una
compañía, sus productos y sus
servicios. (1)
(1) Nielsen Norman Group, The Definition of User Experience.
(http://www.nngroup.com/about/userexperience.html)
www.technisys.net
UX
![Page 6: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/6.jpg)
La UX es una fusión de múltiples
disciplinas que incluyen, entre otras,
ingeniería, marketing, diseño gráfico,
diseño industrial, diseño de interfaz, y
arquitectura de información. (2)
(2) Nielsen Norman Group
(http://www.nngroup.com/about/userexperience.html)
www.technisys.net
UX
![Page 7: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/7.jpg)
La UX comprende todos los
aspectos de los productos y
servicios digitales que los usuarios
experimentan directamente –
perciben, aprenden, usan- como
forma, contenido y funcionamiento.
www.technisys.net
UX
![Page 8: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/8.jpg)
Pero también abarca la experiencia
más amplia de contacto con una
marca y la respuesta que esta
experiencia evoca en los usuarios.
www.technisys.net
UX
![Page 9: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/9.jpg)
Factores clave que contribuyen a la calidad de la experiencia de los usuarios:
www.technisys.net
UX
Facilidad de aprendizaje.
Facilidad de uso.
Utilidad.
Estética.
![Page 10: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/10.jpg)
Nuestra vida está llena de buenas
y malas experiencias de usuario.
www.technisys.net
UX
![Page 11: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/11.jpg)
www.technisys.net
UX
¿Tienen alguna buena experiencia
de usuario para compartir?
![Page 12: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/12.jpg)
ww.technisys.net www.technisys.net
UX
![Page 13: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/13.jpg)
www.technisys.net
UX
¿Tienen alguna mala experiencia
de usuario para compartir?
![Page 14: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/14.jpg)
www.technisys.net
UX
¿Dónde pongo la tarjeta?
¿La apoyo en el coso azul?
¿La apoyo y la deslizo para abajo?
¿Qué es eso amarillo de abajo?
¿Es un botón que hay que apretar?
¿Tengo que apoyar la tarjeta arriba?
¿Tengo que apoyarla en lo negro?
¿La inserto en la ranura?
![Page 15: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/15.jpg)
www.technisys.net
UX
Cuando no tenemos en cuenta el comportamiento de los
usuarios aparecen los parches…
![Page 16: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/16.jpg)
www.technisys.net
UX
Fui al cajero a generar la clave access movil, una clave temporal de 8 dígitos (!).
En el ticket decía que iba a recibir un mensaje en el celular con instrucciones.
![Page 17: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/17.jpg)
www.technisys.net
UX
El mensaje me direccionó a una página web con un link a la descarga de la aplicación.
Ese link me llevó a una página con un error incomprensible.
![Page 18: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/18.jpg)
www.technisys.net
UX
![Page 19: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/19.jpg)
www.technisys.net
UX
Probé bajando e instalando la app del store de Google. No funcionó.
Mostraba un error de “tiempo de espera excedido” aunque no había pasado más de un
microsegundo!
![Page 20: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/20.jpg)
www.technisys.net
UX
![Page 21: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/21.jpg)
www.technisys.net
UX
Generé una nueva clave, esta vez desde el homebanking, vía pagomiscuentas.
Me llegó un mail al celular con el mismo link fallido.
![Page 22: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/22.jpg)
www.technisys.net
UX
![Page 23: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/23.jpg)
www.technisys.net
UX
Llamé al Call Center del banco. La operadora me dijo que la solución era actualizar el
flash player en el telefono, porque debía ser superior a 8.0
![Page 24: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/24.jpg)
www.technisys.net
UX
En realidad confundió los requerimientos del sitio web informativo con los
requerimientos de la aplicación mobile que se instala en el teléfono.
![Page 25: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/25.jpg)
www.technisys.net
UX
Después de dos horas de intentarlo, terminé frustrado y este es el ejemplo perfecto
que ilustra mi estado de entonces…
http://gif-central.blogspot.com.ar/2012/05/jumping-out-of-window.html
![Page 26: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/26.jpg)
¿Como trabajamos para lograr una
experiencia de usuario satisfactoria?
www.technisys.net
UX
![Page 27: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/27.jpg)
Actuando sobre cada una de las dimensiones de la experiencia de usuario.
www.technisys.net
UX
![Page 28: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/28.jpg)
Nuestro objetivo:
Pensar en el usuario sin perder de vista el objetivo
del negocio.
www.technisys.net
UX
![Page 29: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/29.jpg)
DCU Diseño Centrado en el Usuario
www.technisys.net
![Page 30: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/30.jpg)
El DCU es una filosofía del diseño
que pone el foco en las necesidades,
objetivos, expectativas, motivaciones
y capacidades de los usuarios.
www.technisys.net
DCU
![Page 31: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/31.jpg)
¿Para quién hacemos lo que hacemos?
¿Para un dueño de producto?
¿Para un gerente de sistemas, marketing, ventas?
¿Para nosotros mismos?
www.technisys.net
DCU
![Page 32: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/32.jpg)
“Nosotros diseñamos para los usuarios”.
www.technisys.net
DCU
![Page 33: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/33.jpg)
Nosotros diseñamos para la idea
que tenemos de los usuarios.
www.technisys.net
DCU
![Page 34: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/34.jpg)
¿En qué usuario estamos
pensando?
www.technisys.net
DCU
![Page 35: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/35.jpg)
www.technisys.net
DCU
Carlos es comerciante y vive en las afueras de la ciudad. Detesta viajar al centro y hace todos los
trámites posibles vía internet. Así como tiene poca paciencia para los trámites reales en
organismos públicos, ministerios o bancos, también tiene poca paciencia para los formularios vía
web. Cuando los encuentra confusos cierra todo y se queda con una sensación de frustración.
Soledad es una estudiante de Ciencias de la Comunicación. Tiene un blog, usa twitter y facebook
todo el día porque trabaja free-lance en su casa. Ahora está fascinada con Pinterest. Apasionada
por la tecnología, es curiosa y experimenta todo. No se preocupa mucho si algo no le sale al
primer intento porque siempre ”le encuentra la vuelta”.
Emilio es gerente de una empresa de servicios. Usa internet en el trabajo, y en la casa a veces
para ver videos de Youtube. No usa redes sociales, dice que no es de esa generación. Pero tiene
un smartphone y necesita estar conectado todo el tiempo para enviar y recibir emails. Cuando se
va de vacaciones, busca todo por internet, aunque nunca compró un pasaje online. No le parece
seguro.
![Page 36: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/36.jpg)
Los usuarios son las personas que disfrutan y sacan
provecho de nuestros productos, pero también los
padecen, no los entienden, los sufren…
www.technisys.net
DCU
![Page 37: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/37.jpg)
… y opinan.
www.technisys.net
DCU
![Page 38: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/38.jpg)
www.technisys.net
DCU
![Page 39: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/39.jpg)
www.technisys.net
DCU
![Page 40: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/40.jpg)
Buscamos que nuestras aplicaciones sean
accesibles y usables.
www.technisys.net
DCU
![Page 41: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/41.jpg)
¿Qué entendemos por aplicación usable?
www.technisys.net
DCU
![Page 42: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/42.jpg)
Una aplicación es usable cuando puede
ser usada por usuarios específicos para
conseguir objetivos específicos con
efectividad, eficiencia y satisfacción en un
contexto de uso dado. (3)
(3) Aplicación usable:
http://www.sidar.org/recur/desdi/traduc/es/visitable/quees/usab.htm
www.technisys.net
DCU
![Page 43: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/43.jpg)
Una aplicación es usable cuando es fácil de
usar y puedo lograr lo que quiero con ella. (4)
(4)Don´t make me think, Steve Krug , http://sensible.com/dmmt.html
www.technisys.net
DCU
![Page 44: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/44.jpg)
www.technisys.net
DCU
Mejora en la calidad del producto.
Reducción de los costos de producción.
Reducción de los costos de soporte y
mantenimiento.
Reducción de costos de uso.
¿Por qué es importante la usabilidad?
![Page 45: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/45.jpg)
¿Qué entendemos por aplicación accesible?
www.technisys.net
DCU
![Page 46: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/46.jpg)
Una aplicación es accesible (en mayor o
menor medida) cuando puede ser usada
por usuarios con diferentes capacidades.(5)
(5) ISO 16071 Ergonomics of human-system interaction - guidance on
software accessibility. Technical Specification.
www.technisys.net
DCU
![Page 47: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/47.jpg)
Existe una “Ley de Accesibilidad” en la
Argentina, ya reglamentada.
Lo mismo sucede en Uruguay, Chile, Brasil,
y otros países de Latinoamérica.
(6) LEY 26653 / 2010 Accesibilidad de la Información en las Páginas Web.
Autoridad de Aplicación. Plazos. Reglamentación. www.boletinoficial.gov.ar
www.technisys.net
DCU
![Page 48: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/48.jpg)
La accesibilidad se considera actualmente de
una forma más amplia, ligada al derecho al
acceso a la información, independientemente
del hardware, infraestructura de red, idioma,
cultura, o localización geográfica.
www.technisys.net
DCU
![Page 49: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/49.jpg)
www.technisys.net
DCU
Usabilidad y Accesibilidad no son agregados
finales.
No son decoración ni cosmética.
Debemos tener en cuenta a los usuarios desde
una fase temprana del desarrollo.
![Page 50: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/50.jpg)
Nuestro desafío:
Diseño Centrado en el Programador
Diseño Centrado en el Usuario
www.technisys.net
DCU
![Page 51: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/51.jpg)
Omnichannel
www.technisys.net
![Page 52: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/52.jpg)
Las personas interactúan con la información a
través de múltiples canales, digitales y físicos.
El concepto de servicio omnichannel no se
enfoca en un canal determinado, sino que
concibe al servicio como a un todo.
www.technisys.net
Omnichannel
![Page 53: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/53.jpg)
www.technisys.net
Omnichannel
Todos formamos parte de un ecosistema.
![Page 54: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/54.jpg)
El objetivo es lograr experiencias coherentes a
través de los numerosos canales que los
clientes demandan.
www.technisys.net
Omnichannel
![Page 55: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/55.jpg)
www.technisys.net
Omnichannel
Tres aspectos clave a tener en cuenta para
abordar una experiencia omnichannel:
División del trabajo.
Consistencia.
Continuidad.
![Page 56: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/56.jpg)
www.technisys.net
Omnichannel
![Page 57: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/57.jpg)
Mobile First
www.technisys.net
![Page 58: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/58.jpg)
www.technisys.net
Mobile First
Respeto por el usuario.
Foco en las tareas.
Contenidos primero,
navegación después.
Agilidad y simpleza.
![Page 59: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/59.jpg)
www.technisys.net
¿Que estamos haciendo?
Buscamos unificar la experiencia en distintos canales .
![Page 60: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/60.jpg)
www.technisys.net
¿Que estamos haciendo?
Desarrollamos dos familias propias de íconos.
![Page 61: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/61.jpg)
www.technisys.net
¿Que estamos haciendo?
Utilizamos la técnica de card sorting para estructurar la navegación
![Page 62: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/62.jpg)
www.technisys.net
¿Que estamos haciendo?
Utilizamos herramientas de prototipado rápido.
![Page 63: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/63.jpg)
www.technisys.net
¿Que estamos haciendo?
Hacemos “Think Aloud Tests” con usuarios.
![Page 64: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/64.jpg)
www.technisys.net
¿Que estamos haciendo?
Unificamos patrones de interacción en distintos canales.
![Page 65: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/65.jpg)
www.technisys.net
¿Que estamos haciendo?
Reducimos el efecto “golpe de información” con diseños más simples.
![Page 66: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/66.jpg)
www.technisys.net
¿Que estamos haciendo?
No le imponemos al usuario la lógica o el lenguaje técnico del desarrollo.
Explicamos, guiamos, tratamos bien al usuario.
![Page 67: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/67.jpg)
www.technisys.net
¿Que estamos haciendo?
Estamos elaborando nuestro primer set de Personas. ¡Y necesitamos de su
ayuda para conseguir candidatos!
![Page 68: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/68.jpg)
www.technisys.net
¿Cómo seguimos?
Modelo de madurez en el UX Summit 2013.
![Page 69: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/69.jpg)
www.technisys.net
¿Cómo seguimos?
Plan de Acción en el UX Summit 2013.
![Page 70: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/70.jpg)
www.technisys.net
¿Cómo seguimos?
Incorporar regularmente pruebas con usuarios.
Demostrar a los sponsors el valor de UX.
Incorporar actividades de UX al proceso formal
de producción de la compañía.
![Page 71: Technisys UX Lunch&Learn](https://reader033.vdocuments.net/reader033/viewer/2022052621/55867030d8b42a32308b45a6/html5/thumbnails/71.jpg)
www.technisys.net
¡Muchas Gracias!