Technisys UX Lunch&Learn

Introducción a la

Experiencia de Usuario (UX).

Los fundamentos detrás de

nuestras soluciones.

Technisys Lunch&Learn

Servicio Omnichannel

Diseño Centrado en el Usuario

UX

Mobile First

www.technisys.net

Los fundamentos

UX User Experience

www.technisys.net

¿Qué es la experiencia de usuario?

www.technisys.net

UX

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

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

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

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

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.

Nuestra vida está llena de buenas

y malas experiencias de usuario.

www.technisys.net

UX

www.technisys.net

UX

¿Tienen alguna buena experiencia

de usuario para compartir?

ww.technisys.net www.technisys.net

UX

www.technisys.net

UX

¿Tienen alguna mala experiencia

de usuario para compartir?

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?

www.technisys.net

UX

Cuando no tenemos en cuenta el comportamiento de los

usuarios aparecen los parches…

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.

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.

www.technisys.net

UX

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!

www.technisys.net

UX

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.

www.technisys.net

UX

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

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.

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

¿Como trabajamos para lograr una

experiencia de usuario satisfactoria?

www.technisys.net

UX

Actuando sobre cada una de las dimensiones de la experiencia de usuario.

www.technisys.net

UX

Nuestro objetivo:

Pensar en el usuario sin perder de vista el objetivo

del negocio.

www.technisys.net

UX

DCU Diseño Centrado en el Usuario

www.technisys.net

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

¿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

“Nosotros diseñamos para los usuarios”.

www.technisys.net

DCU

Nosotros diseñamos para la idea

que tenemos de los usuarios.

www.technisys.net

DCU

¿En qué usuario estamos

pensando?

www.technisys.net

DCU

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.

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

… y opinan.

www.technisys.net

DCU

www.technisys.net

DCU

www.technisys.net

DCU

Buscamos que nuestras aplicaciones sean

accesibles y usables.

www.technisys.net

DCU

¿Qué entendemos por aplicación usable?

www.technisys.net

DCU

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

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

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?

¿Qué entendemos por aplicación accesible?

www.technisys.net

DCU

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

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

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

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.

Nuestro desafío:

Diseño Centrado en el Programador

Diseño Centrado en el Usuario

www.technisys.net

DCU

Omnichannel

www.technisys.net

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

www.technisys.net

Omnichannel

Todos formamos parte de un ecosistema.

El objetivo es lograr experiencias coherentes a

través de los numerosos canales que los

clientes demandan.

www.technisys.net

Omnichannel

www.technisys.net

Omnichannel

Tres aspectos clave a tener en cuenta para

abordar una experiencia omnichannel:

División del trabajo.

Consistencia.

Continuidad.

www.technisys.net

Omnichannel

Mobile First

www.technisys.net

www.technisys.net

Mobile First

Respeto por el usuario.

Foco en las tareas.

Contenidos primero,

navegación después.

Agilidad y simpleza.

www.technisys.net

¿Que estamos haciendo?

Buscamos unificar la experiencia en distintos canales .

www.technisys.net

¿Que estamos haciendo?

Desarrollamos dos familias propias de íconos.

www.technisys.net

¿Que estamos haciendo?

Utilizamos la técnica de card sorting para estructurar la navegación

www.technisys.net

¿Que estamos haciendo?

Utilizamos herramientas de prototipado rápido.

www.technisys.net

¿Que estamos haciendo?

Hacemos “Think Aloud Tests” con usuarios.

www.technisys.net

¿Que estamos haciendo?

Unificamos patrones de interacción en distintos canales.

www.technisys.net

¿Que estamos haciendo?

Reducimos el efecto “golpe de información” con diseños más simples.

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.

www.technisys.net

¿Que estamos haciendo?

Estamos elaborando nuestro primer set de Personas. ¡Y necesitamos de su

ayuda para conseguir candidatos!

www.technisys.net

¿Cómo seguimos?

Modelo de madurez en el UX Summit 2013.

www.technisys.net

¿Cómo seguimos?

Plan de Acción en el UX Summit 2013.

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.

www.technisys.net

¡Muchas Gracias!