Emiliano Horcada - UX Director

1. Casos y Experiencias de un
equipo de UX
Emiliano Horcada
@emilianohorcada
Experiencia de Usuario
Usabilidad, Accesibilidad, Diseño y Tecnología
En el marco del Día Mundial de la Usabilidad.

3. Accesibilidad
Optimización
Diseño Creatividad
Interacción
Innovación
Observación Belleza
Usabilidad

4. Empatía

6. 100
75
50
25
0
2007 2008 2009 2010

7. Empatía

8. Identidad

9. Identidad
Nos apasiona observar el comportamiento humano
Entendemos la importancia de la buena comunicación
Disfrutamos de la búsqueda constante de la belleza

10. Objetivo
Queremos crear experiencias de productos satisfactorias que
generen resultados en la realidad del negocio y del usuario.

11. Proceso
Research Information Architecture Interaction Design Visual Design Usability
Entendemos el contexto Organizamos la información Diseñamos interacciones Tomamos en cuenta la Medimos, testeamos y
de mercado y nos para asignarla a modelos que atraen a los usuarios personalidad de la marca mejoramos la efectividad
acercamos al usuario mentales del usuario y amplifican la y las emociones que se y eficiencia de un
para entender sus basándonos en sus experiencia basándonos necesitan generar en producto para obtener
necesidades y expectativas y experiencias. en la tecnología y el cada instancia de la mejores resultados de
motivaciones. dispositivo. experiencia. negocio y de percepción.
Equipo Equipo Equipo
UX Lead Equipo Equipo Art Lead UX Lead
UX Researcher UX Lead UX Lead Visual Designer UX Usability Analyst
UX Researcher IXD Designer
Entregables IXD Designer Entregables Entregables
Personas Entregables Brand Style Guide Testing document
Goal definition Entregables Wireframes Visual Design Expert review document
Ethnographic document IA document Interaction document Standards Heuristic review
Flows diagram Prototypes Standards definitions
Mental models docs Testing document

12. Research
Al comenzar el proceso es importante entender la
motivación detrás del producto y cuál será el
público específico que lo utilizará.
Esto nos permite partir de una base sólida para
crear la experiencia adecuada.
Algunas técnicas que nos ayudan a lograr
un buen user research:
Ethnographic Interview Contextual Interviews Personas
Se centra en quién es el Estudia dónde el usuario Define quién es el usuario
usuario, y como percibe utiliza la aplicación, el basado en evidencia
la información y la entorno que lo rodea y etnográfica. Esta es una
aplicación. Querémos todo lo que afecta su excelente técnica que nos
conocer al usuario lo percepción. ayuda a recordar quién es
más posible. el verdadero usuario del
producto.

13. Information Architecture
Organizamos información para asignarlo a un
modelo mental y a determinadas expectativas a
través de la experiencia.
Con el aporte del user research nos permite
entender como espera el usuario que esté
organizada y presentada la información.
Esto es un elemento clave para el éxito del
producto.
Algunas técnicas que nos ayudan a lograr
un buen information architecture:
Card Sorting Mental Models Workshops
Una técnica muy útil Técnicas de Actividades que nos
que nos permite organización que nos permiten entender
percibir como el permiten entender el como el usuario toma
usuario organiza la modelo mental del decisiones y como
información para poder usuario y responder a piensa y organiza la
encontrar su modelo sus expectativas. información.
mental.

14. Interaction Design
Este es un tiempo para innovación y
nuevas soluciones. Buenas interacciones
ayuda al usuario a comprometerse con el
producto.
Conocer al usuario y a su contexto nos
permite crear interacciones atractivas
que amplifican su experiencia y su
respuesta emocional.
Algunas técnicas que nos ayudan a
lograr un buen interaction design:
Ideation Prototyping Visual Design
Un espacio para ideas, Las interacciones Trabajando a la par del
brainstorming y necesitan ser pensadas y equipo de diseño
pensamiento creativo, experimentadas. asegurará un gran
que nos permite Crear prototipos para producto de todo punto
encontrar nuevas utilizar y testear de vista.
maneras de resolver interacciones es una gran
problemas y crear manera de mejorarlos.
mejores experiencias.

15. Usability
Buena usabilidad es una cualidad que hoy en día
se espera. No alcanza una buena idea, necesita
ser usable y persuasiva. Podemos medir y
mejorar la usabilidad basándonos en
comportamiento real del usuario.
400
Algunas técnicas que nos ayudan a lograr
300
un buen interaction design:
200
Usability Test Sessions Expert Review Heuristic Evaluations 100
Nos acercamos al Un experto analizará y Una evaluación
usuario, observamos su detectará problemas de sistemática de la 0
comportamiento y como usabilidad, basándose en experiencia completa del
responde, para detectar buenas prácticas e producto, desde feedback
problemas de usabilidad, investigación del usuario. del sistema hasta manejo
problemas de percepción del error.
y mejorar la persuasión.

16. UX para cada tamaño
Creamos experiencias, para todo dispositivo y
contexto, sea una computadora desktop, una
tablet o un celular aplicamos nuestro
conocimiento en UX y toda nuestra dinámica e
interacción con ingenieros de UI para crear la
experiencia adecuada.

17. UX en el desarrollo
UX
de software
BA VD UX encaja perfectamente en un
ambiente de metodología agil de
Product desarrollo. Con una comunicación
constante y abierta con stake holders y
business analysts el equipo de UX
UI QA trabajará adelantándose al equipo de
desarrollo para asegurar flexibilidad y
velocidad de implementación.

18. Usability Test Session
A simple solution to improve the effectiveness
and use of a product.
2 weeks of engagement
Low investment
Big results
160
+60% Conversion
120
-30% Bounce Rate
80
+43% Demographic Penetration
40
0 +70% Perception
Conversion

19. Experiencias y Desafíos

21. Workplace
Ethnographic interviews
Usability Tests
Support to development
Tenaris: User Adoption
Intranet adoption ratio after UX overhaul
400
Interaction with other roles:
300
BA UX VD UI
200
100
0

22. Interactions Documents
As we do in many project, we
were able to create and
interactions document. This is
an efficient way to document
and communicate wireframes,
interactions and flows to all the
different teams working on a
product.

26. Un desafío más...

29. No deje de completar su evaluación online
ux2012.com.ar/encuesta
¡Muchas gracias!
Casos y Experiencias de un equipo de UX
@emilianohorcada
Experiencia de Usuario
Usabilidad, Accesibilidad, Diseño y Tecnología
En el marco del Día Mundial de la Usabilidad.