Download - UX no es lo mismo que UI
![Page 1: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/1.jpg)
UX no es lo mismo que UINARANYA*LABS, MAYO 2014
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 2: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/2.jpg)
- Estratega UX !- Founder en Karmashop !- Ex Oracle (UX Fusion apps) !- Egresada de UDEM (LDG, EME) !- He trabajado para clientes como Infonavit, Alen, Frisa, Grainger, Gobierno N.L, Tec de Monterrey... !- Amo el té y leer
QUIEN SOY
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 3: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/3.jpg)
TEMA 1. Que es User Experience (UX)
TEMA 2. Los 10 errores comunes en UX
TEMA3. Los 10 errores comunes de UI en móviles
Preguntas
TEMARIO
![Page 4: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/4.jpg)
Que es User Experience (UX)
TEMA 1.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 5: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/5.jpg)
Si pudieran elegir dónde sentarse
ahora...¿Cuál de las dos elegirían?
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 6: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/6.jpg)
vs.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 7: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/7.jpg)
¿Cierto?
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
FUNCIONALIDAD + ESTÉTICA
![Page 8: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/8.jpg)
UX es la filosofía de creación de un
producto o servicio.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 9: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/9.jpg)
No depende solo de factores de diseño,
sino en las emociones y sentimientos que crea una marca...
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 10: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/10.jpg)
en lo más importante:
sus USUARIOS.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 11: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/11.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
EJEMPLO
YOUTUBE: FAST LANE - THE SLIDE
![Page 12: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/12.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
EJEMPLO
YOUTUBE: MAQUINA DE LA AMISTAD COCA-COLA
![Page 13: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/13.jpg)
¿Qué emociones les causaron las marcas?
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 14: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/14.jpg)
Entonces, ¿Qué es experiencia?
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 15: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/15.jpg)
Usos inesperados
EXPERIENCIA
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Detalles
Subjetiva
Memorias
AprendizajesSabiduría
Sorpresas
![Page 16: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/16.jpg)
UX
EXPERIENCIA
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
DESEABLE
USABLE
ÚTIL
NNGROUP 2008
![Page 17: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/17.jpg)
La usabilidad es UN atributo de la
experiencia de usuario
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 18: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/18.jpg)
y se refiere a la facilidad de uso… pero
OJO no es = a UX
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 19: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/19.jpg)
Es la percepción de que tan consistente, organizado, eficiente, productivo, fácil de usar e intuitivo es el proceso de completar una tarea en particular dentro de un sistema.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
USABILIDAD
![Page 20: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/20.jpg)
![Page 21: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/21.jpg)
Pero frecuentemente nos quedamos aquí…
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 22: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/22.jpg)
UX
EXPERIENCIA
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
DESEABLE
USABLE
ÚTIL
NNGROUP 2008
![Page 23: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/23.jpg)
UX no es una etapa más al desarrollar un
producto…
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 24: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/24.jpg)
Es entender: LA SITUACIÓN
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 25: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/25.jpg)
Es entender: EL CONTEXTO
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 26: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/26.jpg)
Es entender: LOS HÁBITOS DE USO
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 27: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/27.jpg)
…de un determinado grupo de personas
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 28: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/28.jpg)
Centrado en el diseñador
Centrado en el USUARIO
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 29: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/29.jpg)
UI: USER INTERFACE CON LO QUE INTERACTÚA
UX: USER EXPERIENCE, QUE SIENTE MIENTRAS INTERACTÚA
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 30: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/30.jpg)
TOMADO DE WWW.UXISNOTUI.COM
• Investigación etnográfica • Entrevistas 1-1 • Creación de test con usuarios • Recolección y organización de estadísticas • Creación de personas • Diseño de producto • Escritura de funcionalidades • Artes gráficas • Diseño de interacción • Arquitectura de información • Usabilidad • Prototipado • Diseño de interfaz • Diseño visual • Creación de taxonomía • Creación de terminología • Copywriting • Presentar y hablar • Trabajo en conjunto con programadores • Coordinación de brainstorming • Evangelización de cultura de diseño
Lo que es UX
• Investigación etnográfica • Entrevistas 1-1 • Creación de test con usuarios • Recolección y organización de estadísticas • Creación de personas • Diseño de producto • Escritura de funcionalidades • Artes gráficas • Diseño de interacción • Arquitectura de información • Usabilidad • Prototipado • Diseño de interfaz • Diseño visual • Creación de taxonomía • Creación de terminología • Copywriting • Presentar y hablar • Trabajo en conjunto con programadores • Coordinación de brainstorming • Evangelización de cultura de diseño
Lo que la gente cree
![Page 31: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/31.jpg)
Los 10 errores comunes en UX
TEMA 2.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 32: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/32.jpg)
No establecer objetivos del negocio
ERROR 1.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 33: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/33.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
![Page 34: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/34.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de tener claro:
¿Qué quiero lograr?
![Page 35: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/35.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
¿Aumentar las ventas un 10%? ¿Mayor alcance?
¿Canal de soporte?
![Page 36: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/36.jpg)
Establecer objetivos del negocio
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 1.
![Page 37: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/37.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Ofrecer personalización
NIKE:
![Page 38: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/38.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
12
ESTRATEGIA 1. Necesidades del usuario 2. Objetivos del negocio
![Page 39: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/39.jpg)
Desconocer a mis usuarios
ERROR 2.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 40: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/40.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
![Page 41: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/41.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de tener claro:
¿Quiénes son mis usuarios?
![Page 42: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/42.jpg)
Crear “PERSONAS” con sus hábitos de uso
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 2.
![Page 43: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/43.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Servicio de Taxi a domicilio
UBER:
![Page 44: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/44.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Cliente / Conductor
UBER:
![Page 45: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/45.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
12
ESTRATEGIA 1. Necesidades del usuario 2. Objetivos del negocio
![Page 46: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/46.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
3 4 ALCANCE 3. Especificaciones funcionales 4. Requerimientos de contenido
12
ESTRATEGIA 1. Necesidades del usuario 2. Objetivos del negocio
![Page 47: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/47.jpg)
No establecer escenarios de uso
ERROR 3.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 48: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/48.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
![Page 49: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/49.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de tener claro:
¿Dónde y cómo se usará mi producto?
![Page 50: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/50.jpg)
Crear escenarios de uso
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 3.
![Page 51: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/51.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Se mueve en una grúa
WMS:
![Page 52: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/52.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
3 4 ALCANCE 3. Especificaciones funcionales 4. Requerimientos de contenido
12
ESTRATEGIA 1. Necesidades del usuario 2. Objetivos del negocio
![Page 53: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/53.jpg)
Dar excesiva funcionalidad
ERROR 4.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 54: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/54.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
![Page 55: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/55.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de tener claro:
¿Cuáles son los usos comunes?
![Page 56: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/56.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Puedo dar funcionalidad avanzada, pero darle
prioridad a la más usada
![Page 57: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/57.jpg)
Establecer los usos comunes
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 4.
![Page 58: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/58.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Identificar música
SHAZAM:
![Page 59: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/59.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
3 4 ALCANCE 3. Especificaciones funcionales 4. Requerimientos de contenido
12
ESTRATEGIA 1. Necesidades del usuario 2. Objetivos del negocio
![Page 60: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/60.jpg)
No dar importancia a los contenidos
ERROR 5.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 61: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/61.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
![Page 62: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/62.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de tener claro:
¿Qué voy a comunicar?
![Page 63: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/63.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Y no sólo es texto, sino: imágenes, audio,
video, etc…
![Page 64: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/64.jpg)
Definir elementos de comunicación
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 5.
![Page 65: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/65.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
VirtualAudioFotos Texto
Call to Action
![Page 66: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/66.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
3 4 ALCANCE 3. Especificaciones funcionales 4. Requerimientos de contenido
12
ESTRATEGIA 1. Necesidades del usuario 2. Objetivos del negocio
![Page 67: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/67.jpg)
No hacer arquitectura de información
ERROR 6.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 68: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/68.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
![Page 69: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/69.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de tener claro:
¿Cómo se va a navegar?
![Page 70: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/70.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Por producto Por solución
Por categoría, etc…
![Page 71: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/71.jpg)
Hacer wireframes con flujos de navegación
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 6.
![Page 72: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/72.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 73: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/73.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
5 6 ESTRUCTURA 5. Diseño de interacción 6. Arquitectura de información
1
3 4
ESTRATEGIA 1. Necesidades del usuario 2. Objetivos del negocio
ALCANCE 3. Especificaciones funcionales 4. Requerimientos de contenido
![Page 74: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/74.jpg)
Pedir cosas innecesarias
ERROR 7.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 75: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/75.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
![Page 76: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/76.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de tener claro:
¿Qué necesito realmente?
![Page 77: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/77.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
¿Lo puedo pedir más tarde? ¿Edad?
¿Género? ¿Compañía?
![Page 78: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/78.jpg)
Establecer los campos indispensables
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 7.
![Page 79: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/79.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Registro MUY sencillo
MAILCHIMP:
![Page 80: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/80.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
5 6 ESTRUCTURA 5. Diseño de interacción 6. Arquitectura de información
1
3 4
ESTRATEGIA 1. Necesidades del usuario 2. Objetivos del negocio
ALCANCE 3. Especificaciones funcionales 4. Requerimientos de contenido
![Page 81: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/81.jpg)
Hacer zoom out de mi sitio web para móvil
ERROR 8.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 82: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/82.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
![Page 83: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/83.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de tener claro:
LEGIBILIDAD
![Page 84: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/84.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
¿Los objetivos desde móvil son los mismos
que desde web?
![Page 85: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/85.jpg)
Establecer objetivos para móvil
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 8.
![Page 86: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/86.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Scan & GoWALMART:http://www.jslpublishing.com/wal-mart-app-user-leaves-mobile-author-in-her-dust/
![Page 87: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/87.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
7 89
ESQUELETO7. Diseño de la interfaz 8. Diseño de navegación 9. Diseño de información
12
3 4
5 6
ESTRATEGIA 1. Necesidades del usuario 2. Objetivos del negocio
ALCANCE 3. Especificaciones funcionales 4. Requerimientos de contenido
ESTRUCTURA 5. Diseño de interacción 6. Arquitectura de información
![Page 88: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/88.jpg)
No diseñar la información
ERROR 9.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 89: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/89.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
![Page 90: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/90.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de tener claro:
¿Cómo puedo simplificar?
![Page 91: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/91.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
¿Necesito todos esos datos? ¿Puedo esconder algunos? ¿Puedo mostrar gráficas?
![Page 92: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/92.jpg)
Planear el diseño de información
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 9.
![Page 93: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/93.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Dashboard con analytics
COUNTLY:
![Page 94: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/94.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
7 89
ESQUELETO7. Diseño de la interfaz 8. Diseño de navegación 9. Diseño de información
12
3 4
5 6
ESTRATEGIA 1. Necesidades del usuario 2. Objetivos del negocio
ALCANCE 3. Especificaciones funcionales 4. Requerimientos de contenido
ESTRUCTURA 5. Diseño de interacción 6. Arquitectura de información
![Page 95: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/95.jpg)
No medir o probar con usuarios reales
ERROR 10.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 96: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/96.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
![Page 97: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/97.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de tener claro:
¿Fue fácil de usar?
![Page 98: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/98.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
¿La experiencia fue buena? ¿Hubo frustración?
¿Completaron las tareas?
![Page 99: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/99.jpg)
Hacer pruebas de usabilidad reales
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 10.
![Page 100: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/100.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Pruebas con usuarios REALES
![Page 101: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/101.jpg)
Los 10 errores comunes de UI en móviles
TEMA 3.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 102: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/102.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
12
3 4
5 6
7 89
10
ESTRATEGIA 1. Necesidades del usuario 2. Objetivos del negocio
ALCANCE 3. Especificaciones funcionales 4. Requerimientos de contenido
ESTRUCTURA 5. Diseño de interacción 6. Arquitectura de información
ESQUELETO7. Diseño de la interfaz 8. Diseño de navegación 9. Diseño de información
SUPERFICIE 10. Diseño visual
![Page 103: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/103.jpg)
Botones pequeños !
ERROR 1.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 104: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/104.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
![Page 105: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/105.jpg)
No dar feedback visual !
ERROR 2.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 106: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/106.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
![Page 107: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/107.jpg)
Excesivas notificaciones (push)
ERROR 3.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 108: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/108.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
![Page 109: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/109.jpg)
Tener un mal affordance !
ERROR 4.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 110: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/110.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
![Page 111: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/111.jpg)
INCONSISTENCIA !
ERROR 5.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 112: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/112.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
![Page 113: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/113.jpg)
Textos miniatura o ilegibles
ERROR 6.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 114: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/114.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
![Page 115: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/115.jpg)
Mal diseño de formularios
ERROR 7.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 116: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/116.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
![Page 117: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/117.jpg)
IGNORAR PATRONES !
ERROR 8.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 118: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/118.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
![Page 119: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/119.jpg)
Querer “innovar” en símbolos predefinidos
ERROR 9.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 120: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/120.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
![Page 121: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/121.jpg)
Uso incorrecto del color
ERROR 10.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 122: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/122.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
![Page 123: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/123.jpg)
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
12
3 4
5 6
7 89
10
ESTRATEGIA 1. Necesidades del usuario 2. Objetivos del negocio
ALCANCE 3. Especificaciones funcionales 4. Requerimientos de contenido
ESTRUCTURA 5. Diseño de interacción 6. Arquitectura de información
ESQUELETO7. Diseño de la interfaz 8. Diseño de navegación 9. Diseño de información
SUPERFICIE 10. Diseño visual
![Page 124: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/124.jpg)
¿Preguntas? !
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
![Page 125: UX no es lo mismo que UI](https://reader034.vdocuments.pub/reader034/viewer/2022042510/55827573d8b42adf088b46e5/html5/thumbnails/125.jpg)
Gracias :)¿QUIERES APLICAR LO QUE VIMOS? > UXSTARTUPS.COM
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR