1. No maltrates a tus usuarios /
clientes
w w w.lan g p rovin g .com
Romén Rodríguez
C E O - L a n g p r o v i n g
1 6 - 2 4 J u n i o , 2 0 1 4
Bu en a s prá c tic a s en dis eñ o de in terf a c es web /
mó viles y la impo rta n c ia de la s métric a s de u s o
# u x t e n e r i f e

2. SOBRE MI
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4

3. Turawet
Web development
TRAYECTORIA
ROMÉN RODRÍGUEZ
w w w.Lin ked in .com/ in /romen rg

4. ICE BREAKER ACTIVITY: ¡AHORA USTEDES!
EN PAREJAS DE DESCONOCIDOS: PRESENTA A TU COMPAÑERO/A Y DINOS PORQUÉ ESTÁ AQUÍ
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4

5. CONTENIDO DEL CURSO
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4

6. 1. Introducción: Buenas y malas prácticas (2,00 h)
2. Webs adaptativas: Responsive Web Design (RWD) (1,00 h)
3. Actividad práctica: Análisis colaborativo de casos de ejemplo (1,50 h)
4. Introducción a HTML y CSS y herramientas (Bootstrap, jQuery… ) (2,00 h)
5. Actividad : Desarrollo de interfaces para casos prácticos (3,00 h)
6. Actividad : Análisis colaborativo de las interfaces desarrolladas (2,00 h)
7. Actividad: Desarrollo de propuestas de nuevos diseños (2,00 h)
8. Actividad: Justificación de las nuevas propuestas y discusión (1,00 h)
9. Actividad : Preparación de un test A/B y para medir el uso (2,00 h)
10. Análisis de los resultados del test A/B (1,00 h)
11. Actividad: Discusión de los resultados y premio a mejor interfaz (1,50 h)
12. Bonus:Introducción a phantomJS y testing de UI (1,50 h)
CONTENIDO DEL CURSO

7. 1. Romén: Presentación del curso
2. Actividad: Elección de proyectos/grupos y propuesta inicial (wireframing)
3. Romén: Buenas y malas prácticas UX
4. Actividad: Debate sobre casos reales
5. Romén: Mobile UX + Webs adaptativas - Responsive Web Design (RWD)
6. Actividad: Mejora de la propuesta de cada grupo (UX y RWD)
7. Romén: Intro a HTML, CSS y otras herramientas (Bootstrap, jQuery… )
8. Actividad : Implementación de interfaces web para casos prácticos
9. Actividad : Análisis colaborativo de las interfaces web implementadas
10. Romén: Experimentos (tests A/B) con Vocabulary Notebook
11. Actividad: Desarrollo de propuestas de nuevos diseños por otro grupo
12. Actividad: Justificación de las nuevas propuestas y discusión
13. Romén: Intro a eventos de usuario y A/B Testing en Google Analytics
14. Actividad : Preparación de un test A/B y para medir el uso
15. Romén: Intro a los test de usabilidad presenciales
16. Romén: Bonus - Introducción a phantomJS y testing de UI
17. Análisis de los resultados del test A/B
18. Actividad: Discusión de los resultados y premio a mejor interfaz
19. Romén: Resumen y conclusiones
ORGANIZACIÓN

8. BACKGROUND
¿POR QUÉ ESTE CURSO?
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4

9. BACKGROUND : EL ENTORNO
Tradicionalmente, en nuestro entorno se ha menospreciado la
importancia de las interfaces de software y experiencia de
usuario:
Interfaz habitual de las
prácticas ETSII… Los
alumnos aprenden que
la interfaz no importa
Orientación del mercado a
servicios, no a productos. Diseño
guiado por funcionarios, directivos
y programadores; no por usuarios

10. BACKGROUND: NUEVAS TENDENCIAS
Agile Software Development
- Sé abierto a los cambios
- Automatiza el testing
- Haz iteraciones cortas
- Mejora continuamente
- Involucra al usuario- Sal del edificio (entra al mundo real)
- Pregunta a tus clientes
- Aprende de tus clientes
-Mayor orientación a producto
- Hay que vender!

11. ¿QUÉ ES UX?
USABILIDAD + DISEÑO + INGENIERÍA + MARKETING…
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4

12. ¿QUÉ ES UX?

13. EL CURSO EN POCAS PALABRAS:
“INTRO USER EXPERIENCE DESIGN FOR DIGITAL PRODUCTS…
… BASED ON DATA”
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4

14. EL CURSO EN POCAS PALABRAS
“The dumbest mistake is viewing design as something you do at the end of the
process to ‘tidy up’ the mess, as opposed to understanding it’s a ‘day one’ issue
and part of everything.” - Tom Peters (Journal of Business and Design, Vol 6, No. 1)
“Usability is critical for any application, but
for mass-market software, usability spells
success or failure more clearly than any
other feature.” - Dr. Jerrold Grochow, Chief
Technology Officer, American
Management Systems
“A bad web site is like a grumpy salesperson.” -
Jakob Nielsen, Web Usability Guru
“You are almost always wrong
about your users” - Manik
Rathee, User Experience
Engineer @Nest / @Google
“If you don’t talk to your customers, how will
you know how to talk to your customers?” –
Will Evans, Founder of LeanUXNYC, Prof. of
Design
“You’ve got to start with the customer experience
and work backwards to the technology.”
– Steve Jobs, Founder of Apple
“If we have data, let’s look at data. If all we have
are opinions, let’s go with mine.” – Jim Barksdale
CEO of Netscape Communications Corporation
“If you can’t measure it, it doesn’t exist.”
– Unknown Author

15. IF YOU CAN ONLY PICK TWO…
“You’ve got to start with the customer experience
and work backwards to the technology.”
– Steve Jobs, Founder of Apple
“If we have data, let’s look at data. If all we have
are opinions, let’s go with mine.”
– Jim Barksdale CEO of Netscape

16. LECTURAS / CURSOS COMPLEMENTARIOS
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4

17. LECTURAS / CURSOS COMPLEMENTARIOS

18. ¡MANOS A LA OBRA!
ESTE ES UN CURSO PRÁCTICO. DESARROLLAREMOS PROYECTOS EN GRUPO.
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4

19. ¿TRABAJAS EN ALGÚN PROYECTO?
¡APROVECHA ESTE CURSO Y PROPONLO PARA TU GRUPO!
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4

20. No maltrates a tus usuarios /
clientes
w w w.lan g p rovin g .com
Romén Rodríguez
C E O - L a n g p r o v i n g
Bu en a s prá c tic a s en dis eñ o de in terf a c es web /
mó viles y la impo rta n c ia de la s métric a s de u s o
# u x t e n e r i f e 1 6 - 2 4 J u n i o , 2 0 1 4