SlideShare a Scribd company logo
1 of 39
Download to read offline
10DIEZ TIPS
PARA MEJORAR LA
EXPERIENCIA
DE USUARIO
DE NUESTRAS
INTERFACES
PROTOTIPADO ÁGIL EN PAPEL
Y USABILITY TESTING:
VERONICA TRAYNOR
@verotraynor
coordinadora del laboratorio
de user research
multiplicaLAB DE @MULTIPLICA
DISEÑAR ux IMPLICA
comprender antropológicamente
a nuestros usuarios.
acercarnos
A ESOS BICHOS RAROS.
TIP 1: LA TÉCNICA “PERSONAS” NOS PUEDE
AYUDAR A ENTENDER CON EL EQUIPO
A QUIÉNes LEs ESTAMOS HABLANDO.
INTERNET
NEGOCIO
ANA
JUAN
LUIS MARÍA
PALABRAS QUE USAN
CONCEPTOS QUE CONOCEN
CONEXIÓN A INTERNET QUE TIENEN
INTERFACES PARECIDAS QUE ya
APRENDIERON A USAR
INTERACCIONES QUE ESPERAN
urgencia QUE AFECTA SU
ATENCIÓN, ETC. ETC.
FOCUS GROUPS
CON USUARIOS
FOCUS GROUPS
CON QUIENES
ESCUCHAN A
LOS USUARIOS
y se puede EMPEZAR A HACER
muy, pero muy fácil.
CON UNA IMÁGEN
Y BUSCAS
ESPACIO PARA EL
TEXTO O LOS
TEXTOS JEFF GOTHELF, “LEAN UX”
TIP 2: PARA VISUALIZAR LA BIG PICTURE,
PODEMOS PLANTEAR EL “USER JOURNEY”,
descrbiendo LAS NECESIDADES
Y los pains QUE AFECTAN a las personas
en CADA PASO.
ENCUESTAS ONLINE
FOCUS GROUPS
ETC. ETC.
USABILLA.COM
surveymonkey.com
ETC.
TIP 3: SI NOS ENFOCAMOS EN CAPTAR
LAS NECESIDADES Y LOS PAINS
de las personas,
PODEMOS SER MUCHO, pero mucho
MÁS EFECTIVOS
CUANDO DEFINIMOS QUÉ EXPERIENCIA
QUEREMOS generar (UX).
TIP 4: SI EMPEZAMOS DEFINIENDO QUÉ
EXPERIENCIA QUEREMOS generar (UX),
PODEMOS SER MUCHO MÁS ASERTIVOS
CUANDO DEFINIMOS Y PRIORIZAMOS
LAS FUNCIONALIDADES.
pero LA PREGUNTA de hoy ES,
¿CÓMO LOGRAMOS QUE LAS
FUNCIONALIDADES
SEAN FÁCILES DE APRENDER A USAR?
comprensión del uso
de una interfaz
tiempo
ESTA SERÍA
UNA CURVA DE
APRENDIZAJE.
comprensión del uso
de una interfaz
tiempo
CUANDO ALGUIEN
OPINA, ESTÁ EN
ESTE LUGAR.
comprensión del uso
de una interfaz
tiempo
CUANDO ALGUIEN
APRENDE, SE LO PUEDE
OBSERVAR ACÁ.
TIP 5: PARA OPTIMIZAR LA USABILIDAD,
NECESITAMOS OBSERVAR
a personas APRENDIENDO.
ENTONCES
¿POR DÓNDE EMPEZAMOS?
ESTO ES UN
PROTOTIPO.
ESTO ES UN
PROTOTIPO
MOBILE.
@8MANOS
PROTOTIPAR en papel ES unA FORMA
SENCILLA, RÁPIDA Y BARATA DE
EVALUAR NUESTRAS IDEAS EN UN DÍA.
CON ENCUESTAS
ONLINE, CON
ANÁLISIS DE LOS
CANALES DE
CONTACTO, ETC.
PROTOTIPAR ES UN
PARADIGMA
FILOSÓFICO DE
TRABAJO.
TIP 6: NECESITAMOS PROTOTIPAR
DE FORMA rápida PARA
NO ENAMORARNOS.
MOQUPS.COM
BALSAMIQ.COM
INVISION.COM
¡A MANO!
ETC.
TIP 7: SÓLO NECESITAMOS HACER loS
prototipos VEROSÍMLES PARA
QUE LOS USUARIOS PUEDAN
CREERSE LA ESCENA Y JUGAR.
¿CUÁL ES LA FORMA MÁS SENCILLA DE
de HACER usability testing?
LA TÉCNICA DE
OBSERVACIÓN
THINK ALOUD
NOS PERMITE CAPTAR
QUÉ elementos
DEBEMOS
OPTIMIZAR.
TIP 8: NECESITAMOS DEFINIR
LOS OBJETIVOS finales
QUE LES VAMOS A PLANTEAR A LOS
USUARIOS
para vER SI PUEDEN LOGRARLOS.
TIP 9: NECESITAMOS INVITAR
A SERES HUMANOS
(NO PROGRAMADORES NI DISEÑADORES)
INDIVIDUALMENTE PARA QUE
INTENTEN LOGRAR LOS OBJETIVOS Y
PODAMOS OBSERVARLOS.
TIP 10: el mayor desafío es
APRENDER A VER QUÉ
MICROELEMENTOS DE LA INTERACCIÓN,
GENERAN TROPIEZOS,
PARA PODER OPTIMIZARLOS.
y un USABILITY TESTING
CON PROTOTIPOS EN PAPEL,
se puede
EMPEZAR A HACER
muy, pero muy fácil.
todo sea
para que
logremos
simplificar
LA COMPRENSIÓN
DE nuestraS
interfaCES.
¡GRACIAS!
@verotraynor
coordinadora del laboratorio
de user research
multiplicaLAB DE @MULTIPLICA
méxico, 22 DE junio de 2015

