155
Marketing online Cómo vender en la red Experiencia de usuario y usabilidad Virginia Aguirre: @bubalie #bizbak2012

Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Marketing online – Cómo vender en la red

Experiencia de usuario y usabilidad

Virginia Aguirre: @bubalie

#bizbak2012

Page 2: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Empecemos por imaginar….

Page 3: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

… 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

Page 4: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Y ahora hablemos de lo que

constituye la base de todo:

¡El Diseño centrado en el usuario!

Page 5: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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

Page 6: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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.

Page 7: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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)

Page 8: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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)

Page 9: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Y esto… … ¿cómo lo

hacemos?

Page 10: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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

Page 11: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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)

Page 12: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

De Hitz Kareaga

El Diseño Centrado en el Usuario (UCD)

Page 13: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

También es necesario contextualizar

el momento actual…

Page 14: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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…

Page 15: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

El acceso multiplataforma y la difusión de los

smartphones y tablets no tiene marcha atrás.

Page 16: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Las personas colaboran e intercambian información

de forma ágil.

Page 17: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Los mercados se convierten en conversaciones y

ahora hablamos de reputación online.

Page 18: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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/

Page 19: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad
Page 20: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¡Estamos ante un nuevo

escenario!

¡Con nuevas formas de

comunicarnos, relacionarnos,

experimentar y compartir!

Page 21: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Cambios dramáticos en la realidad del marketing

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

Page 22: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¡Ahora más que nunca lo que

importa son las personas!

Page 23: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Un nuevo enfoque centrado en la

construcción de actividades alrededor de las

personas, así como la generación de

experiencias e interacciones positivas.

Page 24: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

- Generar nuevas formas de relacionarnos con

nuestros usuarios, clientes, consumidores.

- Buscar nuevas formas de transmitir mensajes.

- Potenciar la interacción del consumidor con la

marca a través de una experiencia directa.

- Conectar con el consumidor a través de la red.

Page 25: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¡Engagement!

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

¿Y qué conseguimos si generamos

experiencias positivas?

Page 27: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¡En este contexto la

experiencia de usuario cobra

una nueva dimensión!

Page 28: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Las personas somos clientes, consumidores y

usuarios…

Y cómo tal, tenemos experiencias

con las marcas, sus productos y sus

servicios….

Se generan micro interacciones con diferentes

facetas de la marca.

Page 29: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Designforusers

Kris Colvin

Page 30: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿Pero qué es la experiencia de

usuario?

Page 31: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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

Page 32: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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…

¿Qué es la experiencia de usuario?

Page 33: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿Qué es la experiencia de usuario?

Page 34: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Hoy en día, la experiencia de usuario online va

más allá de mi sitio web corporativo, integrando mi

presencia en los diferentes medios y canales 2.0,

pasando estos a conformar junto a nuestro sitio

web, nuestra presencia en Internet.

¿Qué es la experiencia de usuario?

Creándose así una identidad digital y

generando una experiencia de usuario

global.

Page 35: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Una experiencia positiva de usuario está en directa

relación con una percepción positiva de la marca.

¿Qué es la experiencia de usuario?

E branding / Branding 2.0 / UX 2.0 / Experiencias

sociales /Conexión emocional / Micro Interacciones.

Page 36: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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.

¿Qué es la experiencia de usuario?

Page 37: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

…el reflejo de nuestra marca en internet,

nuestro principal escaparate, nuestras oficinas

centrales en internet!!!

Nuestro sitio web es…

¿Qué es la experiencia de usuario?

Page 39: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿Qué es la experiencia de usuario?

Page 40: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿Qué es la experiencia de usuario?

Page 41: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿Qué es la experiencia de usuario?

Page 42: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿Qué es la experiencia de usuario?

Volvo:

Seguridad Cuadrado

Familias más agresivos…

Status

Alto precio

Page 43: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿Qué es la experiencia de usuario?

Page 44: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Concepto global que depende de numerosos factores:

- Utilidad y valor del producto/servicio.

