Experiencia de usuario y Usabilidad. 1.¿Qué es The Social Experience? 2.Diseño centrado en el usuario (UCD) 3.Experiencia de usuario (UX) 4.Usabilidad

Experiencia de usuario y Usabilidad

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

¿Qué es The Social Experience?

Una consultora en Estrategia Digital, Experiencia de usuario

y Usabilidad.


¿Y eso qué es?


Esperamos que después de esta charla lo tengáis claro…!


Diseño centrado en el usuario (UCD)

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

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

Se basa en las necesidades e intereses del usuario, haciendo énfasis en la usabilidad y comprensión del producto:


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.

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 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.


Y esto… … ¿cómo lo

hacemos?

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

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.


De Hitz Kareaga


También es necesario contextualizar el momento actual…

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…

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

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

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

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/

¡Estamos ante un nuevo escenario!

¡Con nuevas formas de

comunicarnos, relacionarnos, experimentar y compartir!

Cambios dramáticos en la realidad del marketing

http://www.youtube.com/watch?v=Mc0ggyHcQBk&list=PL0ECF8CE3B1D178C3&index=8&feature=plpp_video

¡Ahora más que nunca lo que importa son las

personas!

Un nuevo enfoque centrado en la construcción de actividades alrededor

de las personas, así como la generación de experiencias e interacciones

positivas.

¡Engagement!¡La vinculación de los usuarios con tu

marca!

¿Y qué conseguimos si generamos experiencias positivas?

¡En este contexto la experiencia de usuario

cobra una nueva dimensión!

Experiencia de usuario

¿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.


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.


DesignforusersKris Colvin


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…


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.


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.


Usabilidad

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/services/user-experience-design/visual-design

“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

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

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

Usabilidad

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

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

Usabilidad y conversión

¡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?


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.


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.




Metodología TSE

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

¡Gracias!

- Twitter: @theSocialUX

- Facebook

- Google +:

- SlideShare

- Web: www.thesocialexperience.es

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

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. Nethttp://www.hipertext.net/web/pag206.htm#3


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


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


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


Usabilidad – Conversión-SEO Colombia - Usabilidad: Factores de conversión y su importanciahttp://www.seocolombia.com/blog/usabilidad-factores-de-conversion-y-su-importancia

-OptimizaClick - Conversión y usabilidad webhttp://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 ejemploshttp://www.ivoserrano.com/diseno-web/como-disenar-correctamente-una-landing-page-las-mejores-practicas-y-ejemplos


Experiencia de usuario y Usabilidad por The Social Experience se

encuentra bajo una Licencia:

Creative Commons Reconocimiento-CompartirIgual 3.0 Unported.

Documents

Experiencia de usuario y Usabilidad. 1.¿Qué es The Social Experience? 2.Diseño centrado en el usuario (UCD) 3.Experiencia de usuario (UX) 4.Usabilidad