More Related Content

Similar to 10 tips UX

Bitacora_EA3_1.pptx
Bitacora_EA3_1.pptxBitacora_EA3_1.pptx
Bitacora_EA3_1.pptxCataCifu
 
Estrategia En Redes Desarrollo Local
Estrategia En Redes Desarrollo LocalEstrategia En Redes Desarrollo Local
Estrategia En Redes Desarrollo LocalDesarrollo Carcaixent
 
Estrategia En Redes Desarrollo Local
Estrategia En Redes Desarrollo LocalEstrategia En Redes Desarrollo Local
Estrategia En Redes Desarrollo LocalDesarrollo Carcaixent
 
PPT NUMERO 13 UNIVERSIDAD CESAR VALLEJO PIURA
PPT NUMERO 13 UNIVERSIDAD CESAR VALLEJO PIURAPPT NUMERO 13 UNIVERSIDAD CESAR VALLEJO PIURA
PPT NUMERO 13 UNIVERSIDAD CESAR VALLEJO PIURAJUANAANALIGUERRAFALL1
 
Da costa delatorre_presentaciónfinal
Da costa delatorre_presentaciónfinalDa costa delatorre_presentaciónfinal
Da costa delatorre_presentaciónfinaljpdp93
 
User Research Day 2018 “Eye Tracking y Face Coding: la experiencia de usuario...
User Research Day 2018 “Eye Tracking y Face Coding: la experiencia de usuario...User Research Day 2018 “Eye Tracking y Face Coding: la experiencia de usuario...
User Research Day 2018 “Eye Tracking y Face Coding: la experiencia de usuario...User Research Day
 
Manual trabajo remoto: cómo trabajar a distancia manteniendo la cercanía
Manual trabajo remoto: cómo trabajar a distancia manteniendo la cercaníaManual trabajo remoto: cómo trabajar a distancia manteniendo la cercanía
Manual trabajo remoto: cómo trabajar a distancia manteniendo la cercaníaDanielHalpern8
 
Manual trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?
Manual trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?Manual trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?
Manual trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?DanielHalpern8
 
Manual de trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?
Manual de trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?Manual de trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?
Manual de trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?Daniel Halpern
 
Ensayo de la evolucion de la web
Ensayo de la evolucion de la web Ensayo de la evolucion de la web
Ensayo de la evolucion de la web LeydiGuaman1
 
Presentacion 3.ppt
Presentacion 3.pptPresentacion 3.ppt
Presentacion 3.pptmirthala22
 
Escamilla hernadez zeidy_m1s4_proyecto integrador
Escamilla hernadez zeidy_m1s4_proyecto integradorEscamilla hernadez zeidy_m1s4_proyecto integrador
Escamilla hernadez zeidy_m1s4_proyecto integradorHakurei Kai
 
Lean UX 2.0 usando Microvalidaciones
Lean UX 2.0 usando MicrovalidacionesLean UX 2.0 usando Microvalidaciones
Lean UX 2.0 usando MicrovalidacionesSergio Nouvel Castro
 

Similar to 10 tips UX (20)

Bitacora_EA3_1.pptx
Bitacora_EA3_1.pptxBitacora_EA3_1.pptx
Bitacora_EA3_1.pptx
 
Estrategia En Redes Desarrollo Local
Estrategia En Redes Desarrollo LocalEstrategia En Redes Desarrollo Local
Estrategia En Redes Desarrollo Local
 
