Resumen de la charla "Los retos de la experiencia de usuario" en el VI Foro de Periodistas de la Universidad Miguel Hernández de Elche (UMH)

1. Los retos de UX
Jordi Galobart Salvat
tw: @galu

2. UX?
Experiencia de usuario
Crear experiencias, emociones,
satisfacciones

3. Experiencia
Forma 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.

4. Experiencia
Forma 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.

5. usuario

6. di nusuario
o

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

8. Los retos de UX
• Atracción
• Persuasión
• Usabilidad
• Accesibilidad

10. Atracción
SEO: Fácil de encontrar en
los motores de búsqueda
SMO: Posicionamiento de
SEM: Anunciarse contenido web en los
adecuadamente y medios sociales
correctamente

11. Atracción: SEO

12. Atracción: SMO

13. Los retos de UX
• Atracción
• Persuasión
• Usabilidad
• Accesibilidad

14. Persuasión: Diseño

15. Persuasión: Diseño

16. Persuasión: Arquitectura de la
información (AI)
Usuarios
AI
Contexto Contenido

17. Persuasión: Credibilidad

18. Persuasión: Credibilidad

19. Persuasión

20. Los retos de UX
• Atracción
• Persuasión
• Usabilidad
• Accesibilidad

21. Usabilidad?
RAE:
La palabra usabilidad no está en el Diccionario.
Jackob Nielsen
definió Usabilidad web como el atributo de
calidad que mide lo fáciles que son de usar las
interfaces Web.

22. Keep It
Simple & Stupid

23. Usabilidad?
Se nt ido
Si m pl ic id ad
+ común
+ Mot iv ac ión
+ Ada pt ac ión

24. Exceso de información

25. Elementos no conocidos

26. Información confusa

27. Elementos mal colocados

28. UX en contenidos?

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

30. ¿Cómo leen?
¡¡NO LO HACEN!!
Suelen escanear la página en búsqueda de
palabras o frases

31. ¿Cómo leen?
• palabras claves • utilizar la mitad de las
palabras
• subtítulos
• Fortalecer la credibilidad
• listas
(imágenes alta calidad,
• una idea por párrafo buena escritura, uso de
enlaces)
• estilo pirámide invertida,
empezando por la
conclusión

32. ¿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).
Tex to promo cion al
0%

33. ¿Cómo leen?
Nebraska is filled with internationally recognized attractions
In 1996, six of the best-attended attractions in Nebraska
that draw large crowds of people every year, without fail. In
were Fort Robinson State Park, Scotts Bluff National
1996, some of the most popular places were Fort Robinson
Monument, Arbor Lodge State Historical Park &
State Park (355,000 visitors), Scotts Bluff National
Museum, Carhenge, Stuhr Museum of the Prairie
Monument (132,166), Arbor Lodge State Historical Park &
Tex Museum of Pioneer, and Buffalo Bill Ranch State Historical Park.
Museum (100,000), Carhenge (86,598), Stuhr to con ciso
Lengua je obje tiv o
(50 Ranch State
the Prairie Pioneer (60,002), and Buffalo Bill% pal abr as)
(más nat ura l)
Historical Park (28,446).
58% 27%
Nebraska is filled with internationally recognized attractions that
draw large crowds of people every year, without fail. In 1996, In 1996, six of the most-visited places in Nebraska were:
some of the most popular places were: ! •! Fort Robinson State Park
! •! Fort Robinson State Park (355,000 visitors) ! •! Scotts Bluff National Monument
! •! Scotts Bluff National Monument (132,166) ! •! Arbor Lodge State Historical Park & Museum
! •! Arbor Lodge State Historical Park & Museum (100,000) ! •! Carhenge
! •! Carhenge (86,598) ! •! Stuhr Museum of the Prairie Pioneer
! •! Stuhr Museum of the Prairie Pioneer (60,002)
! •! Buffalo Bill Ranch State Historical Park
! •! Buffalo Bill Ranch State Historical Park (28,446).
Tex to esc ane able Versión com bin ada
47% 124%

34. ¿Cuánto leen?
• 4.4 segundos por cada 100
palabras
• 18% de los textos
• 100 palabras
50% del texto
• 300 palabras
30% del texto

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

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

37. 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, ...)

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

39. Web vs. papel
• Internacionalización del contenido
• diferentes significados entre países sobre
una misma palabra
• Unidades de medición

40. 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)

41. Guía de estilo: algunos consejos
• Los primeros segundos son cruciales • Uso de listas
• Explicar cosas en una sola frase • Una idea por párrafo
• Utilizar voz pasiva • Pirámide invertida
• Titulares cortos y ricos en información, con • Reducir a la mitad
el significado en las 3 primeras palabras (y luego a la mitad)
• Lenguaje llano • Aumentar la credibilidad
• Diferenciar entre lenguaje en web, en mail y
en redes sociales

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

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

