UX Beneficios e implementación en proyectos

Edwin MadueñoLima 2015

Agenda

Que es UX• Definiciones

• Usabilidad & UX

Beneficios de la UX• Escenario real de los proyectos

• Beneficios que nos trae

• ¿Cómo medimos sus beneficios?

Qué implica realizar UX• Desarrollo de proyectos

• Quienes participan

• Problemas típicos

Cómo realizar UX• Etapas de la UX

• Evaluación

Preguntas y respuestas

Veamos de que se trata

persona

usuario

persona

UX es la suma de interacciones que una persona tiene con un producto o servicio, y tiene como finalidad mejorar la utilidad, facilidad de uso y la eficiencia

Se centra en entender:

• Personas: problemas, necesidades, deseos

• Negocio: beneficios, objetivos organizacionales, estrategia de marketing

• Tecnología: infraestructura, arquitectura, rendimiento, soporte

Qué se puede obtener de aplicarlo

• Como es• El que patrocina le dice al que lo va a

desarrollar lo que cree que se necesita, se lo enseña al que lo usara, le hace modificaciones creando un "mejor producto".

• El que desarrolla realiza la propuesta según lo especificado se lo muestra al patrocinador, el que lo usara solicita modificaciones que se adecuen mejor a lo que realmente quiere pero se ve limitado.

• La propuesta fue desarrollada basada en "lo que se necesita", no se adecua, el que lo usa se frustra

• Debería ser• El que patrocina el proyecto pide al que

desarrollo el proyecto que haga algo para que alguien lo use.

• El que desarrolla el proyecto entrevista al que lo usa, arma una propuesta y se la ensaña al que patrocina.

• Al haber sido una propuesta desarrollada en conjunto con el que la usara, será una propuesta exitosa.

Lo que el Cliente y nosotros creemos que el usuario necesita

Lo que el Usuario realmente necesita

Para que el producto o servicio funcione de la forma en que los usuarios esperan, ya que de lo contrario afectaría aspectos como:

1. Lealtad del usuario

2. Retorno de la inversión

3. Eficiencia / Productividad

4. Satisfacción del usuario

5. Reducción de costos a largo plazo

6. Mejorar posicionamiento de la Empresa

Beneficios que nos traeLealtad de usuarios

• No solo se pierde a un cliente, puede que el cliente vaya a la competencia

• El agregar opciones al producto no recuperara la fidelidad, pero una buena UX si lo hará

• Los clientes fieles son los mejores evangelizadores de los productos

1.

Beneficios que nos traeRetorno de inversión

• La UX ayuda a eliminar confusiones o molestias que eviten que convierta (p.e. una compra)

• Una buena UX aumentara ventas, presencia en mercado, nro. visitas, productividad interna

• El valor puede ser monetario o un beneficio

2.

Beneficios que nos traeEficiencia y productividad

• La mejora de la eficiencia en sus herramientas mejora su productividad

• Una buena UX minimiza el trabajo innecesario y redundante

• Cuando un producto es muy usado, ahorrar unos segundos es significativo, reduce rebote

3.

Beneficios que nos traeSatisfacción del usuario

• La UX debe atender expectativas, proporciona calidad, garantiza eficiencia, satisfacción al usuario

• Sin una UX los productos tendrán características o funciones que pueden ser usadas por el usuario o las usan erróneamente, generando emociones negativas

4.

Beneficios que nos traeReducción de costos

• Invertir en UX nos asegura que los productos estén bien desde el inicio

• El equipo de desarrollo gasta el 50% de su tiempo en arreglar problemas de UX

• Con una buena UX se reduce el tiempo y recursos destinados a capacitación, soporte, mejoras

5.

Beneficios que nos traeMejorar posicionamiento6.

Como determinamos los beneficios económicos que supone la inversión en la UX:

• Eficacia

• Eficiencia

• Satisfacción

• Cualidad de ser recordado

• Facilidad de aprendizaje

Como medimos los beneficios de UXEficacia

• Tasa de Conversión: Se contabilizan las tareas ejecutadas exitosamente

