SlideShare una empresa de Scribd logo
UX no es lo
mismo que UI
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
@accantu
- Especialista UX
- Ex Oracle (UX Fusion apps)
- Egresada de UDEM (LDG, EME)
- He trabajado para clientes como
El Palacio de Hierro, Alen, Grainger,
Gobierno N.L, Tec de Monterrey...
SOBRE MI:
ANDREA CANTÚ
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Pueden seguirme
@accantu
blog.acantu.com
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
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
Que es User
Experience (UX)
TEMA 1.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
Si pudieran elegir
dónde sentarse
ahora...¿Cuál de las
dos elegirían?
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
vs.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
¿Cierto?
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
FUNCIONALIDAD + ESTÉTICA
@accantu
UX es la filosofía de
creación de un
producto o servicio.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
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 @accantu
en lo más
importante:
sus USUARIOS.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
EJEMPLO
YOUTUBE: FAST LANE - THE SLIDE
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
EJEMPLO
YOUTUBE: MAQUINA DE LA AMISTAD COCA-COLA
@accantu
¿Qué emociones les
causaron las marcas?
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
Entonces, ¿Qué es
experiencia?
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
Usos inesperados
EXPERIENCIA
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Detalles
Subjetiva
Memorias
Aprendizajes
Sabiduría
Sorpresas
@accantu
UX
EXPERIENCIA
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
DESEABLE
USABLE
ÚTIL
NNGROUP 2008
La usabilidad es UN
atributo de la
experiencia de usuario
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
y se refiere a la
facilidad de uso… pero
OJO no es = a UX
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
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
@accantu
Pero frecuentemente
nos quedamos aquí…
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
UX
EXPERIENCIA
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
DESEABLE
USABLE
ÚTIL
NNGROUP 2008
UX no es una etapa
más al desarrollar un
producto…
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
Es entender:
LA SITUACIÓN
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
Es entender:
EL CONTEXTO
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
Es entender:
LOS HÁBITOS DE USO
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
…de un determinado
grupo de personas
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
Centrado
en el
diseñador
Centrado
en el
USUARIO
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
UI: USER
INTERFACE
CON LO QUE
INTERACTÚA
UX: USER
EXPERIENCE,
QUE SIENTE
MIENTRAS
INTERACTÚA
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
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
Los 10 errores
comunes en UX
TEMA 2.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
No establecer
objetivos del negocio
ERROR 1.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de
tener claro:
¿Qué quiero lograr?
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
¿Aumentar las ventas un 10%?
¿Mayor alcance?
¿Canal de soporte?
@accantu
Establecer objetivos
del negocio
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 1.
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Ofrecer
personalización
NIKE:
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
1
2 ESTRATEGIA
1. Necesidades del usuario
2. Objetivos del negocio
Desconocer a
mis usuarios
ERROR 2.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de
tener claro:
¿Quiénes son mis usuarios?
@accantu
Crear “PERSONAS”
con sus hábitos de uso
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 2.
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Servicio de Taxi
a domicilio
UBER:
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Cliente /
Conductor
UBER:
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
1
2 ESTRATEGIA
1. Necesidades del usuario
2. Objetivos del negocio
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
3 4
ALCANCE
3. Especificaciones funcionales
4. Requerimientos de contenido
1
2 ESTRATEGIA
1. Necesidades del usuario
2. Objetivos del negocio
No establecer
escenarios de uso
ERROR 3.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de
tener claro:
¿Dónde y cómo se usará
mi producto?
@accantu
Crear escenarios
de uso
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 3.
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Se mueve en
una grúa
WMS:
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
3 4
ALCANCE
3. Especificaciones funcionales
4. Requerimientos de contenido
1
2 ESTRATEGIA
1. Necesidades del usuario
2. Objetivos del negocio
Dar excesiva
funcionalidad
ERROR 4.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de
tener claro:
¿Cuáles son los usos
comunes?
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Puedo dar funcionalidad
avanzada, pero darle
prioridad a la más usada
@accantu
Establecer los usos
comunes
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 4.
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Identificar
música
SHAZAM:
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
3 4
ALCANCE
3. Especificaciones funcionales
4. Requerimientos de contenido
1
2 ESTRATEGIA
1. Necesidades del usuario
2. Objetivos del negocio
No dar importancia a
los contenidos
ERROR 5.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de
tener claro:
¿Qué voy a comunicar?
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Y no sólo es texto, sino:
imágenes, audio,
video, etc…
@accantu
Definir elementos de
comunicación
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 5.
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
VirtualAudio
Fotos
Texto
Call to
Action
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
3 4
ALCANCE
3. Especificaciones funcionales
4. Requerimientos de contenido
1
2 ESTRATEGIA
1. Necesidades del usuario
2. Objetivos del negocio
No hacer arquitectura
de información
ERROR 6.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de
tener claro:
¿Cómo se va a navegar?
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Por producto
Por solución
Por categoría, etc…
@accantu
Hacer wireframes con
flujos de navegación
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 6.
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
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
Pedir cosas
innecesarias
ERROR 7.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de
tener claro:
¿Qué necesito realmente?
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
¿Lo puedo pedir más tarde?
¿Edad?
¿Género?
¿Compañía?
@accantu
Establecer los campos
indispensables
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 7.
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Registro MUY
sencillo
MAILCHIMP:
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
Hacer zoom out de mi
sitio web para móvil
ERROR 8.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de
tener claro:
LEGIBILIDAD
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
¿Los objetivos desde
móvil son los mismos
que desde web?
@accantu
Establecer objetivos
para móvil
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 8.
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Scan & GoWALMART:
http://www.jslpublishing.com/wal-mart-app-user-leaves-mobile-author-in-her-dust/
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
7 8
9 ESQUELETO
7. Diseño de la interfaz
8. Diseño de navegación
9. Diseño de información
1
2
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
No diseñar la
información
ERROR 9.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de
tener claro:
¿Cómo puedo simplificar?
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
¿Necesito todos esos datos?
¿Puedo esconder algunos?
¿Puedo mostrar gráficas?
@accantu
Planear el diseño de
información
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 9.
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Dashboard con
analytics
COUNTLY:
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
7 8
9 ESQUELETO
7. Diseño de la interfaz
8. Diseño de navegación
9. Diseño de información
1
2
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
No medir o probar con
usuarios reales
ERROR 10.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Error
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
SIEMPRE debo de
tener claro:
¿Fue fácil de usar?
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
¿La experiencia fue buena?
¿Hubo frustración?
¿Completaron las tareas?
@accantu
Hacer pruebas de
usabilidad reales
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
REGLA 10.
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
Pruebas con
usuarios REALES
Los 10 errores
comunes de UI
en móviles
TEMA 3.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
1
2
3 4
5 6
7 8
9
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
ESQUELETO
7. Diseño de la interfaz
8. Diseño de navegación
9. Diseño de información
SUPERFICIE 10. Diseño visual
Botones pequeños
ERROR 1.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
@accantu
No dar feedback visual
ERROR 2.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
@accantu
Excesivas
notificaciones (push)
ERROR 3.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
@accantu
Tener un mal
affordance
ERROR 4.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
@accantu
INCONSISTENCIA
ERROR 5.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
@accantu
Textos miniatura
o ilegibles
ERROR 6.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
@accantu
Mal diseño de
formularios
ERROR 7.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
@accantu
IGNORAR PATRONES
ERROR 8.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
@accantu
Querer “innovar” en
símbolos predefinidos
ERROR 9.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
@accantu
Uso incorrecto
del color
ERROR 10.
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR @accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
NO SI
@accantu
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR
PLANOS UX
J.J. GARRETT 2002
1
2
3 4
5 6
7 8
9
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
ESQUELETO
7. Diseño de la interfaz
8. Diseño de navegación
9. Diseño de información
SUPERFICIE 10. Diseño visual
¡Gracias!
@accantu
blog.acantu.com
NO UTILIZARSE O DISTRIBUIRSE SIN PERMISO DEL AUTOR

Más contenido relacionado

La actualidad más candente

UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
Madhuri Garg
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
iFactory Digital
 
UX Design Process
UX Design ProcessUX Design Process
UX Design Process
Rıza Selçuk Saydam
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
Chris Feix
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
aayush_jain_87
 
Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013
Gabriel Celemin
 
Hablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerHablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designer
José Ma. Medina
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
Mithilesh Mandal
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
CHI UX Indonesia
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
Inova LLC
 
Ui design
Ui designUi design
Ui design
Bart Van Hecke
 
Introduction to UX Design
Introduction to UX DesignIntroduction to UX Design
Introduction to UX Design
Bill Tribble
 
Ux design process
Ux design processUx design process
Ux design process
Junying Chang
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
RiniyaMary
 
What is UX design?
What is UX design? What is UX design?
What is UX design?
Kristen Hardy
 
[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction
Phuong Hoang Vu
 
UX and UI
UX and UIUX and UI
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
Bart Van Hecke
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
Marconi Pacheco
 
A (Brief) History of User Experience
A (Brief) History of User ExperienceA (Brief) History of User Experience
A (Brief) History of User Experience
Chris Pallé
 

La actualidad más candente (20)

UX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMeUX/UI design process - Studio CreativeMe
UX/UI design process - Studio CreativeMe
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
UX Design Process
UX Design ProcessUX Design Process
UX Design Process
 
Why UX #FAILS (with notes)
Why UX #FAILS (with notes)Why UX #FAILS (with notes)
Why UX #FAILS (with notes)
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013Introducción al Diseño de Experiencia del Usuario – UX2013
Introducción al Diseño de Experiencia del Usuario – UX2013
 
Hablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerHablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designer
 
User Centered Design
User Centered DesignUser Centered Design
User Centered Design
 
UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
Ui design
Ui designUi design
Ui design
 
Introduction to UX Design
Introduction to UX DesignIntroduction to UX Design
Introduction to UX Design
 
Ux design process
Ux design processUx design process
Ux design process
 
UI UX DESIGN.pptx
UI UX DESIGN.pptxUI UX DESIGN.pptx
UI UX DESIGN.pptx
 
What is UX design?
What is UX design? What is UX design?
What is UX design?
 
[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction[UX Series] 1 - UX Introduction
[UX Series] 1 - UX Introduction
 
UX and UI
UX and UIUX and UI
UX and UI
 
Intro to UX: Enterprise UX
Intro to UX: Enterprise UXIntro to UX: Enterprise UX
Intro to UX: Enterprise UX
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
A (Brief) History of User Experience
A (Brief) History of User ExperienceA (Brief) History of User Experience
A (Brief) History of User Experience
 

Destacado

UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 Minutos
Sol Mesz
 
15 errores comunes de ux en móviles (y cómo evitarlos)
15 errores comunes de ux en móviles (y cómo evitarlos)15 errores comunes de ux en móviles (y cómo evitarlos)
15 errores comunes de ux en móviles (y cómo evitarlos)
Andrea Cantú
 
Proceso de diseño UI/UX
Proceso de diseño UI/UXProceso de diseño UI/UX
Proceso de diseño UI/UX
Alvaro Bernal Nicolás
 
UX: Una disciplina para curiosos, inconformes y locos
UX: Una disciplina para curiosos, inconformes y locosUX: Una disciplina para curiosos, inconformes y locos
UX: Una disciplina para curiosos, inconformes y locos
Andrea Cantú
 
Color en diseño web
Color en diseño webColor en diseño web
Color en diseño web
Adriana Tienda
 
UX Creando Experiencias
UX Creando ExperienciasUX Creando Experiencias
UX Creando Experiencias
Leandro Butteri
 
Diseño ui/ux en iOS
Diseño ui/ux en iOSDiseño ui/ux en iOS
Diseño ui/ux en iOS
Izaskun Saez
 
Identidad, interfaz y usuario
Identidad, interfaz y usuarioIdentidad, interfaz y usuario
Identidad, interfaz y usuario
Lorena Hevia
 
Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y Usabilidad
Adriana Tienda
 
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB""Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
ogms
 
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- EspañolSimple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
Koombea
 
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacción
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacciónClase 7 - Interfaz de usuario, usabilidad y diseño de interacción
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacción
Daniel Carranza
 
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno WebLa Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
Juan Carlos Perez Gomez
 
Uso del color en el diseño web
Uso del color en el diseño webUso del color en el diseño web
Uso del color en el diseño web
CyberIntellix
 
Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visual
derrislema
 
Presentación Teoria Del Color
Presentación  Teoria Del  ColorPresentación  Teoria Del  Color
Presentación Teoria Del Color
guestc86401
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
Universidad Mesoamericana de San Agustín
 
Paginas de matematicas
Paginas de matematicasPaginas de matematicas
Paginas de matematicas
espanol
 

Destacado (18)

UX en 30 Minutos
UX en 30 MinutosUX en 30 Minutos
UX en 30 Minutos
 
15 errores comunes de ux en móviles (y cómo evitarlos)
15 errores comunes de ux en móviles (y cómo evitarlos)15 errores comunes de ux en móviles (y cómo evitarlos)
15 errores comunes de ux en móviles (y cómo evitarlos)
 
Proceso de diseño UI/UX
Proceso de diseño UI/UXProceso de diseño UI/UX
Proceso de diseño UI/UX
 
UX: Una disciplina para curiosos, inconformes y locos
UX: Una disciplina para curiosos, inconformes y locosUX: Una disciplina para curiosos, inconformes y locos
UX: Una disciplina para curiosos, inconformes y locos
 
Color en diseño web
Color en diseño webColor en diseño web
Color en diseño web
 
UX Creando Experiencias
UX Creando ExperienciasUX Creando Experiencias
UX Creando Experiencias
 
Diseño ui/ux en iOS
Diseño ui/ux en iOSDiseño ui/ux en iOS
Diseño ui/ux en iOS
 
Identidad, interfaz y usuario
Identidad, interfaz y usuarioIdentidad, interfaz y usuario
Identidad, interfaz y usuario
 
Introducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y UsabilidadIntroducción a Experiencia de usuario y Usabilidad
Introducción a Experiencia de usuario y Usabilidad
 
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB""Ejemplos de Diagrama y Elementos de las Paginas WEB"
"Ejemplos de Diagrama y Elementos de las Paginas WEB"
 
Simple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- EspañolSimple Steps to UX/UI Web Design- Español
Simple Steps to UX/UI Web Design- Español
 
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacción
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacciónClase 7 - Interfaz de usuario, usabilidad y diseño de interacción
Clase 7 - Interfaz de usuario, usabilidad y diseño de interacción
 
La Naturaleza Del Diseno Web
La Naturaleza Del Diseno WebLa Naturaleza Del Diseno Web
La Naturaleza Del Diseno Web
 
Uso del color en el diseño web
Uso del color en el diseño webUso del color en el diseño web
Uso del color en el diseño web
 
Comunicación Visual
Comunicación VisualComunicación Visual
Comunicación Visual
 
Presentación Teoria Del Color
Presentación  Teoria Del  ColorPresentación  Teoria Del  Color
Presentación Teoria Del Color
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 
Paginas de matematicas
Paginas de matematicasPaginas de matematicas
Paginas de matematicas
 

Similar a UX no es lo mismo que UI

Taller de Prototipos #DAIEU15 - Clase 01
Taller de Prototipos #DAIEU15 - Clase 01Taller de Prototipos #DAIEU15 - Clase 01
Taller de Prototipos #DAIEU15 - Clase 01
Rodrigo Vera
 
Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]
Treze Estudio
 
Desarrollar una idea negocio pensando en el usuario.
Desarrollar una idea negocio pensando en el usuario.Desarrollar una idea negocio pensando en el usuario.
Desarrollar una idea negocio pensando en el usuario.
Josafat Busio, PMP
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyecto
IxDA Mendoza
 
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
IxDA La Plata
 
Presentacion diseño apps
Presentacion diseño appsPresentacion diseño apps
Presentacion diseño apps
Ernesto Olmedo Pereira
 
Formando UXers del Más Allá
Formando UXers del Más AlláFormando UXers del Más Allá
Formando UXers del Más Allá
UX Nights
 
Ux writing
Ux writingUx writing
Ux writing
Tiago Archela
 
Deck UX Writing
Deck UX WritingDeck UX Writing
Deck UX Writing
ChristianMoretti3
 
UX para dispositivos móviles
UX para dispositivos móvilesUX para dispositivos móviles
UX para dispositivos móviles
Sandhy Vargas Cruz
 
Experiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoExperiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de uso
Percy Negrete
 
Ux en 30 minutos
Ux en 30 minutosUx en 30 minutos
Ux en 30 minutos
Sol Mesz
 
Rails girls ux workshop
Rails girls ux workshopRails girls ux workshop
Rails girls ux workshop
Andrés Max
 
INTRODUCCIÓN A LA USABILIDAD
INTRODUCCIÓN A LA USABILIDADINTRODUCCIÓN A LA USABILIDAD
INTRODUCCIÓN A LA USABILIDAD
Verónica Traynor
 
Emosido engañado - La gran mentira del diseño de UX y el User Centered Design
Emosido engañado - La gran mentira del diseño de UX y el User Centered DesignEmosido engañado - La gran mentira del diseño de UX y el User Centered Design
Emosido engañado - La gran mentira del diseño de UX y el User Centered Design
Sergio de la Casa
 
Documento - Webinar ux
Documento - Webinar uxDocumento - Webinar ux
Documento - Webinar ux
Carlos Martin
 
Diseño de interfaces móviles (UX y la arquitectura de software)
Diseño de interfaces móviles (UX y la arquitectura de software)Diseño de interfaces móviles (UX y la arquitectura de software)
Diseño de interfaces móviles (UX y la arquitectura de software)
jezabelink
 
Introducción a la Usabilidad
Introducción a la UsabilidadIntroducción a la Usabilidad
Introducción a la Usabilidad
Hernán Schmidt
 
VlC Testing 20: Propuesta ponencia shift left a11y
VlC Testing 20: Propuesta ponencia shift left a11yVlC Testing 20: Propuesta ponencia shift left a11y
VlC Testing 20: Propuesta ponencia shift left a11y
Lisandra Armas
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
The Social Experience
 

Similar a UX no es lo mismo que UI (20)

Taller de Prototipos #DAIEU15 - Clase 01
Taller de Prototipos #DAIEU15 - Clase 01Taller de Prototipos #DAIEU15 - Clase 01
Taller de Prototipos #DAIEU15 - Clase 01
 
Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]Workshop UX Design [UIXCode]
Workshop UX Design [UIXCode]
 