- Respuesta a las necesidades y expectativas de los

usuarios.

- Contenidos y servicios ofrecidos.

- Transmisión de valores de marca.

- Creatividad.

- Diseño visual.

- Usabilidad/ Arquitectura de la información consistente

/ Navegación eficiente.

- Facilidad de aprendizaje y recuerdo.

¿Qué es la experiencia de usuario?

Page 45: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

La usabilidad o “facilidad de uso” es una de las

facetas fundamentales que forma parte de la UX.

¡Pero no lo es todo!

¿Qué es la experiencia de usuario?

Page 46: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

“Lo que no contaba era que diez años después, aún hubiera tanta gente que tuviera que ser educada (al respecto)".

• Adaptive Path: http://www.adaptivepath.com/

• Acuñador término “AJAX”

Los elementos de la experiencia de usuario -

Jesse James Garret

¿Qué es la experiencia de usuario?

Page 47: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad
Page 48: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Diseño de interfaz:

información + navegación

Diseño visual

Necesidades de usuario

Objetivos

Especificaciones funcionales

Necesidades de contenidos

Diseño de interacción

Arquitectura de información

¿Qué es la experiencia de usuario?

Page 49: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

La rueda de la experiencia del usuario - Francisco Tosete

Herranz

¿Qué es la experiencia de usuario?

Page 50: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

La rueda de la experiencia del usuario - Francisco

Tosete Herranz

Disciplinas vinculadas:

‐ Usabilidad.

‐ Accesibilidad.

‐ Diseño de información y diseño gráfico.

‐ Buscabilidad (Findabiliby).

‐ Arquitectura de la Información.

‐ Diseño de Interacción.

¿Qué es la experiencia de usuario?

Page 51: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Las facetas de la experiencia de usuario

• Semantic Studios

• Autor “Information

architecture”.

• Acuñador término “Findability”

Peter Morville

¿Qué es la experiencia de usuario?

Page 52: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿Qué es la experiencia de usuario?

Page 53: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Valor

Deseabilidad

Sistemas útiles aplicando el conocimiento del medio.

Utilidad

A través del valor de la imagen, de la identidad, de la marca

Ofrecer valor para el usuario

Credibilidad Generar confianza

¿Qué es la experiencia de usuario?

Page 54: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Encontrabilidad

La facilidad de uso es fundamental, pero es una faceta más.

Usabilidad

Capacidad de un objeto de ser localizado:

buscadores/SEO + mecanismos internos.

Acceso universal a la web

Accesibilidad

¿Qué es la experiencia de usuario?

Page 55: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿Y la Usabilidad…?

Page 56: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y 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

Page 57: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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

Usabilidad

Page 58: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

“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

Page 59: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Definición informal

Usabilidad se define coloquialmente como facilidad de

uso, ya sea de una página web, una aplicación

informática o cualquier otro sistema que interactúe con

un usuario.

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

Page 60: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y 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

Page 61: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Eficacia: Relacionado con el número de errores que comete el usuario

en la consecución de una tarea.

Eficiencia: Relacionado con el tiempo empleado por el usuario para la

consecución de la tarea.

Usabilidad

Page 62: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Satisfacción de uso:

Percepción del usuario respecto a la dificultad de

acometer la tarea.

Relacionado con que el sitio web sea subjetivamente

agradable.

Por satisfacción se entiende la ausencia de incomodidad

y la actitud positiva en el uso del producto.

Usabilidad

Page 63: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Usabilidad y conversión

Page 64: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¡Mejorar nuestros ratios de conversión!

En los procesos de nuestro sitio web: registros,

compras, descargas, etc.

¿Y qué conseguimos si creamos un sitio web usable?

Usabilidad y conversión

Page 65: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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 usable

- Alcanzar la máxima conversión de los visitantes que llegan

a mi sitio web.

- Convertirlos en el objetivo para el que fue diseñado el sitio.

Usabilidad y conversión

Page 66: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Ejemplo, una tienda online:

- Objetivo: vender por Internet.

