cursos de verano bizbak upv/ehu: marketing online: experiencia de usuario (ux) y usabilidad
DESCRIPTION
Presentación de la ponencia "Experiencia de usuario y usabilidad" en el curso de verano #bizbak2012 de la UPV/EHU "Marketing online: como vender en la web", de Virginia Aguirre de The Social Experience.TRANSCRIPT
![Page 1: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/1.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/2.jpg)
Empecemos por imaginar….
![Page 3: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/3.jpg)
… 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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/4.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/5.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/6.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/7.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/8.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/9.jpg)
Y esto… … ¿cómo lo
hacemos?
![Page 10: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/10.jpg)
¿Sacamos la bola de cristal?.... ;P
![Page 11: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/11.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/12.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/13.jpg)
También es necesario contextualizar
el momento actual…
![Page 14: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/14.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/15.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/16.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/17.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/18.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/19.jpg)
![Page 20: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/20.jpg)
¡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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/21.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/22.jpg)
¡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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/23.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/24.jpg)
- 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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/25.jpg)
¡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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/27.jpg)
¡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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/28.jpg)
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 30: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/30.jpg)
¿Pero qué es la experiencia de
usuario?
![Page 31: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/31.jpg)
¿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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/32.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/33.jpg)
¿Qué es la experiencia de usuario?
![Page 34: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/34.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/35.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/36.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/37.jpg)
…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 38: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/38.jpg)
La experiencia de usuario online empieza con la
percepción de la marca y todo cuanto haya en un
sitio web forma parte de la experiencia de usuario.
¿Qué es la experiencia de usuario?
http://www.benzinsider.com/2008/05/mercedes-benz-brand-perception-tag-cloud/
![Page 39: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/39.jpg)
¿Qué es la experiencia de usuario?
![Page 40: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/40.jpg)
¿Qué es la experiencia de usuario?
![Page 41: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/41.jpg)
¿Qué es la experiencia de usuario?
![Page 42: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/42.jpg)
¿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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/43.jpg)
¿Qué es la experiencia de usuario?
![Page 44: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/44.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/45.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/46.jpg)
“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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/47.jpg)
![Page 48: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/48.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/49.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/50.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/51.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/52.jpg)
¿Qué es la experiencia de usuario?
![Page 53: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/53.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/54.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/55.jpg)
¿Y la Usabilidad…?
![Page 56: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/56.jpg)
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 58: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/58.jpg)
“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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/59.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/60.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/61.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/62.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/63.jpg)
Usabilidad y conversión
![Page 64: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/64.jpg)
¡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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/65.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/66.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/67.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/68.jpg)
![Page 69: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/69.jpg)
![Page 70: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/70.jpg)
Técnicas y herramientas
![Page 71: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/71.jpg)
- 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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/72.jpg)
- 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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/73.jpg)
- 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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/74.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/75.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/76.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/77.jpg)
- ¡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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/78.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/79.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/80.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/81.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/82.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/83.jpg)
- 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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/84.jpg)
Técnicas y herramientas
![Page 85: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/85.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/86.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/87.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/88.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/89.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/90.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/91.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/92.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/93.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/94.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/95.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/96.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/97.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/98.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/99.jpg)
- 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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/100.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/101.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/102.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/103.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/104.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/105.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/106.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/107.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/108.jpg)
Los principios heurísticos de usabilidad
![Page 109: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/109.jpg)
- 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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/110.jpg)
- ¿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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/111.jpg)
Principios de usabilidad
![Page 112: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/112.jpg)
Principios de usabilidad
![Page 113: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/113.jpg)
¿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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/114.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/115.jpg)
Principios de usabilidad
![Page 116: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/116.jpg)
Principios de usabilidad
![Page 117: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/117.jpg)
¿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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/118.jpg)
Principios de usabilidad
![Page 119: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/119.jpg)
Principios de usabilidad
![Page 120: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/120.jpg)
¿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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/121.jpg)
Principios de usabilidad
![Page 122: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/122.jpg)
¿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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/123.jpg)
¿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 126: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/126.jpg)
¿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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/127.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/128.jpg)
Principios de usabilidad
![Page 129: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/129.jpg)
¿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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/130.jpg)
Principios de usabilidad
![Page 131: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/131.jpg)
Principios de usabilidad
![Page 132: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/132.jpg)
¿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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/133.jpg)
Principios de usabilidad
![Page 134: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/134.jpg)
Principios de usabilidad
![Page 135: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/135.jpg)
¿ 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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/136.jpg)
Principios de usabilidad
![Page 137: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/137.jpg)
Principios de usabilidad
![Page 139: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/139.jpg)
Principios de usabilidad
Vía Luis Villa @maguisso
http://www.grancomo.com/
http://www.rollingstones.com/404
![Page 140: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/140.jpg)
¿ 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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/141.jpg)
Principios de usabilidad
![Page 142: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/142.jpg)
Caso práctico
![Page 143: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/143.jpg)
Caso práctico
UX en Shopping Online: Blanco Vs. H&M
Intuitivamente , Andrea Cantú:
http://www.intuitivamente.com/2012/01/31/ux-en-
shopping-online
![Page 144: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/144.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/145.jpg)
- 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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/146.jpg)
- 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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/147.jpg)
Bibliografía y referencias
![Page 148: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/148.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/149.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/150.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/151.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/152.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/153.jpg)
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
![Page 154: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/154.jpg)
¡Gracias!
- Twitter: @bubalie / @theSocialUX
- Mail: [email protected]
- Linkedin: http://es.linkedin.com/in/virginiaaguirre
- Web: www.thesocialexperience.es
- Facebook: www.facebook.com/socialexperience
![Page 155: Cursos de verano Bizbak UPV/EHU: Marketing Online: Experiencia de usuario (UX) y usabilidad](https://reader034.vdocument.in/reader034/viewer/2022042813/5479bcedb47959a9098b485a/html5/thumbnails/155.jpg)
Cursos de verano UPV/EHU - Marketing online, Experiencia de usuario y
usabilidad por Virginia Aguirre - The Social Experience se encuentra bajo una
Licencia Creative Commons Atribución-NoComercial-CompartirIgual 3.0 Unported.