Desarrollar una idea negocio pensando en el usuario.
Desarrollar una idea negocio pensando en el usuario.Desarrollar una idea negocio pensando en el usuario.
Desarrollar una idea negocio pensando en el usuario.
 
Cómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyectoCómo prototipar exitosamente tu proyecto
Cómo prototipar exitosamente tu proyecto
 
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
Santiago Bustelo - Incorporando UX a Ingeniería de Software y Desarrollo de S...
 
Presentacion diseño apps
Presentacion diseño appsPresentacion diseño apps
Presentacion diseño apps
 
Formando UXers del Más Allá
Formando UXers del Más AlláFormando UXers del Más Allá
Formando UXers del Más Allá
 
Ux writing
Ux writingUx writing
Ux writing
 
Deck UX Writing
Deck UX WritingDeck UX Writing
Deck UX Writing
 
UX para dispositivos móviles
UX para dispositivos móvilesUX para dispositivos móviles
UX para dispositivos móviles
 
Experiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de usoExperiencia Usuaria, mas allá de la facilidad de uso
Experiencia Usuaria, mas allá de la facilidad de uso
 
Ux en 30 minutos
Ux en 30 minutosUx en 30 minutos
Ux en 30 minutos
 
Rails girls ux workshop
Rails girls ux workshopRails girls ux workshop
Rails girls ux workshop
 