- Factor de conversión: cantidad de ventas que consiga a

través de la página 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.

Usabilidad y conversión

Page 67: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Las acciones de Marketing online, la publicidad y demás

promociones y actividades que lanzamos dirigen tráfico a

nuestro sitio web:

Llevar a los usuarios encontrar contenidos de calidad

y atractivos, que satisfaga sus necesidades y

expectativas.

Crear páginas de aterrizaje (landing page) con una

buena UX/usabilidad, contenidos atractivos y claras

llamadas a la acción.

Testear, testear, testear, testear, testear, testear….:

Test A/B – multivariante.

Usabilidad y conversión

Page 68: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad
Page 69: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad
Page 70: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Técnicas y herramientas

Page 71: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

- Entrevistas.

- Focus group.

- Encuestas online.

- Monitorización Web

2.0 / redes sociales.

Indagación y

captación de

insights

Arquitectura de la

Información y Diseño

de interacción

- Personas y escenarios.

- Card sorting.

- Árboles de contenidos.

- Diagramas de flujo y

procesos clave.

- Prototipado

Medición y

evaluación de UX y

usabilidad

- Inspección

heurística.

- Test de usuario.

- Analítica web.

- Herramientas online

de testeo.

1 2 3

Técnicas y herramientas

Page 72: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

- Toma de requisitos.

- Recogida de información subjetiva.

- Preguntar y observar a los usuarios:

- Experiencias.

- Expectativas.

- Necesidades.

- Frustraciones.

- Grado de satisfacción.

- Contexto de uso, etc.

Técnicas y herramientas

1 Indagación y captación de insights

Page 73: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

- Encuestas: online rápidas y asequibles- según

proyecto.

- Entrevistas: stakeholders, usuarios, entender

procesos internos, etc.

- Focus group (grupos de discusión): reacciones

producto, servicio, concepto, publicidad, idea, etc.

- Web 2.0 y redes sociales: Investigación de tendencias,

mercado, consumidor, etc.

Técnicas y herramientas

1 Indagación y captación de insights

Page 74: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

1 Indagación y captación de insights

Técnicas y herramientas

Page 75: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

1 Indagación y captación de insights

Técnicas y herramientas

Page 76: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

1 Indagación y captación de insights

Técnicas y herramientas

Page 77: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

- ¡Google!

- Google alerts: monitorización resultados sobre un determinado tema

http://www.google.es/alerts

- Google Insights for search: tendencias de búsqueda

http://www.google.com/insights/search

- Google Blogs: blogs. http://www.google.es/blogsearch

- Technorati: blogs. http://technorati.com

- Touchgraph seo: relaciones en google. http://www.touchgraph.com/seo

- Samepoint: monitotización SSMM. http://www.samepoint.com

- How sociable: monitotización SSMM. http://www.howsociable.com/

- Addict-o-matic: monitorización SSMM http://addictomatic.com/

- Facebook Instant: búsquedas facebook. http://www.fbinstant.net/

- Topsy: Monitorización twitter (ahora tb Google +) http://topsy.com

- Twitter Search: búsquedas en twitter. https://twitter.com/#!/search-home

1 Indagación y captación de insights

Técnicas y herramientas

Page 78: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

1 Indagación y captación de insights

Técnicas y herramientas

Page 79: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

1 Indagación y captación de insights

Técnicas y herramientas

Page 80: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

1 Indagación y captación de insights

Técnicas y herramientas

Page 81: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

1 Indagación y captación de insights

Técnicas y herramientas

Page 82: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

1 Indagación y captación de insights

Técnicas y herramientas

Page 83: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

- Técnica “Personas”.

- Card sorting.

- Árboles de contenidos.

- Diagramas de flujo y procesos clave.

- Prototipado (wireframes) navegables, baja-alta fidelidad.

2 Arquitectura de la información y diseño de interacción:

Técnicas y herramientas

Page 84: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Técnicas y herramientas

Page 85: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

2 Arquitectura de la información y diseño de interacción:

