No maltrates a tus usuarios / clientes

w w w. l a n g p r o v i n g . c o m

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

Buenas prác t i ca s en di s eño de in ter face s web / móvi le s y la impor tancia de la s métr ica s de uso

# u x t e n e r i f e

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

Turawet

Web development

TRAYECTORIA ROMÉN RODRÍGUEZ

w w w. L i n k e d i n . c o m / i n / r o m e n r g

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

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

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

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

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

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

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!

¿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

¿QUÉ ES UX?

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

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

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

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

LECTURAS / CURSOS COMPLEMENTARIOS

¡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

¿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

No maltrates a tus usuarios / clientes

w w w. l a n g p r o v i n g . c o m

Romén Rodr íguez C E O - L a n g p r o v i n g

Buenas prác t i ca s en di s eño de in ter face s web / móvi le s y la impor tancia de la s métr ica s de uso

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