• Tasa de Rebote: Se contabilizan los tareas donde se produjeron error

Como medimos los beneficios de UXEficiencia

• Recarga de Páginas, Tiempo consumido, Cantidad de clics.

Satisfacción

• Se mide con cuestionarios al final de cada prueba

En desarrollo• Estimaciones más precisas

• Optimización de los tiempos

• Reducción de costos en mantenimiento correctivo

En ventas• Incrementar el número de conversiones,

transacciones/ventas

• Incremento en ventas por producto

• Aumento en el tráfico/audiencia

• Mejora en la retención de usuarios y frecuencia de compra

• Incremento en los índices de captación de nuevos clientes

• Aumento de la cuota de mercado (mejora en la competitividad)

• En uso• Mejora en los índices de éxito, menos errores

de usuarios

• Mejora en la eficiencia/productividad (reducción del tiempo/tarea)

• Mejora en la satisfacción de los usuarios

• Mayor satisfacción en los equipos de desarrollo

• Mejora en la facilidad de uso y de aprendizaje

• Mejora en la confianza en el sistema

• Reducción en los costes de soporte

• Reducción en los costes de formación y documentación

PROCESO DE UX

Investigación, análisis y pruebas

como base del diseño. Diseño y

desarrollo en iteraciones

avanzando y validando

progresivamente.

PROCESO TRADICIONAL

Definición de alcance a

grandes rasgos, definición

funcional, diseño de pantallas,

diseño técnico y desarrollo

• Frente al análisis tradicional• Se realiza en conjunto con el Cliente

y los Usuarios en una etapa de descubrimiento de las funcionalidades según escenarios reales.

• No enfoca el trabajo en reuniones, entrevistas y generación de documentación (anotaciones, actas).

• Se trabaja en equipo sobre un modelo visual entendible y pivotablepor todas las partes.

•

•

•

•

Proceso de implementación de UXInvestigación

• Información del proyecto: Necesidades generales

• Estudio de Usuario: Categorización, Escenarios

• Estudio del contexto: Contexto de uso, Análisis de uso

• Estudio del contenido: Inventario de recursos, Mapas de conceptos

• Informes: Brief, Estrategia, Personas

• Diagramas: Storyboard, User journey

• Entrevistas

• Encuestas

• Observación

Proceso de implementación de UXOrganización

• Representación de las estructuras

• Definición de jerarquías

• Correspondencia de las estructuras a las necesidades

• Mapas Contenidos y Navegación

• Especificación Funcional

• Cardsorting

• Mapas Conceptuales

Proceso de implementación de UXDiseño

• Definición del funcionamiento

• Definición de las pantallas

• Definición de los servicios que ofrecerá el producto

• Elaboración de prototipos

• Diagrama Flujos

• Prototipos

• Prototipado iterativo (wireframe)

• Análisis Heurístico

• Test usuario

Proceso de implementación de UXPruebas

• Revisión de diagramas

• Evaluación y pruebas de prototipos

• Informe de test de usabilidad

• Análisis de métricas

• Análisis heurístico

• Test de usabilidad

• Analítica digital

Quienes participan

Investigación: Planificación, objetivos:• UXer

• Especialista de Analítica digital

Organización: Arquitectura de información:• UXer

• Especialista en Posicionamiento

• Especialista de Analítica digital

• Diseño: Diseño y especificación:

• UXer

• Diseñador Gráfico

• Desarrollador

• Especialista en Posicionamiento

• Pruebas: Estrategia y ejecución de test:• UXer

• Estratega de contenido

• Especialista de Analítica digital

Participación en etapas

Necesidad de contener la mayor cantidad de funcionalidades • Causantes: Demasiados stakeholders

• Resultado: Producto complicado, excesivamente ambicioso

• Solución: Priorizar necesidades del usuario, Foco en Producto mínimo viable

Problemas con tiempos y costos• Causantes: Necesidad de más funcionalidades, No cierre de etapas

• Resultados: Implementar funcionalidades a toda prisa, Consumir recursos en funcionalidades mal implementadas