Estrategia En Redes Desarrollo Local
Estrategia En Redes Desarrollo LocalEstrategia En Redes Desarrollo Local
Estrategia En Redes Desarrollo Local
 
Introduccion a los casos de uso
Introduccion a los casos de usoIntroduccion a los casos de uso
Introduccion a los casos de uso
 
PPT NUMERO 13 UNIVERSIDAD CESAR VALLEJO PIURA
PPT NUMERO 13 UNIVERSIDAD CESAR VALLEJO PIURAPPT NUMERO 13 UNIVERSIDAD CESAR VALLEJO PIURA
PPT NUMERO 13 UNIVERSIDAD CESAR VALLEJO PIURA
 
Da costa delatorre_presentaciónfinal
Da costa delatorre_presentaciónfinalDa costa delatorre_presentaciónfinal
Da costa delatorre_presentaciónfinal
 
Apps como estrategia de servicio al cliente
Apps como estrategia de servicio al clienteApps como estrategia de servicio al cliente
Apps como estrategia de servicio al cliente
 
Pre4
Pre4Pre4
Pre4
 
Human centered design
Human centered designHuman centered design
Human centered design
 
User Research Day 2018 “Eye Tracking y Face Coding: la experiencia de usuario...
User Research Day 2018 “Eye Tracking y Face Coding: la experiencia de usuario...User Research Day 2018 “Eye Tracking y Face Coding: la experiencia de usuario...
User Research Day 2018 “Eye Tracking y Face Coding: la experiencia de usuario...
 
Usabilidad Temari
Usabilidad TemariUsabilidad Temari
Usabilidad Temari
 
Introduccion a los casos de uso
Introduccion a los casos de usoIntroduccion a los casos de uso
Introduccion a los casos de uso
 
Manual trabajo remoto: cómo trabajar a distancia manteniendo la cercanía
Manual trabajo remoto: cómo trabajar a distancia manteniendo la cercaníaManual trabajo remoto: cómo trabajar a distancia manteniendo la cercanía
Manual trabajo remoto: cómo trabajar a distancia manteniendo la cercanía
 
Manual trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?
Manual trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?Manual trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?
Manual trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?
 
Manual de trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?
Manual de trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?Manual de trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?
Manual de trabajo remoto: ¿Cómo trabajar a distancia manteniendo la cercanía?
 
Ensayo de la evolucion de la web
Ensayo de la evolucion de la web Ensayo de la evolucion de la web
Ensayo de la evolucion de la web
 
Presentacion 3.ppt
Presentacion 3.pptPresentacion 3.ppt
Presentacion 3.ppt
 
Escamilla hernadez zeidy_m1s4_proyecto integrador
Escamilla hernadez zeidy_m1s4_proyecto integradorEscamilla hernadez zeidy_m1s4_proyecto integrador
Escamilla hernadez zeidy_m1s4_proyecto integrador
 
La idea de negocio
La idea de negocioLa idea de negocio
La idea de negocio
 
Lean UX 2.0 usando Microvalidaciones
Lean UX 2.0 usando MicrovalidacionesLean UX 2.0 usando Microvalidaciones
Lean UX 2.0 usando Microvalidaciones
 

Recently uploaded

Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webDecaunlz
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenadanielaerazok
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfisrael garcia
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señorkkte210207
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digitalNayaniJulietaRamosRa
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdfedwinmelgarschlink2
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenajuniorcuellargomez
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdflauradbernals
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAdanielaerazok
 

Recently uploaded (9)

Buscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la webBuscadores, SEM SEO: el desafío de ser visto en la web
Buscadores, SEM SEO: el desafío de ser visto en la web
 
Institucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalenaInstitucion educativa la esperanza sede la magdalena
Institucion educativa la esperanza sede la magdalena
 
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdfNUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
NUVO PROGRAMAS DE ESCUELAS NUEVO-ACUERDO-CTE.pdf
 
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
02. Mr. Spencer (T.L. Sawn).pdf.libro de un señor
 
Las redes sociales en el mercado digital
Las redes sociales en el mercado digitalLas redes sociales en el mercado digital
Las redes sociales en el mercado digital
 
12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf12 Clasificacion de las Computadoras.pdf
12 Clasificacion de las Computadoras.pdf
 
institucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalenainstitucion educativa la esperanza sede magdalena
institucion educativa la esperanza sede magdalena
 
Guia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdfGuia para el registro en el sitio slideshare.pdf
Guia para el registro en el sitio slideshare.pdf
 
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENAINSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
INSTITUCION EDUCATIVA LA ESPERANZA SEDE MAGDALENA
 

10 tips UX