ux - uv.es · ¿qué es ux? ux se refiere a lo que experimenta el usuario antes, durante y después...
TRANSCRIPT
UX
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
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
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
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
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
Testing
Peek.usertestingfivesecondtestclick-testquestion-testIxdchecklistchecklist_toolNngroup
Tipografías
CopypastecharacterType-finderTypecastGlyphrstudioPrototypoFontsinuseTypesample
Iconografías
IconizerIconfinderIcomoonPerfecticonsIconsbyhourLine IconsTransformicons
Colores
Adobe color-wheelCoolorsColourcoColorsafeThedayscolorSkalacolorStylifyme
Interacción
CodepencodemyuienjoycssProto.iocssmaticwebdesignercssarrowplease
Flowcharts/Prototipado
GliffyQuirktoolsLucidchartXmindBalsamiqAxureOrigami