Técnicas y herramientas

Técnica Personas

Page 86: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Card sorting

2 Arquitectura de la información y diseño de interacción

Técnicas y herramientas

Page 87: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Arbol de contenidos

(blueprints) - AI

2 Arquitectura de la información y diseño de interacción

Técnicas y herramientas

Page 88: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

2 Arquitectura de la información y diseño de interacción

Técnicas y herramientas

Page 89: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

2 Arquitectura de la información y diseño de

interacción:

Técnicas y herramientas

Page 90: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Diagrama de flujo – diseño de interacción

2 Arquitectura de la información y diseño de interacción

Técnicas y herramientas

Page 91: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Prototipado (wireframes)

2 Arquitectura de la información y diseño de interacción

Técnicas y herramientas

Page 92: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

2 Arquitectura de la información y diseño de interacción

Técnicas y herramientas

Page 93: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

2 Arquitectura de la información y diseño de interacción

Técnicas y herramientas

Page 94: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

2 Arquitectura de la información y diseño de interacción

Técnicas y herramientas

Page 95: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

2 Arquitectura de la información y diseño de interacción

Técnicas y herramientas

Page 96: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

2 Arquitectura de la información y diseño de interacción

Técnicas y herramientas

Page 97: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

2 Arquitectura de la información y diseño de interacción

Técnicas y herramientas

Page 98: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

2 Arquitectura de la información y diseño de interacción

Técnicas y herramientas

Page 99: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

- Inspección heurística por experto.

- Test de usuario.

- Análisis de clicks (clicktale, clickheat...)

- Predicción de atención visual (attentionwizard.com)

- Testeos de reconocimiento y recuerdo (5 second

test...)

3 Medición y evaluación de experiencia de usuario y usabilidad

Técnicas y herramientas

Page 100: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Evaluación heurística

3 Medición y evaluación de experiencia de usuario y usabilidad

Técnicas y herramientas

En 1990 Jakob Nielsen hizo un estudio sobre alrededor de 250 problemas típicos de usabilidad.

Los heurísticos son buenas prácticas que nacen como respuesta a los problemas más comunes de los usuarios.

Concluyo que podían agruparse en 11 categorías: 11 principios heurísticos.

Page 101: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Test de usuario

3 Medición y evaluación de experiencia de usuario y usabilidad

Técnicas y herramientas

Page 102: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

3 Medición y evaluación de experiencia de usuario y usabilidad

Técnicas y herramientas

Page 103: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

3 Medición y evaluación de experiencia de usuario y usabilidad

Técnicas y herramientas

Page 104: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Análisis de clicks

3 Medición y evaluación de experiencia de usuario y usabilidad

Técnicas y herramientas

Page 105: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Reconocimiento y recuerdo

3 Medición y evaluación de experiencia de usuario y usabilidad

Técnicas y herramientas

Page 106: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

3 Medición y evaluación de experiencia de usuario y usabilidad

Técnicas y herramientas

Page 107: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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 – ESTRATEGIA, CONCEPTO Y DISEÑO

E-branding: objetivos, posicionamiento, KW SEO, estra.

de contenidos

Estrategia de presencia en medios sociales

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 : BETA/ producción +

ajustes

Implantación

Evaluación experto sitio web

Monitorización / Analítica

Ajustes

Implantación

Aplicación: metodología de diseño UX

Técnica personas

Page 108: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Los principios heurísticos de usabilidad

Page 109: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

- Son teóricos pero flexibles.

- En cada caso concreto (objetivo, usuario y contexto) la aplicación del principio puede variar.

- Su extrapolación y comprensión permiten resolver cualquier casuística concreta.

- Vienen del análisis factorial de unos 250 problemas de usabilidad concretos (Jakob Nielsen).

- Los subheurísticos son aplicaciones concretas, observables, de los heurísticos.

Principios de usabilidad

Page 110: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

- ¿El propósito u objetivo del sitio web es claro y obvio? ¿Con un

