Los retos de la experiencia de usuario
-
Upload
jordi-galobart -
Category
Business
-
view
675 -
download
0
description
Transcript of Los retos de la experiencia de usuario
Los retos de UXJordi Galobart Salvattw: @galu
UX?Experiencia de usuarioCrear experiencias, emociones, satisfacciones
ExperienciaForma de conocimiento o habilidad derivados de la observación, de la vivencia de un evento o proveniente de las cosas que suceden en la vida.
ExperienciaForma de conocimiento o habilidad derivados de la observación, de la vivencia de un evento o proveniente de las cosas que suceden en la vida.
usuario
usuariodino
UX?• Consultor UX
• Arquitecto de la información
• Disseñador de la interacción
• Disseñador gráfico
• Editor de contenidos
• Consultor métricas y analítica web
Los retos de UX
•Atracción
•Persuasión
•Usabilidad
•Accesibilidad
Atracción
SEO: Fácil de encontrar en los motores de búsqueda
SEM: Anunciarse adecuadamente y correctamente
SMO: Posicionamiento de contenido web en los medios sociales
Atracción: SEO
Atracción: SMO
Los retos de UX
•Atracción
•Persuasión
•Usabilidad
•Accesibilidad
Persuasión: Diseño
Persuasión: Diseño
Persuasión: Arquitectura de la información (AI)
AIContexto
Usuarios
Contenido
Persuasión: Credibilidad
Persuasión: Credibilidad
Persuasión
Los retos de UX
•Atracción
•Persuasión
•Usabilidad
•Accesibilidad
Usabilidad?RAE: La palabra usabilidad no está en el Diccionario.
Jackob Nielsendefinió Usabilidad web como el atributo de calidad que mide lo fáciles que son de usar las interfaces Web.
Keep ItSimple & Stupid
Usabilidad?
Simplicidad Sentido común Motivación Adaptación+ + +
Exceso de información
Elementos no conocidos
Información confusa
Elementos mal colocados
UX en contenidos?
UX en contenidos?
Un usuario tarda menos de 4 segundos para saber si un texto es interesante
Sólo leen el 18% de las palabras
¿Cómo leen?
Suelen escanear la página en búsqueda de palabras o frases
¡¡NO LO HACEN!!
¿Cómo leen?
• palabras claves
• subtítulos
• listas
• una idea por párrafo
• estilo pirámide invertida, empezando por la conclusión
• utilizar la mitad de las palabras
• Fortalecer la credibilidad (imágenes alta calidad, buena escritura, uso de enlaces)
¿Cómo leen?
Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. In 1996, some of the most popular places were Fort Robinson State Park (355,000 visitors), Scotts Bluff National Monument (132,166), Arbor Lodge State Historical Park & Museum (100,000), Carhenge (86,598), Stuhr Museum of the Prairie Pioneer (60,002), and Buffalo Bill Ranch State Historical Park (28,446).
Texto promocional
0%
¿Cómo leen?
Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. In 1996, some of the most popular places were Fort Robinson State Park (355,000 visitors), Scotts Bluff National Monument (132,166), Arbor Lodge State Historical Park & Museum (100,000), Carhenge (86,598), Stuhr Museum of the Prairie Pioneer (60,002), and Buffalo Bill Ranch State Historical Park (28,446).
In 1996, six of the best-attended attractions in Nebraska were Fort Robinson State Park, Scotts Bluff National Monument, Arbor Lodge State Historical Park & Museum, Carhenge, Stuhr Museum of the Prairie Pioneer, and Buffalo Bill Ranch State Historical Park.
Nebraska is filled with internationally recognized attractions that draw large crowds of people every year, without fail. In 1996, some of the most popular places were:
! •! Fort Robinson State Park (355,000 visitors)! •! Scotts Bluff National Monument (132,166)! •! Arbor Lodge State Historical Park & Museum (100,000)! •! Carhenge (86,598)! •! Stuhr Museum of the Prairie Pioneer (60,002)! •! Buffalo Bill Ranch State Historical Park (28,446).
In 1996, six of the most-visited places in Nebraska were:! •! Fort Robinson State Park! •! Scotts Bluff National Monument! •! Arbor Lodge State Historical Park & Museum! •! Carhenge! •! Stuhr Museum of the Prairie Pioneer! •! Buffalo Bill Ranch State Historical Park
Versión combinada
124%
Lenguaje objetivo(más natural)
27%
Texto escaneable
47%
Texto conciso(50% palabras)
58%
¿Cuánto leen?
• 4.4 segundos por cada 100 palabras
• 18% de los textos
• 100 palabras50% del texto
• 300 palabras30% del texto
Patrón de lectura
• Los usuarios no leen de forma exhaustiva
• Los dos primeros párrafos = información más importante
• Empezar los encabezados con palabras de mucho significado
• Patrón en forma de F
Lectores no habituales
• Suelen leer palabra por palabra
• No realizar textos muy densos
• Realizar scroll es un impedimento
• Los buscadores crean problemas
‣ Dificultad de elegir palabras claves
‣ Dificultad en procesar los resultados
Lectores no habituales
✓ Simplifica el lenguaje
✓ Prioriza la información
✓ Evitar texto con movimiento o que cambia
✓ Poner el contenido en una sola columna
✓ Simplificar la navegación
✓ Optimizar la búsqueda (errores tipográficos, ...)
Web vs. papel
• Papel: textos en forma narrativa (detalles, anécdotas)El lector se está tomando unos minutos para leer
• Web: contenidos compitiendo constantemente con otros contenidos. Si un contenido no gusta, salta a otro contenido
Web vs. papel
• Internacionalización del contenido
• diferentes significados entre países sobre una misma palabra
• Unidades de medición
Web vs. papel
• El contenido debe ser resumido
• Utilizar enlaces para ampliar temas
• Centrados en el usuario y sus necesidades (más que centrarse en el autor)
Guía de estilo: algunos consejos
• Los primeros segundos son cruciales
• Explicar cosas en una sola frase
• Utilizar voz pasiva
• Titulares cortos y ricos en información, con el significado en las 3 primeras palabras
• Lenguaje llano
• Diferenciar entre lenguaje en web, en mail y en redes sociales
• Uso de listas
• Una idea por párrafo
• Pirámide invertida
• Reducir a la mitad(y luego a la mitad)
• Aumentar la credibilidad
Microcontenidos: problemas
• Entre 40 y 60 carácteres para explicar tu macrocontenido
• Titulares habitualmente fuera de contexto
• Dificultad en el entendimiento del titular
• Tienen que tener sentido por si mismos
Microcontenidos: soluciones
• Ultra-resumen del macrocontenido asociado
• Lenguaje llano
• Elimina los artículos
• Primera palabre clave y con información
• No empezar con el mismo título diferentes contenidos
Microcontenidos: ejemplo
• Oportunidad
• Conferencia de diseño web en noruega
• Invitación: Ser conferenciante en la Conferencia Noruega de Diseño web
Redes sociales: cuidar las formas
• Redes sociales: estilo más informal
• Feeds RSS: esilo más formal
• Facebook,Twitter,... : diario
• MySpace,LinkedIn,... : menos frecuente
Redes sociales: cuidar las formas
• Satisfacción (UX) =
• Sustancia del contenido
• Puntualidad
• Contiene la información que los usuarios estaban esperando
Recursos para medir la UX de contenidos
• Google Analytics
• Test heurístico
• Test A/B
Google Analytics
• Bounce rate
• %Exit
• Time on page
• Calidad de nuestros artículos
Google Analytics: Social Media
Oh Yeah!!
Google Analytics: Real time
Really?
Google Analytics: Real time
OMFG!!
Heurísticos
✓ Titular corto y conciso
✓ Una idea por párrafo
✓ Lenguaje llano
✓ Imágenes explicativas
✓ Contenido relacionado
✓ Uso correcto de listas, negritas, ...
Test A/B
La prima de riesgo
española comienza la
jornada en su máximo
La prima de riesgo ofrecida a los inversores
por los bonos españoles a diez años
respecto a los alemanes experimentaba un
marcado incremento al comienzo de la
sesión y llegaba a superar los 450 puntos
básicos, con un interés superior al 6,2%,
mientras que el diferencial de la deuda ...
[Leer más]
España se hunde, cada vez másLa prima de riesgo ofrecida a los inversores por los bonos españoles a diez años respecto a los alemanes experimentaba un marcado incremento al comienzo de la sesión y llegaba a superar los 450 puntos básicos, con un interés superior al 6,2%, mientras que el diferencial de la deuda ...
[Leer más]
?
Recursos contenidos
Jacob Nielsen (useit.com) Janice Redish
Recolección de datos
Qualitativos• Pocos usuarios
• Se trabaja con descripciones
• Conclusiones subjetivas
Quantitativos• Muchos usuarios
• Se trabaja con números
• Conclusiones objetivas
Creación de perfiles (personas)
• Definir cuáles serán nuestros usuarios
• recoger características socioculturales, hábitos, webs que utiliza, ...
• fotografía, papel y boli, conocidos en el sector
•1,5!
Anna
Qualitativo
Card Sorting
• Establecer una categorización de contenidos o una navegación
• Post-its con ejemplos de contenidos, abierto o cerrado
• Post-its, papel y boli
• 3!QuantitativoQualitativo
Workflow
• Definir la interacción que tiene que tener un usuario a través de nuestra web
• Diagramas de flujo
• Papel y boli
• 0!
ver ficha
añadir producto a la cesta
tarjetacrédito
OKcompra
Prototipos
• Crear esquemas de baja o alta fidelidad (arquitectura de la información)
• Esquemas
• Papel y lápiz
• 0!
Heurísticos
• Evaluación de los criterios básicos de usabilidad
• crear checklist y evaluar cada página
• Papel y boli
• 0!
Qualitativo
Test de percepción
• Evaluar la primera impresión que ofrecemos (diseño, arquitectura, comunicación)
• Mostrar imagen durante 5 segundos
• fivesecondtest.com
• 0!
Groarrr!
QualitativoQuantitativo
Analítica web
• Evaluar la eficacia de nuestra web
• Definir objetivos, crear seguimiento de procesos
• Google analytics
• Cost: 0!QuantitativoQualitativo
Entrevistas
• Evaluar qualitativamente la satisfacción de nuestros usuarios
• Herramientas de encuesta
• Google docs, kissmetrics, surveymonkey
• Cost: 0!Qualitativo
Quantitativo
Mapas de calor
• Evaluar la arquitectura de la información de nuestras páginas
• Utilidades de seguimiento a través de JS
• Crazy Egg, Click Density
• Cost: 0!
Qualitativo
Eye Tracking
• Analizar dónde centran la visión los usuarios
• Herramientas especializadas (monitores, gafas, ...)
• Tobii (alt64)
• Cost: !!!!!!!!!!!!!!!!
Qualitativo
Test A/B
• Evaluar varios diseños y arquitecturas
• Presentar varias versiones de una misma página y medir un objetivo
• Google Website Optimizer
• Cost: 0!
Quantitativo
Test con usuarios
• Evaluar la interacción de varios usuarios con nuestra web
• Un participante
• Preferiblemente, un ordenador.
• Cost: 0!
Qualitativo
Ciclo de evaluación
Definición Testear
ImplementarAnalizar resultados
Los retos de UX
•Atracción
•Persuasión
•Usabilidad
•Accesibilidad
Discapacidades visuales
Discapacidades visuales
Discapacidades motrices
Discapacidades cognitivas
Jordi Galobart SalvatCreando experiencias :)t: @galuw: www.galu.cat