• Solución: Respetar hitos, Participación temprana de personas claves

Productos inútiles• Causantes: Solicitud de requerimiento utópica o no viable

• Resultados: Capital y tiempo malgastados

• Solución: Refinar la idea, Refinar el grupo objetivo

Mala investigación • Causantes: No conocer el valor de la investigación, No disponibilidad del cliente

• Resultados: Producto no satisface al usuario

• Solución: Realizar investigación

Brecha entre Diseño y Desarrollo• Causantes: Separación entre equipos de Diseño y Desarrollo

• Resultados: Fractura entre lo desarrollado y lo diseñado

• Solución: Cooperación entre los equipos, Crear conciencia de que las decisiones de diseño tienen implicancias técnicas

Dar mayor importancia al proceso de UX• Causantes: Exceso en énfasis del proceso de UX, foco a entregables e hitos

• Resultados: Productos mal diseñados

• Solución: Realizar procesos iterativos para el diseño, micro-validaciones con usuarios

Actualmente existe una fuerte corriente de Lean UX basada en tres principios que fortalecen aún más el rol de la UX en proyectos de TI:

• Design Thinking, aproximación visual a los retos y problemas,

• Desarrollo ágil: scrum

• Ciclo de proceso: construir, medir, aprender

Conociendo las etapas, disciplinas, técnicas y herramientas para realizar una UX

La aplicación de UX depende de muchos factores, pruebas y estudios, requiere conocimiento de diversas disciplinas que son complementarias y a la vez se sobreponen entre ellas

El siguiente diagrama explica gráficamente las cualidades que son fundamentales para que un producto o servicio consiga construir una buena UX:

• Útil:

• Usable

• Deseable

• Localizable

• Accesible

• Creíble

• Valioso

Establecido por Jesse James Garett, nos explica la metodología de trabajo a seguir para garantizar una buena experiencia de usuario

Etapas de la UXEstrategia

• Identificar los objetivos que se busca con el producto

• Briefing alcanzado por el Cliente

• Identificar a los usuarios y sus necesidades

• Realizar entrevistas y analizar resultados

Etapas de la UXAlcance

• Usuarios

• Contenido

• Contexto

• Usuarios: Personas

• Contenido: Análisis del contenido

• Contexto: Especificación funcional

Etapas de la UXEstructura

• Arquitectura de información

• Mapas conceptuales

• Card sorting

• Mapa de arquitectura

Etapas de la UXEsquema

• Diseño de interfaz

• Diseño de interacción

• Diseño de información

• Sketching

• Wirframe

Etapas de la UXSuperficie

• Mantener convenciones

• Buen uso del color

• Estilo visual y Tipografía

• Contenido audiovisual

• Mobile First

• ¿Cuál es su objetivo?: probar funcionalidades especificas

• ¿Cómo lo aplicamos?: listar tareas a ejecutar, guiar a participantes

• ¿Qué debemos prevenir?: incomodar o sesgar acciones del usuario

• ¿Cuál es su objetivo?: medir efectividad de diseño de opciones

• ¿Cómo lo aplicamos?: presentar dos versiones de un elemento

• ¿Qué debemos prevenir?: exceso de cambios en interfaz

• ¿Cuál es su objetivo?: Evidenciar problemas de usabilidad

• ¿Cómo lo aplicamos?: Validar cumplimiento de pautas de evaluación de usabilidad

• ¿Qué debemos prevenir?: Analizar problemas puntuales para mejoras específicas

Principios de UsabilidadVisibilidad del estado del sistema

Principios de UsabilidadSimilitud entre el sistema y el mundo real

Principios de UsabilidadControl y libertad del usuario

Principios de UsabilidadConsistencia y estándares

Principios de UsabilidadPrevención de errores

Principios de UsabilidadReconocer antes que recordar

Principios de UsabilidadAyuda y recuperación ante errores

Principios de UsabilidadEstética y diseño minimalista

Principios de UsabilidadAyuda y documentación

Preguntas & RespuestasAclaremos las dudas…