INTRODUCCIÓN A LA USABILIDAD
INTRODUCCIÓN A LA USABILIDADINTRODUCCIÓN A LA USABILIDAD
INTRODUCCIÓN A LA USABILIDAD
 
Emosido engañado - La gran mentira del diseño de UX y el User Centered Design
Emosido engañado - La gran mentira del diseño de UX y el User Centered DesignEmosido engañado - La gran mentira del diseño de UX y el User Centered Design
Emosido engañado - La gran mentira del diseño de UX y el User Centered Design
 
Documento - Webinar ux
Documento - Webinar uxDocumento - Webinar ux
Documento - Webinar ux
 
Diseño de interfaces móviles (UX y la arquitectura de software)
Diseño de interfaces móviles (UX y la arquitectura de software)Diseño de interfaces móviles (UX y la arquitectura de software)
Diseño de interfaces móviles (UX y la arquitectura de software)
 
Introducción a la Usabilidad
Introducción a la UsabilidadIntroducción a la Usabilidad
Introducción a la Usabilidad
 
VlC Testing 20: Propuesta ponencia shift left a11y
VlC Testing 20: Propuesta ponencia shift left a11yVlC Testing 20: Propuesta ponencia shift left a11y
VlC Testing 20: Propuesta ponencia shift left a11y
 
Presentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º CursoPresentación Estudiantes Webmaster Area 2º Curso
Presentación Estudiantes Webmaster Area 2º Curso
 

Último

Cuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historiaCuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historia
DougliannyGarcia
 
ATREVÁMONOS A CONFIAR EN DIOS (21 DÍAS DE AYUNO 23).pdf
ATREVÁMONOS A CONFIAR EN  DIOS (21 DÍAS DE AYUNO 23).pdfATREVÁMONOS A CONFIAR EN  DIOS (21 DÍAS DE AYUNO 23).pdf
ATREVÁMONOS A CONFIAR EN DIOS (21 DÍAS DE AYUNO 23).pdf
ManuelHuanca5
 
Guia general para el diseño de sistemas de aguas blancas.pdf
Guia general para el diseño de sistemas de aguas blancas.pdfGuia general para el diseño de sistemas de aguas blancas.pdf
Guia general para el diseño de sistemas de aguas blancas.pdf
lunamaiguare
 
Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)
MilagrosSalavarra1
 
Distrito de Lima - Pueblo Libre - Analisis
Distrito de  Lima -  Pueblo Libre - AnalisisDistrito de  Lima -  Pueblo Libre - Analisis
Distrito de Lima - Pueblo Libre - Analisis
CarlitaChirito
 
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptxTIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
raulvedia2
 
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdfPresentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Rubi Caballero pizarro
 
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptxSESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
JoseJhonyAncajimaAnc
 
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GersonManuelRodrigue1
 
