¿Qué es la usabilidad? ¿En qué consiste la experiencia de usuario? El diseño centrado en el usuario ayuda a que plataformas digitales, aplicaciones web o de móvil, páginas web, etc. sean más fáciles de usar y más comprensibles.

1. Experiencia de usuario y Usabilidad

2. 1. ¿Qué es The Social Experience?
2. Diseño centrado en el usuario (UCD)
3. Experiencia de usuario (UX)
4. Usabilidad
5. Usabilidad y conversión
6. Metodología UX
Índice

3. ¿Qué es The Social Experience?

4. Una consultora en Estrategia
Digital, Experiencia de usuario y
Usabilidad.
¿Qué es The Social Experience?

5. ¿Y eso qué es?
¿Qué es The Social Experience?

6. Esperamos que después de esta
charla lo tengáis claro…! 
¿Qué es The Social Experience?

7. Diseño centrado en el usuario (UCD)

8. Empecemos por cómo sería un proceso de compra
online llevado a la vida “física/offline”.
http://www.youtube.com/watch?v=3Sk7cOqB9Dk&list=PLC34DC3AFD26EF033
&index=2&feature=plpp_video

9. Es una filosofía de diseño que
pretende crear:
Experiencias que van más allá de
los productos o servicios.
Un ambiente que se conecte a
nivel emocional con el usuario.
El Diseño Centrado en el Usuario (UCD)
Juicy Salif
Philippe Starck

10. Se basa en las necesidades e intereses del
usuario, haciendo énfasis en la usabilidad y
comprensión del producto:
El Diseño Centrado en el Usuario (UCD)
http://www.orangeaura.com/websites-and-people-
what-needs-to-be-considered/usability-accessibility/
- Habilidades y
necesidades del usuario.
- Contexto de uso.
- Tareas que va realizar.

11. Diseñar con el usuario final
permanentemente en el centro de la
atención.
Cada etapa del proceso de diseño y desarrollo de un
proyecto web debería considerar al usuario final mediante:
- Actividades que lo involucren.
- Técnicas que permitan tener una clara percepción de sus
necesidades y preferencias.
El Diseño Centrado en el Usuario (UCD)

12. El objetivo es diseñar un sitio web de forma que
sus usuarios puedan servirse de el con un
mínimo de estrés y un máximo de eficiencia.
El Diseño Centrado en el Usuario (UCD)

13. Y esto… … ¿cómo lo
hacemos?

14. ¿Sacamos la bola de cristal?.... ;P

15. Con un enfoque desde el inicio, recogiendo
datos de manera estructurada, sistemática y
objetiva, hacia:
 los usuarios internos y externos.
 las tareas que han de realizar con el
producto.
El Diseño Centrado en el Usuario (UCD)

16. De Hitz Kareaga
El Diseño Centrado en el Usuario (UCD)

17. También es necesario contextualizar
el momento actual…

18. La web 2.0 y los medios sociales forman parte
de nuestras vidas, están para quedarse y han
cambiado la forma en que trabajamos, vivimos,
aprendemos, nos comunicamos, nos divertimos…

19. El acceso multiplataforma y la difusión de los
smartphones y tablets no tiene marcha atrás.

20. Las personas colaboran e intercambian
información de forma ágil.

21. Los mercados se convierten en conversaciones y
ahora hablamos de reputación online.

22. También hay que hablar del consumidor de
nueva generación, informado, inteligente,
productor de información que ya no cree en la
publicidad.
http://likeiknowit.wordpress.com/2008/05/19/micro-interactions/

24. ¡Estamos ante un nuevo escenario!
¡Con nuevas formas de
comunicarnos, relacionarnos,
experimentar y compartir!

25. Cambios dramáticos en la realidad del marketing
http://www.youtube.com/watch?v=Mc0ggyHcQBk&list=PL0ECF8CE3B1D178C
3&index=8&feature=plpp_video

26. ¡Ahora más que nunca lo
que importa son las
personas!

27. Un nuevo enfoque centrado en la
construcción de actividades alrededor de
las personas, así como la generación de
experiencias e interacciones positivas.

28. ¡Engagement!
¡La vinculación de los usuarios con tu marca!
¿Y qué conseguimos si generamos
experiencias positivas?

29. ¡En este contexto la experiencia
de usuario cobra una nueva
dimensión!

30. Experiencia de usuario

31. ¿Qué es la experiencia de usuario?
La sensación, sentimiento y
satisfacción del usuario…
…respecto a un producto…
…resultado de interactuar con el
producto y su proveedor: la marca.
Experiencia de usuario

