UX - uv.es · ¿Qué es UX? UX se refiere a lo que experimenta el usuario antes, durante y después de interactuar con un sistema. La experiencia de usuario surge de la suma de

UX

Ernesto Gonzalo

@dithern

https://twitter.com/Dithern

Del método al usuario#AulaCapgeminiUV

Primera parteFactores que intervienen en un equipo de UX

Proceso de trabajo

Componentes de un proyecto de UXHerramientas de trabajo

Segunda parte

UXEse gran desconocido

¿Qué es UX?UX se refiere a lo que experimenta el usuario antes, durante y después de interactuar con un sistema.

La experiencia de usuario surge de la suma de todas las interacciones con el producto o servicio de una organización y de ello depende su éxito. Por esta razón existe una gran demanda de UX en el sector.

No obstante el desconocimiento de la materia y la falta de tiempo, presupuesto y disponibilidad nos lleva muchas veces a operar sin el propio usuario.

Factores que intervienen en un

equipo de UX

Factores que intervienen en un equipo de UX

Oferta Demanda

Diseñador Desarrollador ComunicaciónMetodologías ágiles

ClienteUsuario

Los usuariosEllos tienen las respuestas

Factores que intervienen en un equipo de UX

Todo gira en torno a los usuariosEl mejor comienzo es empezar con el cliente, educándolos acerca de la importancia de un enfoque centrado en el usuario.

Se trata de conquistar el público objetivo con el fin de disminuir costes, aumentar las utilidades y conseguir la satisfacción del usuario. El beneficio es mutuo.

Aunque a veces la realidad es diferente. Los clientes prefieren un producto tangible con inmediatez.

Los clientesSí sí, pero lo quiero en una semana

Factores que intervienen en un equipo de UX

Existen dos tipos de clientesCliente externoNos exige calidad e inmediatez en las entregas.

Cliente internoNos exige abarcar calidad e inmediatez en la mayor cantidad de proyectos posibles.

Conclusión: Debemos aportar valor de negocio sin morir en el intento.Para ello es necesario conocer nuestras limitaciones...

El diseñador...pero con valores objetivos

Factores que intervienen en un equipo de UX

InnovaciónEl diseñador debe conocer las tendencias gráficas y tecnológicas para no caer en resultados obsoletos, aún así debe prevalecer su sentido crítico y objetivo sobre las dependencias de un proyecto.

El diseñador debe ser consciente del recorrido cognitivo de sus elecciones, en relación al público objetivo del sistema.

Estandarización

Reducir la curva de aprendizaje = máxima optimización

El desarrollador

Factores que intervienen en un equipo de UX

Comunicación continua con UXDEn proyectos complejos es arriesgado desarrollar en paralelo al equipo de diseño.

Los cambios en diseño afectarán al diseño funcional y viceversa.

De igual forma pueden existir soluciones que el otro equipo desconozca que puedan implementarse. Si tenemos en cuenta ambas opiniones podemos ahorrar mucho tiempo de trabajo.

Metodologías ágiles

Divide y vencerás

Factores que intervienen en un equipo de UX

Ventajas y desventajasFacilita la administración de tareas: se trata de dividir objetivos aportando valor individual por tiempos estimados.

Nos ayuda en los procesos de estimación y planificación, realizando entregables en pequeños lotes.

Localiza los bloqueos de forma inmediata y libera los obstáculos de comunicación entre las personas afectadas.

Las metodologías ágiles no deben obstruir las propias entregas.

ComunicaciónEstoy casi seguro al 100%

Factores que intervienen en un equipo de UX

UX es inevitableEs el resultado de un fenómeno interactivo en el que intervienen multitud de factores: individuales, sociales, culturales, contextuales y propios del producto.

Los resultados se verán influidos por expectativas y experiencias previas, y por tanto condicionará expectativas y experiencias futuras.

Lo tengamos o no lo tengamos en cuenta, el usuario es inevitable.

Proceso de trabajo

Preventa Toma de requisitos

Validaciones Soporteinterno

PlanificaciónEstimación

Entrega final Soporteexterno

PreventaAntes que nada

Procesos de trabajo

Día 1Toma de requisitos

Procesos de trabajo

Hoja de requisitosNombre del proyecto

Plazos de entregaFase del proyecto