44. Microcontenidos: ejemplo
• Oportunidad
• Conferencia de diseño web en noruega
• Invitación: Ser conferenciante en la Conferencia
Noruega de Diseño web

45. Redes sociales: cuidar las formas
• Redes sociales: estilo más informal
• Feeds RSS: esilo más formal
• Facebook,Twitter,... : diario
• MySpace,LinkedIn,... : menos frecuente

46. Redes sociales: cuidar las formas
• Satisfacción (UX) =
• Sustancia del contenido
• Puntualidad
• Contiene la información que los usuarios
estaban esperando

47. Recursos para medir la UX de
contenidos
• Google Analytics
• Test heurístico
• Test A/B

48. Google Analytics
• Bounce rate
• %Exit
• Time on page
• Calidad de
nuestros artículos

49. Google Analytics: Social Media
Oh Ye ah ! !

50. Google Analytics: Real time
R e a l l y?

51. Google Analytics: Real time
OMFG ! !

52. Heurísticos
✓ Titular corto y conciso
✓ Una idea por párrafo
✓ Lenguaje llano
✓ Imágenes explicativas
✓ Contenido relacionado
✓ Uso correcto de listas, negritas, ...

53. Test A/B
?
España se hun
La prima de riesgo de, cada
vez más
española comienza la
n su máximores
La prima de r
iesgo ofrecida
jornada e por los bonos a los inversor
españoles a d es
inverso respecto a los iez años
a los alemanes exp
iesgo ofrecida marcado incr er
La prima de r iez años emento al com imentaba un
españoles a d sesión y llega ienzo de la
por los bonos es experimen
taba un ba a superar
aleman básicos, con los
respecto a los nto al comien
zo de la un interés sup 450 puntos
eme mientras que erior al 6,2%,
marcado incr superar los 4
50 puntos el diferencial
ba a de la deuda ..
sesión y llega rés superior a
l 6,2%, .
un inte [Leer más]
básicos, con ncial de la de
uda ...
el difere
mientras que
[Leer más]

54. Recursos contenidos
Jacob Nielsen (useit.com) Janice Redish

55. Recolección de datos
Qualitativos Quantitativos
• Pocos usuarios • Muchos usuarios
• Se trabaja con descripciones • Se trabaja con números
• Conclusiones subjetivas • Conclusiones objetivas

56. Creación de perfiles (personas)
An n a
• 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! Qua litativ o

57. 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!
Qua nti tat ivo
Qua litativ o

58. Workflow
aña dir
ver pro ducto • Definir la interacción que tiene que tener un
ficha a la cesta usuario a través de nuestra web
• Diagramas de flujo
OK tarjeta • Papel y boli
co mpra crédito • 0!

59. Prototipos
• Crear esquemas de baja o alta fidelidad
(arquitectura de la información)
• Esquemas
• Papel y lápiz
• 0!

60. Heurísticos
• Evaluación de los criterios básicos de
usabilidad
• crear checklist y evaluar cada página
• Papel y boli
• 0!
Qua litativ o

61. Test de percepción
Groarrr!
• Evaluar la primera impresión que ofrecemos
(diseño, arquitectura, comunicación)
• Mostrar imagen durante 5 segundos
• fivesecondtest.com
• 0!
Qua litativ o
Qua nti tat ivo

62. Analítica web
• Evaluar la eficacia de nuestra web
• Definir objetivos, crear seguimiento de
procesos
• Google analytics
• Cost: 0!
Qua nti tat ivo
Qua litativ o

63. Entrevistas
• Evaluar qualitativamente la satisfacción de
nuestros usuarios
• Herramientas de encuesta
• Google docs, kissmetrics, surveymonkey
• Cost: 0!
Qua litativ o
Qua nti tat ivo

64. 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!
Qua litativ o

65. Eye Tracking
• Analizar dónde centran la visión los
usuarios
• Herramientas especializadas (monitores,
gafas, ...)
• Tobii (alt64)
• Cost: !!!!!!!!!!!!!!!!
Qua litativ o

66. 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!
Qua nti tat ivo

67. Test con usuarios
• Evaluar la interacción de varios usuarios con
nuestra web
• Un participante
• Preferiblemente, un ordenador.
• Cost: 0!
Qua litativ o

68. Ciclo de evaluación
De fi nición Tes tea r
Ana liz ar
re su lt ados Im plemen ta r

69. Los retos de UX
• Atracción
• Persuasión
• Usabilidad
• Accesibilidad

70. Discapacidades visuales

71. Discapacidades visuales

72. Discapacidades motrices

73. Discapacidades cognitivas

74. Jordi Galobart Salvat
Creando experiencias :)
t: @galu
w: www.galu.cat