simple vistazo a se sabe para qué sirve?

- ¿Se muestra de forma clara qué contenidos y servicios /

funcionalidades y acciones ofrece el sitio?

¿Se comunica de manera inmediata y clara el

propósito, objetivo y funciones de la página? 1

Principios de usabilidad

Page 111: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 112: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 113: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿Se ofrecen al usuario mecanismos y referencias

claras que le permitan orientarse fácilmente

(dónde están y qué están haciendo)?

¿Se mantienen informados a los usuarios acerca

de lo que está ocurriendo?

2 - Títulos: páginas, secciones, página o del paso (en un proceso)

- Ubicación de la página dentro de la estructura de información

- Rutas de navegación / migas de pan.

- Proceso: número de paso y pasos restantes

- Vínculos claramente identificables.

- Feedback : una acción en proceso /realizado con éxito o no.

Principios de usabilidad

Page 114: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Al pulsar el botón se sustituye

por una barra de progreso

Mensajes de feedback al

finalizar una tarea

La fortaleza de la contraseña

se muestra en tiempo real

Principios de usabilidad

Page 115: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 116: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 117: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿La página se adecua a los objetos mentales del

usuario, su lógica de la información, su terminología

y lenguaje?

¿La informacion se muestra en un orden lógico y

natural?

3 - Estructura y presentación de la información comprensible vs interna

de la organización. - Metáforas e iconos. - Nivel de conocimientos expuesto en la página vs user. - Palabras, frases y conceptos familiares. No utiliza jergas ni

tecnicismos. - Lenguaje claro y sencillo, una idea por párrafo. - Disposición de la información es asequible y de lectura rápida. - Información estructurada con títulos, negritas y viñetas.

Principios de usabilidad

Page 118: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 119: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 120: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿El sitio web permite al usuario interactuar con

el de manera fácil y productiva? 4 - Ver y seleccionar mejor que recordar y escribir.

- ¿Toda la información necesaria para la interacción se encuentra en la página? (La página no requiere recordar información de páginas previas para interactuar con ella.)

- ¿Es fácil reencontrar información previamente encontrada?

- Iconos que refuercen textos/contenidos.

- Información previamente seleccionada para evitar la petición de información de nuevo.

Principios de usabilidad

Page 121: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 122: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿Tiene el usuario control y libertad sobre la

interfaz?

¿Se han evitado las acciones intrusivas que lo

limiten?

5 - Evitar el inicio automático de inician acciones no ordenadas

explícitamente por el usuario.

- Animaciones no controladas por el usuario.

- Salida de la página, del proceso o de la estructura de información: desconectar, cancelar, inicio, etc.

- Vínculo que permite volver a la página de inicio.

- En caso de ser un proceso de varios pasos: posibilidad de volver al paso/s anteriores.

Principios de usabilidad

Page 123: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿Se mantiene la consistencia en las diferentes

páginas/secciones, etc. del sitio?

¿Se siguen los estándares "de facto“: la

estructuración páginas, buscador, logo, etc.? 6 - ¿Las etiquetas de los vínculos tienen los mismos nombres que los

títulos de las páginas a las que se dirigen?

- ¿Las mismas acciones llevan a los mismos resultados?

- ¿La misma información (texto) se expresa de la misma forma en toda la página?

- ¿La información esta organizada y es mostrada de manera similar en cada página?

- ¿Las áreas de navegación, herramientas de búsqueda, controles , etc. siguen los estándares comunes de mercado?

Principios de usabilidad

Page 124: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

http://www.somosflow.com/desktop/

Page 125: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

http://www.weshootbottles.com/

Page 126: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿El sitio web trata de prevenir posibles errores? 7 - ¿Se mantiene informado al usuario de lo que ocurre en el

sitio/aplicación? Por ejemplo, si el usuario tiene que esperar hasta

que se termine una operación, la página debe mostrar un mensaje

indicándole lo que está ocurriendo y qué debe esperar.

- ¿Se dan ejemplos o proporciona ayuda sobre cómo introducir

