Download - Conversion thursday - User Experience
![Page 1: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/1.jpg)
Sponsoriza:
Experiencia de usuario
Colabora:
![Page 2: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/2.jpg)
Antes de hablar de experiencia de usuario…
![Page 3: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/3.jpg)
Hagamos un breve repaso a la situación actual…
![Page 4: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/4.jpg)
Mundial:
De 360 millones a 1.800 millones de usuarios
Evolución Usuarios internet 2000-2010
España:
De 3.5 millones a 20 millones de usuarios
![Page 5: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/5.jpg)
¡Una generalidad que no está de más recordar!
![Page 6: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/6.jpg)
La evolución de Internet y de la tecnología han cambiado la forma en
que trabajamos, vivimos, aprendemos, nos divertimos…
![Page 7: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/7.jpg)
![Page 8: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/8.jpg)
La web 2.0 y los social media forman ya parte de nuestras vidas.
![Page 9: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/9.jpg)
El acceso multiplataforma y la difusión de los nuevos smartphones no tiene marcha atrás.
![Page 10: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/10.jpg)
Los usuarios colaboran e intercambian información de forma ágil.
![Page 11: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/11.jpg)
Los mercados se convierten en conversaciones y ahora hablamos de reputación online.
![Page 12: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/12.jpg)
También hay que hablar del consumidor de nueva generación, informado e inteligente: crossumer y prossumer.
![Page 13: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/13.jpg)
![Page 14: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/14.jpg)
¡Estamos ante un nuevo escenario!
¡Con nuevas formas de comunicarnos, relacionarnos,
experimentar y compartir!
![Page 15: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/15.jpg)
¡Ahora más que nunca lo que importa son las personas!
Centrar nuestro enfoque en ellas
![Page 16: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/16.jpg)
Y debemos…
![Page 17: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/17.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 18: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/18.jpg)
¡En este contexto la experiencia de usuario cobra
una nueva dimensión!
![Page 19: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/19.jpg)
![Page 20: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/20.jpg)
Las personas somos clientes, consumidores y usuarios.
Y cómo tal, tenemos experiencias con las marcas, sus productos y
sus servicios.
![Page 21: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/21.jpg)
DesignforusersKris Colvin
![Page 22: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/22.jpg)
La sensación, sentimiento, respuesta emocional y
satisfacción del usuario respecto a un producto,
resultado de interactuar con el producto y su proveedor
(la marca).
Una experiencia positiva de usuario está en directa
relación con una percepción positiva de la marca.
¿Qué es la experiencia de usuario?
![Page 23: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/23.jpg)
¡Engagement!¡La vinculación de los usuarios con tu marca!
¿Y qué conseguimos si generamos experiencias positivas?
![Page 24: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/24.jpg)
Centrémonos en la experiencia de usuario online
![Page 25: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/25.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?
![Page 26: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/26.jpg)
- Homogeneización de las iniciativas online.
- Proyección de marca única y homogénea.
- Una experiencia de usuario satisfactoria.
Objetivos de su diseño:
![Page 27: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/27.jpg)
Tu web es el reflejo de tu marca en internet, es tu principal escaparate.
La experiencia de usuario online empieza con la percepción de la marca.Todo cuanto haya en un sitio web forma parte de la experiencia de usuario.
Experiencia de usuario online
![Page 28: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/28.jpg)
Concepto global que depende de numerosos factores:
- Transmisión de valores de marca.
- Utilidad y valor del producto/servicio.
- Contenidos y servicios ofrecidos.
- Respuesta a las necesidades y expectativas de los
usuarios.
- Creatividad.
- Diseño visual.
- Usabilidad/ Arquitectura de la información consistente /
Navegación eficiente.
- Facilidad de aprendizaje y recuerdo.
La experiencia de usuario online
![Page 29: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/29.jpg)
Los elementos de la experiencia de usuario - Jesse James Garret.
¡Un diagrama que cumple 10 años!
![Page 30: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/30.jpg)
“Lo que no contaba era que diez años después, aún hubiera tanta gente que tuviera que ser educada (al respecto)".
Los elementos de la experiencia de usuario - Jesse James Garret
• Adaptive Path
• Acuñador término “AJAX”
![Page 31: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/31.jpg)
![Page 32: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/32.jpg)
¡Perdónanos Jesse!
Vamos a hacer algún pequeño ajuste al modelo
Orientación tanto a la consecución de tareas
como a la recuperación de información.
Considerar la experiencia de marca online.
![Page 33: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/33.jpg)
Objetivos
Brand experience online
Necesidades de usuario
Necesidades de contenidos
Especificaciones funcionales
Arquitectura de información
Diseño de interacción
Diseño de interfaz:
información + navegación
Diseño visual
![Page 34: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/34.jpg)
2. Brand experience online
Corporativos, de negocio, comunicación…
1. Objetivos del sitio
Atributos de marca que queremos que se identifiquen a
medio plazo con la experiencia de uso on line.
Identificadas a través de la investigación de los usuarios.
3. Necesidades de usuario
Primera capa
![Page 35: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/35.jpg)
4. Requerimientos de contenido
Set de herramientas que el sitio debe incluir para satisfacer
las necesidades del usuario.
5. Especificaciones funcionales
Elementos de contenido requeridos para satisfacer las
necesidades de usuario.
Segunda capa
![Page 36: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/36.jpg)
6. Arquitectura de la información
Diseño estructural del espacio de información para facilitar
el acceso intuitivo al contenido.
Tercera capa
Desarrollo del flujo de las aplicaciones para facilitar las
tareas del usuario, definiendo cómo el usuario interactúa
con la funcionalidad del sitio.
7. Diseño de interacción
![Page 37: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/37.jpg)
8. Diseño de interfaz: navegación e información
Diseño de los elementos de la interfaz para facilitar la
navegación e interacción del usuario .
Diseño de la presentación de la información para facilitar el
entendimiento.
Cuarta capa
![Page 38: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/38.jpg)
Look & feel
Tratamiento gráfico de los elementos de la interfaz.
Diseño emocional.
9. Diseño visual
Quinta capa
![Page 39: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/39.jpg)
Las facetas de la experiencia de usuario - Peter Morville
![Page 40: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/40.jpg)
Las facetas de la experiencia de usuario - Peter Morville
• Semantic Studios
• Autor “Information architecture”.
• Acuñador término “Findability”
![Page 41: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/41.jpg)
Las facetas de la experiencia de usuario Peter Morville
![Page 42: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/42.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
CredibilidadGenerar confianza
![Page 43: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/43.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
![Page 44: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/44.jpg)
Metodología /Proceso de trabajo
![Page 45: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/45.jpg)
![Page 46: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/46.jpg)
![Page 47: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/47.jpg)
Investigación y Análisis
DescubrirEstudios demográficos (Eustat, INE,
Eurostat, otras fundaciones
privadas....)
Estudio de objetivos y necesidadesValores de marcaAnálisis de la competencia y los líderesTécnicas de indagación Entrevistas a usuariosEncuestasGrupos de discusiónEstudios etnográficos
En esta fase predomina el
DESCUBRIMIENTO
DefinirObjetivos y necesidadesEstrategia de comunicaciónPúblicos objetivosPersonajes y escenariosMapas mentales
TestearEntrevistas a usuariosEncuestasGrupos de discusión
(para rediseños)
Estudio de analítica web (google
analytics...)
Análisis de clicks (clicktale, clickheat...)
Revisión de expertoEvaluación heurísticaTest de usuarios
![Page 48: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/48.jpg)
Análisis de la competencia y los líderes
Para extraer:• Factores de éxito y valorarlos en nuestra propuesta.
• Factores de fracaso para no repetirlo, hacerlo mejor y que sea una ventaja competitiva.
Investigación y Análisis > Descubrimiento
![Page 49: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/49.jpg)
Técnicas de indagaciónencuestas, entrevistas, grupos de discusión y estudios etnográficos
• Para la toma de requisitos.• Obtención de información subjetiva.
Hay que fijarse en:o Experienciaso Expectativaso Necesidadeso Impresioneso Frustracioneso Actitudeso Grado de satisfaccióno Contexto de uso
Investigación y Análisis > Descubrimiento
![Page 50: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/50.jpg)
Públicos objetivos
Investigación y Análisis > Definición
![Page 51: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/51.jpg)
Investigación y Análisis > Definición
![Page 52: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/52.jpg)
Investigación y Análisis > Definición
![Page 53: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/53.jpg)
Concepto y diseño
DescubrirPatrones de diseño de interacción (designinginterfaces.com,
www.welie.com,
designingwebinterfaces.com
/explore ...)
En esta fase predomina la
DEFINICIÓN
DefinirDiagramas de flujoÁrboles de contenidoWireframesDiseño de la informaciónPrototipo (axure, visio,
omnigraffle, pidoco,
balsamiq, expressión blond +
sketchflow...)
Diseño visual
TestearCard Sorting (card sword,
optimal sort, web sort...)
Test de usuarios (test de
guerrilla rápidos...)
Análisis de clicks (clicktale,
clickheat...)
Predicción de atención visual (attentionwizard.com)
Testeos de reconocimiento y recuerdo (5 second test...)
![Page 54: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/54.jpg)
Concepto y análisis > Descubrimiento
![Page 55: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/55.jpg)
Concepto y análisis > Definición
![Page 56: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/56.jpg)
Concepto y análisis > Definición
![Page 57: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/57.jpg)
Concepto y análisis > Definición
![Page 58: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/58.jpg)
Concepto y análisis > Testeo
Card sorting
Se trata de una prueba con usuarios en la que se les pide que ordenen una
serie de tarjetas rotuladas previamente (menos de 40) en categorías.
Las categorías pueden estar definidas previamente o no, por lo que puede que
sean ellos los que lo definan y les den un nombre.
Con esta prueba se comprueba respecto a la lógica de los usuarios los árboles de
contenidos definidos previamente.
Puede hacerse de forma presencial o remota (online).
![Page 59: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/59.jpg)
Concepto y análisis > Testeo
Test de usuarioSe trata de una prueba en la que los usuarios realizan una serie de tareas
previamente preparadas y se valora en qué medida se realizan con éxito.
Se extrae información a través de la observación del comportamiento del usuario.
Se puede registrar la prueba y calcular ratios y métricas, pero no hacerlo no quiere
decir que no se mejora. No poder hacer este registro no debe ser obstáculo para
no hacer el test.
Número de participantes: 6 es una buena cifra
![Page 60: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/60.jpg)
Concepto y análisis > Testeo
Test de usuarioCriterios excluyentesTrabajar en Marketing, Diseño, Desarrollo de webs, etc.
DuraciónAlrededor de 1 hora con entrevista y cuestionarios incluidos.
Qué vamos a medir• Errores (cantidad y motivos)• Tareas no completadas• Tiempo invertido para cada tarea• Satisfacción post test• Comentarios y lenguaje no verbal (interpretación)
![Page 61: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/61.jpg)
Concepto y análisis > Testeo
Análisis de clicks
![Page 62: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/62.jpg)
Concepto y análisis > Testeo
Predicción de
atención visual
![Page 63: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/63.jpg)
Concepto y análisis > Testeo
Reconocimiento y recuerdo
![Page 64: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/64.jpg)
Desarrollo e Implementación
DescubrirRevisión de expertoEvaluación heurística
En esta fase predomina el
TESTEO
DefinirPrototipos de alta fidelidad
TestearEncuestasEntrevistas a usuariosTest de usuariosTesteos de optimizacion (A/B
testing, Multivariate testing)
Chequeo de calidad
![Page 65: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/65.jpg)
Desarrollo e implementación > Descubrimiento
Análisis heurístico
11 principios heurísticos.
Los heurísticos son buenas prácticas que nacen como respuesta a los problemas más comunes de los usuarios.
En 1990 Jakob Nielsen hizo un estudio
sobre alrededor de 250 problemas típicos de usabilidad.
Concluyo que podían agruparse en 11 categorías
![Page 66: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/66.jpg)
Desarrollo e implementación > Testeo
Testeos de optimización
![Page 67: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/67.jpg)
Algunas buenas prácticas
![Page 68: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/68.jpg)
Comprueba que los objetivos están claros.
Por ejemplo:
•Notoriedad de marca
•Comunicación corporativa
•Aumentar ventas
•Captación de clientes
•Fidelización
•Etc.
1. Define tus objetivos y tenlos presente siempre
![Page 69: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/69.jpg)
Define los atributos y valores de marca con los que quieres que se identifique la experiencia de uso de tu sitio web.
2. Define los valores de tu marca
![Page 70: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/70.jpg)
Define claramente a quien te diriges y a quien no, para orientarte a ellos y sólo a ellos.
Por ejemplo:• Si tengo una tienda de jóvenes diseñadores de
moda, un público objetivo principal son las mujeres que trabajan de entre 25 y 35 años.
3. Define los públicos objetivo
![Page 71: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/71.jpg)
Cubre todas las fases, investigación y análisis, concepto y diseño, desarrollo e implementación.
Cada proyecto requiere su propio plan.
4. Planifica el proceso de diseño
![Page 72: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/72.jpg)
Adaptarse a su lenguaje, a sus conocimientos, a sus gustos, su sensibilidad
Por ejemplo:• Utilizar metáforas y conceptos familiares
5. Adáptate al usuario
![Page 73: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/73.jpg)
Si una página debe tener más de un objetivo se debe priorizar
Por ejemplo:
6. Comprueba que cada página cubre con su
objetivo
![Page 74: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/74.jpg)
6. Comprueba que cada página cubre con un objetivo
![Page 75: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/75.jpg)
Por ejemplo:• Elevar las cejas significa INSEGURIDAD, INCREDULIDAD,
SORPRESA y EXASPERACIÓN, en nuestro contexto nada bueno.
• Fruncir el ceño: NECESIDAD DE CONCENTRACIÓN, DESAGRADO, PERCEPCIÓN DE FALTA DE CLARIDAD.
• Desviar la mirada: DECEPCIÓN. Hacia abajo expresa actitud de FRACASO, pero también puede reflejar CULPA, VERGÜENZA o SUMISIÓN
• Sonreir: SATISFACCIÓN• Apretar los labios: FRUSTRACIÓN y CONFUSIÓN.
ANSIEDAD, NERVIOSISMO y PREOCUPACIONES EMOCIONALES.
7. Considera las emociones de los usuarios
![Page 76: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/76.jpg)
• Mover la boca: INCERTIDUMBRE o sentirse PÉRDIDO.• Expresarse oralmente (suspiros, jadeos, tos): FRUSTRACIÓN
o DECEPCIÓN• Tocarse la cara con las manos: CONFUSIÓN,
INCERTIDUMBRE o CANSANCIO• Reclinarse hacia atrás: EMOCIONES NEGATIVAS o de
RECHAZO.• Inclinar el cuerpo hacia delante: DEPRESIÓN y
FRUSTRACIÓN
Y siempre que lo veamos PREGUNTAR, qué ocurre.
7. Considera las emociones de los usuarios
![Page 77: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/77.jpg)
Por ejemplo:• Los clientes de email son muy similares, porque siguen
un estándar de facto
8. Sé consistente internamente y con los
estándares
![Page 78: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/78.jpg)
8 Ser consistente internamente y con los estándares
![Page 79: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/79.jpg)
El recuerdo se basa en una experiencia concreta el reconocimiento en un conjunto de experiencias.
Por ejemplo:
9. Es preferible reconocer algo que recordarlo
![Page 80: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/80.jpg)
8 En diseño es preferible reconocer que recordar
![Page 81: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/81.jpg)
Por ejemplo:
Menú Principal Menú Contextual(botón derecho)
CTRL + C
Teclado
10. Dar facilidades a la interacción con el
usuario sean cuales sean sus características
![Page 82: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/82.jpg)
Recuerda que con el 20% de la funcionalidad o los contenidos se atiende el 80% de las necesidades. Por ello se debe priorizar lo más probable frente a lo posible.
11. Evita todo lo que no sea necesario. Menos
es más
![Page 83: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/83.jpg)
11 Evita todo lo que no sea necesario. Menos es más.
![Page 84: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/84.jpg)
Hay que hacer lo posible en el diseño para evitar errores del usuario.
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.
12. Más vale prevenir que….
![Page 85: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/85.jpg)
Los usuarios se suelen equivocar a pesar de todo. Pero no es el final, hay que ayudarlos a recuperarse de los errores.
13. Ofrece salidas de emergencia a los
usuarios que se equivocan
![Page 86: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/86.jpg)
13 Ofrecer salidas de emergencia a los usuarios que se equivocan
![Page 87: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/87.jpg)
14. Informar siempre en un tiempo
razonable de lo que está ocurriendo
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
![Page 88: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/88.jpg)
15. Diseña los mensajes de error de manera
que sean comprensibles y sirvan para solucionar el problema
Un error no es tan importante si no ocurre muchas veces y si los usuarios se recuperan rápidamente de él.
Este mensaje no se entiende y no ayuda a solucionar el problema
![Page 89: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/89.jpg)
15 Diseña los mensajes de error de manera que sean comprensibles y srivan para solucionar el problema
![Page 90: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/90.jpg)
16. Adapta la ayuda a los usuarios dándoles
distintas opciones para cada necesidad por niveles
A los personas nos cuesta pedir ayuda pero no por ello dejamos de necesitarla, debemos ofrecerla con mano izquierda, pero sin eliminar el apartado de ayuda para quien lo pida.
![Page 91: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/91.jpg)
16 Adaptar la ayuda a los usuarios
![Page 92: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/92.jpg)
Ejemplo PRIVALIA
![Page 93: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/93.jpg)
Objetivo principal:¿Log in?
En otras páginas se explica que Privalia es un Club Privado de venta online y cómo te puedes hacer socio.
¿Me asocio a Privalia?
Una buena amiga dice que SÍ y me ha pasado una invitación, 5€ para ella y 5€ para mí si me hago (incentivo).
![Page 94: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/94.jpg)
Escaparate
Privalia envía emails con avisos de novedades.
Tiene una cuenta de Twitter con menos de 1.000 followersy una página en Facebook con más de 70.000 personas a las que les gusta su página.
Pero...Es un poco lento navegar hasta dónde quieres... muy mejorable.Lo más destacado es lo último, por ello hay novedades que se pierden porque ese día se han lanzado muchas...
![Page 95: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/95.jpg)
Me gustan estas zapatillas
Y no son caras, bueno además me ahorro 56€. Lo quiero.
¿Y dónde está el botón de comprar? ¿Añadir a la cesta? ¿Adquirir? … No, no lo encuentro.
Sigo buscando...Aquí están las tallas, yo uso 38, cantidad 1 par.
Aquí está el botón, podía haber aparecido antes, aunque sea deshabilitado.
Bueno, bonito y barato.
![Page 96: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/96.jpg)
Tienda en Facebook
Qué peligro.
Recibo todos los días un email y no me resisto, como para añadirles en el Twitter.
Mira otro email de Privalia…
Han abierto una tienda en Facebook. ¿Una tienda? Si ya tienen la suya...
A ver si mejoran un poco la tienda, voy a ver...
![Page 97: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/97.jpg)
Tienda en Facebook
¿Pre-aperturas de campaña y ventas exclusivas?
Se acabo eso de esperar a las 7 de la mañana a que abran la venta para comprar los productos más golosos.
Es una venta para FANS.
![Page 98: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/98.jpg)
Tienda en FacebookAl final el proceso de compra se hace en la tienda de Privalia.
Pero desde Facebook aumentan la expectación entre los mejores clientes, los fans de Privalia.
![Page 99: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/99.jpg)
Conclusiones
Privalia es un Club PRIVADO de venta online que tiene algunos problemas de usabilidad y arquitectura de la información, pero oferta productos MUY DESEADOS a PRECIOS MUY REBAJADOS. Y por ello triunfa.
Facebook es una red social CERRADA que tiene problemas de usabilidad, pero se caracteriza por sus MICROINTERACCIONES (me gusta, pequeño comentario, etc.), por ser MULTIPLATAFORMA e ideal para pantallas táctiles. Permite a las personas y organizaciones estar en contacto con muy poco esfuerzo, por ello triunfa.
![Page 100: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/100.jpg)
La tienda de Privalia en Facebook, a pesar de tener los mismos problemas de usabilidad que por separado, también aporta muchas ventajas:
• Productos deseados a precios reducidos• Promociones, ventas exclusivas, pre-aperturas de
campaña• Red social de muchos usuarios, multiplataforma• Apropiado para microinteracciones, genera
"enganche”Solucionar los problemas de usabilidad contribuirá a una mejor experiencia de usuario, lo que en definitiva también se puede traducir a mayores beneficios.
Conclusiones
![Page 101: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/101.jpg)
¡Gracias!
Hitz Karega: [email protected] - @bocadorada
Virginia Aguirre: [email protected] - @bubalie
![Page 102: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/102.jpg)
• Wikipedia
• Del 1.0 al 2.0 claves para entender el nuevo marketing www.clavesdelnuevomarketing.com
• www.marketingdemocratico.com
• www.capire.info
• www.usando.info
• www.jbarahona.com
• http://blog.jjg.net/ Jesse Jame Garret
• http://www.wordle.net generador nube de tags
Referencias
![Page 103: Conversion thursday - User Experience](https://reader034.vdocumento.com/reader034/viewer/2022052301/557c439bd8b42a23598b505d/html5/thumbnails/103.jpg)
• Fundamentos para el diseño de la experiencia de usuario online – Nacho Gil http://www.slideshare.net/nachogil/elementos-de-la-experiencia-de-usuario-online-0103
• Juan Marketing http://www.juanmarketing.com/diesel-cam-punto-venta-facebook
• FAZ #2. 10 heurísticos emocionales. Eva Lera y Muriel Garreta-Domingo
• Formación interna de Arista
• No me hagas pensar. Steve Krug
• El diseño de las cosas cotidianas. Donald. A Norman
• El diseño emocional. Donald A. Norman
Referencias