Arquitectura del sol 2002. Nfndndndnsnsnsns
Arquitectura del sol 2002. NfndndndnsnsnsnsArquitectura del sol 2002. Nfndndndnsnsnsns
Arquitectura del sol 2002. Nfndndndnsnsnsns
agudoitzel942
 
tipos de superficies para la aplicacion de diferentes tipos de pinturas.
tipos de superficies para la aplicacion de diferentes tipos de pinturas.tipos de superficies para la aplicacion de diferentes tipos de pinturas.
tipos de superficies para la aplicacion de diferentes tipos de pinturas.
cristianhenzi1
 
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIAACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
EmilyHumbria
 
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptxPlantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
carlosarmandocoronas
 
Inyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolinaInyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolina
worldmusic00
 
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
lucianolinovalle
 
ANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDAS
ANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDASANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDAS
ANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDAS
GyHConsGenerales
 
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
AMADO SALVADOR
 
Guia general para el diseño de sistemas de aguas blancas
Guia general para el diseño de sistemas de aguas blancasGuia general para el diseño de sistemas de aguas blancas
Guia general para el diseño de sistemas de aguas blancas
Akutagawa MiAmor
 
EXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptxEXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptx
raulvedia2
 
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptxVIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
belindaramirez10
 

Último (20)

Cuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historiaCuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historia
 
ATREVÁMONOS A CONFIAR EN DIOS (21 DÍAS DE AYUNO 23).pdf
ATREVÁMONOS A CONFIAR EN  DIOS (21 DÍAS DE AYUNO 23).pdfATREVÁMONOS A CONFIAR EN  DIOS (21 DÍAS DE AYUNO 23).pdf
ATREVÁMONOS A CONFIAR EN DIOS (21 DÍAS DE AYUNO 23).pdf
 
Guia general para el diseño de sistemas de aguas blancas.pdf
Guia general para el diseño de sistemas de aguas blancas.pdfGuia general para el diseño de sistemas de aguas blancas.pdf
Guia general para el diseño de sistemas de aguas blancas.pdf
 
Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)
 
Distrito de Lima - Pueblo Libre - Analisis
Distrito de  Lima -  Pueblo Libre - AnalisisDistrito de  Lima -  Pueblo Libre - Analisis
Distrito de Lima - Pueblo Libre - Analisis
 
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptxTIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
TIPOS Y CAUSAS DE DISCAPACIDAD VISUAL grupo 3.pptx
 
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdfPresentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
 
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptxSESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
 
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
 
Arquitectura del sol 2002. Nfndndndnsnsnsns
Arquitectura del sol 2002. NfndndndnsnsnsnsArquitectura del sol 2002. Nfndndndnsnsnsns
Arquitectura del sol 2002. Nfndndndnsnsnsns
 
tipos de superficies para la aplicacion de diferentes tipos de pinturas.
tipos de superficies para la aplicacion de diferentes tipos de pinturas.tipos de superficies para la aplicacion de diferentes tipos de pinturas.
tipos de superficies para la aplicacion de diferentes tipos de pinturas.
 
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIAACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
 
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptxPlantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
 
Inyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolinaInyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolina
 
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
Fundamentos Filosóficos de la Metodología de la Enseñanza y de los Recursos p...
 
ANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDAS
ANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDASANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDAS
ANALISIS DE COSTOS UNITARIOS DE PISTAS Y VEREDAS
 
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
 
Guia general para el diseño de sistemas de aguas blancas
Guia general para el diseño de sistemas de aguas blancasGuia general para el diseño de sistemas de aguas blancas
Guia general para el diseño de sistemas de aguas blancas
 
EXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptxEXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptx
 
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptxVIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
 

UX no es lo mismo que UI

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