32. Las personas somos clientes, consumidores y
usuarios.
Y cómo tal, tenemos experiencias
con las marcas, sus productos y sus servicios.
Entender la UX desde una perspectiva global.
Experiencia de usuario

33. Designforusers
Kris Colvin
Experiencia de usuario

34. Conjunto de percepciones y sensaciones que
desarrolla un usuario durante su relación e
interacción con los elementos de tu identidad
digital, y en concreto con tu sitio web…
Experiencia de usuario

35. Concepto global que depende de numerosos
factores:
- Utilidad y valor del producto/servicio.
- Contenidos y servicios ofrecidos.
- Transmisión de valores de marca.
- Respuesta a las necesidades y expectativas de los
usuarios.
- Creatividad.
- Diseño visual.
- Usabilidad/ Arquitectura de la información consistente /
Navegación eficiente.
- Facilidad de aprendizaje y recuerdo.
Experiencia de usuario

36. Objetivos de su diseño:
- Homogeneización de las iniciativas online.
- Proyección de marca única y homogénea.
- Una experiencia de usuario global satisfactoria.
Experiencia de usuario

37. Usabilidad

38. Usabilidad
La usabilidad o “facilidad de uso” es una de las
facetas fundamentales que forma parte de la UX.
Pero no lo es todo, debemos cuidar todos los
aspectos de nuestro sitio web.
http://uxpassion.com/service
s/user-experience-
design/visual-design

39. “La usabilidad se basa en no
molestar ni hacer pensar en
exceso al navegante (Krug) y en
hacerle fácil y grata la
experiencia en el sitio web.”
Usabilidad

40. La clave de un sitio usable es que quien
navega por él consiga:
- Entender su estructura.
- Realizar con satisfacción aquello que
pretendía realizar.
Usabilidad

41. http://www.youtube.com/watch?v=VP_WHckrAX0
Usabilidad

42. Formal (ISO/IEC):
Usabilidad es la efectividad, eficiencia y satisfacción
con la que un producto permite alcanzar objetivos
específicos a usuarios específicos en un contexto de
uso específico.
Usabilidad

43. Eficacia Eficiencia
Satisfacción
Atributos
¿Consigo realizar la
comprar correctamente?
¿Cometo algún error o
todo sale bien a la primera?
¿Cuánto tardo en
realizar la compra?
¿Me ha parecido difícil?
¿Me he quedado con buena sensación?
¿Repetiré y recomendaré esta web?
Usabilidad

44. Usabilidad y conversión

45. ¡Mejorar nuestros ratios de conversión!
En nuestros procesos: tareas, registros, compras,
descargas, etc.
¿Y qué conseguimos si creamos un sitio web/aplicación
usable?
Usabilidad y conversión

46. La tasa de conversión es el porcentaje de visitantes que
ejecuta la acción: rellenan un formulario, se suscriben
(newsletter, feeds, canales 2.0, etc.) , descargan un demo,
etc.
Sitio web/aplicación usable  Alcanzar la máxima
conversión de los visitantes que llegan a mi sitio web.
Usabilidad y conversión

47. Los incrementos en los factores de conversión se
logran generalmente a través de mejoras en la
usabilidad de un sitio web.
Pero depende de emociones, motivaciones, grados
de receptividad del usuario o y factores externos.
Usabilidad y conversión

48. Usabilidad y conversión

49. Usabilidad y conversión

51. Metodología TSE

52. Test de usuario sobre prototipo de
baja fidelidad
Entrevistas internas stakeholders:
diagnostico situación, necesidades,
objetivos internos, etc..
Fase 1 – INVESTIGACION Y
ANALISIS
Definición PO / segmentos y
priorización
Detección necesidades: encuestas
online / focus / entrevistas…
Catalogación contenidos y servicios
Fase 2 – CONCEPTO Y
DISEÑO
E-branding: posicionamiento y
objetivos
Nuevo contenidos, servicios y
funcionalidades sitio web
Consultoría SEO
Sector: Benchmarking competencia,
buenas prácticas y tendencias.
Card sorting
Actualización catalogación contenidos
Árbol de contenidos
Prototipado navegable de baja
fidelidad
Fase 3 –DESARROLLO E
IMPLANTACION
Diseño visual
Desarrollo sitio web
Seguimiento UX
Test de usuario sobre sitio en
desarrollo / producción + ajustes
Implantación
Metodología TSE
Evaluación experto sitio web
Monitorización
Ajustes
Implantación

53. ¡Gracias!
- Twitter: @theSocialUX
- Facebook
- Google +:
- SlideShare
- Web: www.thesocialexperience.es

