Fundamentos UX
Introducción a la
cultura DevSecOps
Acuerdos
Pomodoros 50/10 Participación activa
Cámara encendida Enfoque al 100%
Respeto Micrófono funcional
Parking Lot
Introducción a la
cultura DevSecOps
Agenda
1. UX
2. Usabilidad
3. Fundamentos al diseño
4. Accesibilidad
5. Arquitectura de la Información
Introducción a la
cultura DevSecOps
Objetivo del curso
El participante conocerá el concepto de
UX como la disciplina centrada en el
diseño final de una experiencia con un
determinado producto o servicio, así
como las principales herramientas de
apoyo a esta cultura dentro de Grupo
Salinas.
01 UX
Fundamentos UX
¿Qué es una Experiencia?
¿Qué es UX?
6
Fundamentos UX
¿Qué es una experiencia?
➔ La experiencia está relacionada con el acto de intentar,
o la práctica prolongada que proporciona conocimiento
o habilidad para hacer algo.
➔ Puede también entenderse como el hecho de haber
sentido, conocido o presenciado algo.
7
Fundamentos UX
¿Cuáles han sido tus mejores Experiencias?
8
Fundamentos UX
¿Cuáles han sido tus mejores Experiencias?
9
Fundamentos UX
¿Cuáles han sido tus mejores Experiencias?
10
Fundamentos UX
¿Cuáles han sido tus mejores Experiencias?
11
Fundamentos UX
¿Qué es USER EXPERIENCE (UX)?
➔ Definida por Marcin Treder, autor del libro “UX Design
para Startups”, como:
Una disciplina centrada en el diseño final de una
experiencia con un determinado producto, que es usable
en su interacción, trae buenas reacciones, es funcional,
personalizable y predictivo.
12
Fundamentos UX
¿Qué es USER EXPERIENCE (UX)?
➔ La experiencia de usuario o UX es el conjunto de
factores relacionados con la interacción entre el usuario
y los diferentes elementos del proceso
[Link]
13
Fundamentos UX
¿Qué es USER EXPERIENCE (UX)?
➔ Una experiencia completa no solo se basa en tecnología
sino también en diseño, navegabilidad y la cercanía con
el producto.
➔ No obstante, hoy por hoy muchas personas no saben
qué es Experiencia de Usuario y confunden este término
con usabilidad o con arquitectura de información, creen
que son sinónimos.
15
Fundamentos UX
¿Qué es USER EXPERIENCE (UX)?
16
Fundamentos UX
Ciencia
Arte
Creatividad UX Pensamiento
Analítico
“Los diseñadores de Experiencia de Usuario usan el
conocimiento y los métodos que provienen de la psicología,
antropología, sociología, ciencia computacional, diseño
gráfico, diseño industrial y ciencia cognitiva (…)
17
Fundamentos UX
UX es diseñar productos o servicios con un análisis profundo
sobre las necesidades que tienen los usuarios y la manera
como se puede resolver, no solamente desde la visión del
profesional sino también con el acompañamiento del usuario.
18
Fundamentos UX
Experiencia de Usuario es la forma
como interactuamos con cualquier
producto diseñado por el ser humano,
desde un lapicero hasta un celular.
Eso es la experiencia, los sentimientos
que tenemos al interactuar con un
producto.
19
Fundamentos UX
Factores de UX
Útil
Deseable Usable
Creíble
UX Encontrable
Accesible Valorable
20
Todo lo que debes saber sobre Experiencia de Usuario ([Link])
02 Usabilidad
Fundamentos UX
Usabilidad
Jakob Nielsen
Reconocido como el “Gurú de la Usabilidad” por el
New York Times, definió la usabilidad como el atributo
de calidad que mide lo fáciles que son de usar las
interfaces
22
Fundamentos UX
Usabilidad
“Es la calidad de la experiencia del usuario cuando
interactúa con productos o sistemas, incluyendo
sitios web, software, dispositivos o aplicaciones.
Usabilidad se trata de efectividad, eficiencia y en
general, la satisfacción del usuario”.
Según [Link]
23
Fundamentos UX
Usabilidad
Lo que hace algo usable es la
"Ausencia de Frustración" al usarlo
24
Fundamentos UX
Componentes
La usabilidad está creada con la intención de medir la facilidad con la
que las personas utilizan una interfaz determinada.
Para lograr mejorarla existen 5 componentes.
1 2 3 4 5
25
Fundamentos UX
Usabilidad
1) Facilidad de aprendizaje
Se trata de un punto muy importante, ya que esto es lo
que te va a permitir descubrir qué tan fácil es para las
personas llevar a cabo todas las acciones que necesiten al
momento de acceder a tu página web o aplicación,
producto o servicio.
26
Fundamentos UX
Usabilidad
2) Eficiencia
Una vez que los usuarios hayan ingresado a tu interfaz y ya
conocen el diseño de la misma, el paso a seguir es
ofrecerle la rapidez necesaria para que puedan realizar
todas sus acciones y tareas; sin ningún inconveniente que
los limite a poder hacerlo.
27
Fundamentos UX
Usabilidad
3) Memorabilidad
Este punto está relacionado con la facilidad que existe en
recordar el sistema cuando se pasa mucho tiempo sin
ingresar en él.
28
Fundamentos UX
Usabilidad
4) Errores
Este componente te permitirá saber cuáles son los errores
que tiene tu plataforma; algo que se verá reflejado a través
del comportamiento que tengan tus usuarios cuando
ingresen a ella. Esto te permitirá evaluar su gravedad, para
buscar una pronta solución.
29
Fundamentos UX
Usabilidad
5) Satisfacción
Para finalizar, el punto de satisfacción está totalmente
relacionado a la experiencia de usuario que tienen al
utilizar la plataforma. Esto determinará cuál es la calidad
que le estás ofreciendo a las personas que ingresan a la
interfaz.
30
Fundamentos UX
Usabilidad
La usabilidad se mide en función de lo fácil e intuitiva que
sea esta de manejar.
Se mide por tres factores:
Eficiencia Eficacia Satisfacción
31
Usabilidad Fundamentos UX
Eficiencia: el usuario satisface la necesidad de su
búsqueda.
Eficacia: el usuario logra rápidamente alcanzar su
cometido.
Satisfacción: el usuario se sintió agradable al navegar
por el sitio web.
32
Usabilidad Fundamentos UX
Catástrofes por un mal diseño de interfaz | UX
Casos de la vida real
[Link]
[Link]
33
03 Fundamentos al
Diseño
Fundamentos UX
Fundamentos de Diseño
Los fundamentos del diseño son la base de todos los
elementos visuales, están en el arte en el diseño web e
incluso en pequeños detalles como las tipografías.
El diseño es algo más que…
¡Has algo bonito!
El diseño es resolver problemas.
Un diseñador piensa, analiza el problema y da una solución
35
Fundamentos UX
Fundamentos de Diseño
[Link]
36
04 Accesibilidad
Fundamentos UX
Accesibilidad
La accesibilidad consiste en desarrollar productos que
puedan ser utilizados por el mayor número de usuarios con
necesidades específicas.
Estas necesidades pueden deberse a limitaciones derivadas
del entorno, o de dificultades visuales, auditivas, motrices y
neurológicas.
38
Fundamentos UX
Accesibilidad
Establece normas específicas (regulaciones), para crear
plataformas que puedan ser consumidas por cualquier persona,
desde cualquier dispositivo.
Considera las condiciones especiales de movimiento, percepción, o
cognición de los usuarios.
También contempla las particularidades del entorno, como la
luminosidad, el ruido del ambiente, idioma o lenguaje técnico.
39
Fundamentos UX
Principios accesibilidad
Perceptible Operable Comprensible Robusto
40
05 Arquitectura de
la Información
Arquitectura de información / Introducción
Imagina manejar tu auto sin tener a la vista el nombre de las
calles o señalética que te indique en dónde estás o para
dónde debes ir.
Arquitectura de información / Introducción
O imagina encontrarte recorriendo
el supermercado y que en el
anaquel de los detergentes y
limpiadores, en la parte de abajo
hayan jitomates…
Fundamentos UX
Arquitectura de la Información
La arquitectura de información es la disciplina que se dedica al análisis,
organización y estructuración del contenido que conforma un
producto o servicio digital con el objetivo de brindar una buena
experiencia a los usuarios y facilitar el cumplimiento de una tarea.
Es un campo que muchos consideran técnico pero que resulta ser el
centro en dónde radica que una experiencia sea usable, accesible y
que genere valor para los usuarios.
44
Fundamentos UX
Componentes de la AI
La arquitectura de información tiene como objetivo que el usuario pueda
usar, encontrar, aprender y descubrir información. Por lo tanto, la práctica se
basa en:
1. Organización
1. Etiquetado
1. Navegación
1. Búsqueda
45
Fundamentos UX
Métodos y herramientas dentro de la AI
1.- Card sorting
2.- Diagramas de flujo
3.- Inventario de contenidos
4.- Mapa de sitio
5.- Wireframes
46
Ejercicio Fundamentos UX
Es momento de hacer propuestas de mejora sobre una experiencia de usuario, por lo
tanto:
1) Es el momento de volver a ser niños y niñas y dejar volar la imaginación que teníamos
a esa edad
2) Usen la creatividad para crear un producto o servicio que cambie la vida a los clientes
de Grupo Salinas. No hay límites de recursos, ni restricción alguna
3) Conversa en equipo y mencionen ideas para que esa creación genere una
experiencia inolvidable
47
Co- creando experiencias de aprendizaje
¡Gracias!
Contacto
agilesazteca@[Link]