información en campos problemáticos?

- Priorizar la selección de información en campos dónde podrían darse

errores de escritura.

Principios de usabilidad

Page 127: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Hacer más relevante la acción primaria para evitar que la gente no se equivoque.

Otros ejemplos pueden ser poner el foco automáticamente el cajetín de búsqueda o los auto-recomendadores evitan también errores tipográficos en las búsquedas.

Principios de usabilidad

Page 128: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 129: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿La interfaz facilita y optimiza el acceso y la

interacción de los usuarios con el sistema?

Flexibilidad y eficiencia de uso 8 - ¿La página no requiere volver a escribir la información ya solicitada

en páginas anteriores?

- ¿Es posible repetir una acción ya realizada anteriormente de manera

sencilla?

- ¿Cuando es pertinente la página permite al usuario personalizar

acciones frecuentes?

- ¿Se utilizan mecanismos eficientes de relleno/validación de campos

de formulario?

Principios de usabilidad

Page 130: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 131: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 132: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿El sitio ofrece información y un diseño

minimalista? ¿Se ha evitado el uso de

elementos irrelevantes? 9 - ¿El texto es fácil de ojear, está bien organizado y las frases no son

demasiado largas?

- ¿Las fuentes son legibles y tienen un tamaño suficiente?

- ¿Las fuentes usan colores con suficiente contraste con el fondo?

- ¿La información es corta, concisa y precisa?

- ¿Cada elemento de información se distingue del resto y no se confunde con otros?

Principios de usabilidad

Page 133: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 134: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 135: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿ Los mensajes de error ayudan a los usuarios

a reconocer, diagnosticar y solucionar

errores?

10

- ¿Los mensajes de error informan del error de manera comprensible

y no alarmista, están escritos en lenguaje común y no con códigos o

lenguaje técnico?

- ¿Los mensajes de error dan soluciones o sugerencias para solucionar

el presente error?

- ¿Informan de la causa del error de manera que se pueda evitar su

repetición en el futuro?

- ¿La situación de error permite, de una forma evidente, volver a la

situación anterior al error?

Principios de usabilidad

Page 136: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 137: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 138: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 140: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

¿ En caso de que sea necesario, se ofrece una

sección de ayuda y documentación orientada

a la resolución de problemas del usuario?

11

- ¿la sección de ayuda es visible y fácil de encontrar?

- ¿Se ofrece ayuda contextual en tareas complejas?

- ¿La documentación de ayuda está orientada a los objetivos y

necesidades del usuario (generalmente a la resolución de

problemas)?

- ¿La documentación de ayuda utiliza ejemplos y explicaciones cortas?

- ¿La página dispone de un apartado de preguntas frecuentes.

Principios de usabilidad

Page 141: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Principios de usabilidad

Page 142: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Caso práctico

Page 144: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Beneficios de aplicar técnicas de UX y

Usabilidad

Page 145: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

- Refuerzo de la imagen de marca: Mejoras en la percepción del usuario (producto y proveedor).

- Incremento de las ventas en sitios de comercio electrónico: Reducción de la tasa de abandonos en carritos de la compra.

- Fidelización de clientes: Aumento de la tasa de conversión de visitantes a clientes.

- Reducción de costes de desarrollo: Detección los posibles problemas en fases tempranas.

Beneficios de aplicar técnicas de UX y

Usabilidad

Page 146: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

- Reducción de costes en servicios de soporte/atención al cliente: - problemas - consultas.

- Aumento de las tasas de conversión (procesos finalizados): registros, formularios, compras online, etc.

- Reducción de los costes de aprendizaje y formación: curvas de aprendizaje + controladas.

- Optimización de procesos laborales en intranets: Reducción tiempos de ejecución de tareas aumento de la productividad.

Beneficios de aplicar técnicas de UX y

Usabilidad

Page 147: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

Bibliografía y referencias

Page 148: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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

Page 149: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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

Page 150: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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

Page 151: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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

Page 152: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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

Page 153: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad

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