54. Libros:
- No me hagas pensar. Steve Krug
- El diseño de las cosas cotidianas. Donald. A Norman
- El diseño emocional. Donald A. Norman
- Revista de estrategia e Interacción: www.capire.info
- Juan Carlos Camus: www.usando.info
- Jorge Barahona: www.jbarahona.com
- Jesse Jame Garret : http://blog.jjg.net/
- Nacho Gil -Fundamentos para el diseño de la experiencia de usuario
online: http://www.slideshare.net/nachogil/elementos-de-la-experiencia-
de-usuario-online-0103
Bibliografía y referencias

55. Arquitectura de la información:
No sólo usabilidad: http://www.nosolousabilidad.com
- Arquitectura de Información: análisis histórico-conceptual - Rodrigo
Ronda León.
- Revisión de técnicas de arquitectura de información - Rodrigo Ronda
León.
- Diseño de Arquitecturas de Información: Descripción y Clasificación -
Yusef Hassan Montero y Ana Núnez Peña.
Métodos de arquitectura de la información - Mauricio Candamil Llano
http://www.slideshare.net/maocandamil/metodos-arquitectura-de-
informacion
Hipertexto. Net
http://www.hipertext.net/web/pag206.htm#3
Bibliografía y referencias

56. Arquitectura de Información y Diseño Centrado en el Usuario - Juan
David Saab:
http://www.slideshare.net/juansaab/arquitectura-de-informacin-y-dcu-
diseo-centrado-en-el-usuario
Arquitectura de información y su relación con el diseño estratégico -
Omar Sosa Tzec:
http://www.slideshare.net/Tzek/diseno-estratgico-y-arquitectura-de-
informacin
Entregables en un proceso de Arquitectura de Información - Astrolabio,
agencia web
http://www.slideshare.net/astromario/arquitectura-de-informacin-
entregables
Bibliografía y referencias

57. Experiencia de usuario y social media:
- Marco Gallen ¿Cómo aprovechar las redes sociales para mejorar la
experiencia de usuario? :
http://marcogallen.com/blog/usabilidad/%C2%BFcomo-aprovechar-las-
redes-sociales-para-mejorar-la-experiencia-de-usuario
- Roberto Igarza - experiencia de usuario: cómo las redes sociales amplifican
el descontento:
http://robertoigarza.wordpress.com/2009/08/10/experiencia-de-usuario-
como-las-redes-sociales-amplifican-el-descontento
- UX Matters - The Social Buzz: Designing User Experiences for Social Media:
http://www.uxmatters.com/mt/archives/2009/06/the-social-buzz-
designing-user-experiences-for-social-media.php
- UX Magazine - The evolved user experience: using social media
technologies to drive ux design and product strategy:
http://uxmag.com/strategy/the-evolved-user-experience
Bibliografía y referencias

58. Experiencia de usuario y social media:
- Simple Line Design - User Experience and Social Media Integration:
http://www.simplelinedesign.co.uk/blog/user-experience-and-social-
media-integration
- Joanna Pineda - Creating an Integrated, Layered User Experience Across
Your Social Media Pages: http://www.thematrixfiles.net/blog/creating-an-
integrated-layered-user-experience-across-your-social-media-pages
- Bob Murray - Social Media Within A User Experience Team:
http://blog.redweb.com/2010/04/01/social-media-within-a-user-
experience-team
- Javier Varela – Social Media Plan:
http://www.slideshare.net/javiervarela/social-media-plan-javier-varela-
jornadas
- Jerome Nadel: Digital UX Strategy:
http://www.slideshare.net/JeromeNadel/DigitalUXStrategyvFinalreduced
Bibliografía y referencias

59. Usabilidad – Conversión
- SEO Colombia - Usabilidad: Factores de conversión y su importancia
http://www.seocolombia.com/blog/usabilidad-factores-de-conversion-y-su-
importancia
- OptimizaClick - Conversión y usabilidad web
http://www.optimizaclick.com/conversion-web
- David Martin Morales - Usabilidad y Métricas enfocadas a la Conversión
(Editato)
http://marketing-on-line.blogspot.com/2009/06/usabilidad-y-metricas.html
- Iván Serrano - Cómo diseñar correctamente una Landing Page: las mejores
prácticas y ejemplos
http://www.ivoserrano.com/diseno-web/como-disenar-correctamente-una-
landing-page-las-mejores-practicas-y-ejemplos
Bibliografía y referencias

60. Experiencia de usuario y Usabilidad por The Social Experience se encuentra
bajo una Licencia:
Creative Commons Reconocimiento-CompartirIgual 3.0 Unported.