Dispositivo / FormatoSitemap o árbol de contenido

Objetivo principalAcciones y dependencias

...

Estimación¿Cuánto?

Procesos de trabajo

Planificación¿Cuándo? ¿Quiénes?

Procesos de trabajo

ValidacionesPor fases de proyecto

Procesos de trabajo

Con los equipos de trabajoLa validación interna es lo primero a tener en cuenta ya que nuestro trabajo puede afectar negativamente a otros implicados.

Hay que buscar la cooperación entre las diferente áreas.

Los clientes en cambio no suelen validar fácilmente las entregas, por el contrario nos va a exigir gran cantidad de cambios.

Debemos valorar si los cambios entran en el pliego inicial.

SoporteNo problem, qué necesitas?

Procesos de trabajo

Soporte externoSe planifican unas jornadas estimadas para dar soporte de diseño sobre las entregas ya validadas.

Las continuas interrupciones en el trabajo perjudican notablemente un trabajo creativo y en ningún momento debemos evitar el diálogo con personas, pero sí podemos concentrar nuestros momentos de creatividad.

Soporte interno: Atracos

Entrega finalDocumentación

Procesos de trabajo

AnálisisSon documentos que reflejan el estado previo de las entregas y las conclusiones con nuestras recomendaciones de uso.

Presentamos por fases los prototipos y el arte final del proyecto.

Material de diseño

Compuesta por un conjunto de criterios gráficos y de interacción.

Guías de estilo y manuales de uso

Loading...

Componentes de un proyecto de UX

Testing Prototipado

GUI Usabilidad

UIAI

Accesibilidad

TestingConocer al usuario y si no…

lo inventamos

Componentes de un proyecto de UX

Establecer objetivosNo es necesario poner a prueba el total de experiencias.Tampoco necesitamos validar los objetivos con mil usuarios.

Testing: Validación directa o indirectaLa validación con los usuarios se puede hacer de forma directa (pruebas con usuarios) o de forma indirecta (heat maps, A/B testing, click maps).

Lo que se mide mejora, lo que no se mide empeora.

PrototipadoAgilidad en los diseños

Componentes de un proyecto de UX

TipologíaSketch (idea)

Wireframe (Layout)Mock-up (Estático)

Prototipo (funcional)

Ejemplos

http://slides.com/dithern/axure_intro

AILa navegación como narrativa

Componentes de un proyecto de UX

Arquitectura de la informaciónEs la ciencia de organizar los espacios en estructuras de navegación con el fin de ayudar a los usuarios a satisfacer sus necesidades de información.

UILas palabras

Componentes de un proyecto de UX

Interacción con los usuariosHace foco en el artefacto, o dicho de otra manera, en lo que está dentro de las pantallas.

Sus componentes son la selección y distribución de los elementos de la interfaz (textos, botones y campos del formulario) y la consistencia del diseño con la plataforma y otras pantallas.

GUIUnificación de criterios

Componentes de un proyecto de UX

Guías de estiloConstrucciónMantenimientoDesarrolloEjemplos

http://saijogeorge.com/brand-style-guide-examples/

Accesibilidad

Componentes de un proyecto de UX

Iniciativa de accesibilidad webEn base al estandar W3C

Usabilidad

Componentes de un proyecto de UX

Efectividad, eficiencia y satisfacción

10 reglas heuristicas de Jakob NielsenVisibilidad del estado del sistemaRelación entre el sistema y el mundo realControl y libertad del usuarioConsistencia y estándares (dualidades)Prevención de erroresReconocimiento antes que recuerdoFlexibilidad y eficiencia de uso (aceleradores)Estética y diseño minimalistaAyudar a los usuarios a reconocer, diagnosticar y recuperarse de erroresAyuda y documentación

Si lo explico no tiene graciaComportamiento funcional

Efectividad, eficiencia y satisfacción

Herramientas de trabajo

BenchmarkingComparar las mejores prácticas sobre el área de interés

Reinventar la ruedaEl 95% de los problemas ya tienen solución

Saber buscar es la clave del éxito

Análisis

Benchmarking

OnepagelovePttrnsWearuiLand-bookOnepagemaniaAdmirethewebThemailingbook

https://onepagelove.com/

http://pttrns.com/

http://wearui.co/