cursos de verano bizbak upv/ehu: marketing online: experiencia de usuario (ux) y usabilidad
DESCRIPTION
TRANSCRIPT
Marketing online – Cómo vender en la red
Experiencia de usuario y usabilidad
Virginia Aguirre: @bubalie
#bizbak2012
Empecemos por imaginar….
… 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
Y ahora hablemos de lo que
constituye la base de todo:
¡El Diseño centrado en el usuario!
Es una filosofía de diseño que pretende
crear:
Experiencias que van más allá de los
productos o servicios.
Un ambiente que se conecte a nivel
emocional con el usuario.
El Diseño Centrado en el Usuario (UCD)
Juicy Salif
Philippe Starck
Se basa en las necesidades e intereses del usuario,
haciendo énfasis en la usabilidad y comprensión
del producto:
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.
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)
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)
Y esto… … ¿cómo lo
hacemos?
¿Sacamos la bola de cristal?.... ;P
Con un enfoque desde el inicio, recogiendo datos
de manera estructurada, sistemática y objetiva,
hacia:
los usuarios internos y externos.
las tareas que han de realizar con el producto.
El Diseño Centrado en el Usuario (UCD)
De Hitz Kareaga
El Diseño Centrado en el Usuario (UCD)
También es necesario contextualizar
el momento actual…
La web 2.0 y los medios sociales forman parte de
nuestras vidas, están para quedarse y han cambiado
la forma en que trabajamos, vivimos, aprendemos,
nos comunicamos, nos divertimos…
El acceso multiplataforma y la difusión de los
smartphones y tablets no tiene marcha atrás.
Las personas colaboran e intercambian información
de forma ágil.
Los mercados se convierten en conversaciones y
ahora hablamos de reputación online.
También hay que hablar del consumidor de nueva
generación, informado, inteligente, productor de
información que ya no cree en la publicidad.
http://likeiknowit.wordpress.com/2008/05/19/micro-interactions/
¡Estamos ante un nuevo
escenario!
¡Con nuevas formas de
comunicarnos, relacionarnos,
experimentar y compartir!
Cambios dramáticos en la realidad del marketing
http://www.youtube.com/watch?v=Mc0ggyHcQBk&list=PL0ECF8CE3B1D178C3&index=8&feature=plpp_video
¡Ahora más que nunca lo que
importa son las personas!
Un nuevo enfoque centrado en la
construcción de actividades alrededor de las
personas, así como la generación de
experiencias e interacciones positivas.
- 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.
¡Engagement!
¡La vinculación de los usuarios con tu marca!
¿Y qué conseguimos si generamos
experiencias positivas?
¡En este contexto la
experiencia de usuario cobra
una nueva dimensión!
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.
¿Pero qué es la experiencia de
usuario?
¿Qué es la experiencia de usuario?
La sensación, sentimiento y
satisfacción del usuario…
…respecto a un producto…
…resultado de interactuar con el
producto y su proveedor: la marca.
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?
¿Qué es la experiencia de usuario?
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.
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.
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?
…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?
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/
¿Qué es la experiencia de usuario?
¿Qué es la experiencia de usuario?
¿Qué es la experiencia de usuario?
¿Qué es la experiencia de usuario?
Volvo:
Seguridad Cuadrado
Familias más agresivos…
Status
Alto precio
¿Qué es la experiencia de usuario?
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?
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?
“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?
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?
La rueda de la experiencia del usuario - Francisco Tosete
Herranz
¿Qué es la experiencia de usuario?
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?
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?
¿Qué es la experiencia de usuario?
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?
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?
¿Y la 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
“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
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
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
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
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
Usabilidad y conversión
¡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
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
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
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
Técnicas y herramientas
- 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
- 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
- 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
1 Indagación y captación de insights
Técnicas y herramientas
1 Indagación y captación de insights
Técnicas y herramientas
1 Indagación y captación de insights
Técnicas y herramientas
- ¡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
1 Indagación y captación de insights
Técnicas y herramientas
1 Indagación y captación de insights
Técnicas y herramientas
1 Indagación y captación de insights
Técnicas y herramientas
1 Indagación y captación de insights
Técnicas y herramientas
1 Indagación y captación de insights
Técnicas y herramientas
- 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
Técnicas y herramientas
2 Arquitectura de la información y diseño de interacción:
Técnicas y herramientas
Técnica Personas
Card sorting
2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
Arbol de contenidos
(blueprints) - AI
2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
2 Arquitectura de la información y diseño de
interacción:
Técnicas y herramientas
Diagrama de flujo – diseño de interacción
2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
Prototipado (wireframes)
2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
2 Arquitectura de la información y diseño de interacción
Técnicas y herramientas
- 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
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.
Test de usuario
3 Medición y evaluación de experiencia de usuario y usabilidad
Técnicas y herramientas
3 Medición y evaluación de experiencia de usuario y usabilidad
Técnicas y herramientas
3 Medición y evaluación de experiencia de usuario y usabilidad
Técnicas y herramientas
Análisis de clicks
3 Medición y evaluación de experiencia de usuario y usabilidad
Técnicas y herramientas
Reconocimiento y recuerdo
3 Medición y evaluación de experiencia de usuario y usabilidad
Técnicas y herramientas
3 Medición y evaluación de experiencia de usuario y usabilidad
Técnicas y herramientas
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
Los principios heurísticos de 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
- ¿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
Principios de usabilidad
Principios de 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
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
Principios de usabilidad
Principios de 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
Principios de usabilidad
Principios de 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
Principios de 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
¿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
¿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
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
Principios de 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
Principios de usabilidad
Principios de 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
Principios de usabilidad
Principios de 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
Principios de usabilidad
Principios de usabilidad
Principios de usabilidad
Principios de usabilidad
Vía Luis Villa @maguisso
http://www.grancomo.com/
http://www.rollingstones.com/404
¿ 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
Principios de usabilidad
Caso práctico
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
Beneficios de aplicar técnicas de 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
- 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
Bibliografía y referencias
Libros:
- No me hagas pensar. Steve Krug
- El diseño de las cosas cotidianas. Donald. A Norman
- El diseño emocional. Donald A. Norman
- Revista de estrategia e Interacción: www.capire.info
- Juan Carlos Camus: www.usando.info
- Jorge Barahona: www.jbarahona.com
- Jesse Jame Garret : http://blog.jjg.net/
- Nacho Gil -Fundamentos para el diseño de la experiencia de usuario online: http://www.slideshare.net/nachogil/elementos-de-la-experiencia-de-usuario-online-0103
Bibliografía y referencias
Arquitectura de la información:
No sólo usabilidad: http://www.nosolousabilidad.com
- Arquitectura de Información: análisis histórico-conceptual - Rodrigo
Ronda León.
- Revisión de técnicas de arquitectura de información - Rodrigo Ronda
León.
- Diseño de Arquitecturas de Información: Descripción y Clasificación -
Yusef Hassan Montero y Ana Núnez Peña.
Métodos de arquitectura de la información - Mauricio Candamil Llano
http://www.slideshare.net/maocandamil/metodos-arquitectura-de-
informacion
Hipertexto. Net
http://www.hipertext.net/web/pag206.htm#3
Bibliografía y referencias
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
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
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
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
¡Gracias!
- Twitter: @bubalie / @theSocialUX
- Mail: [email protected]
- Linkedin: http://es.linkedin.com/in/virginiaaguirre
- Web: www.thesocialexperience.es
- Facebook: www.facebook.com/socialexperience
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.