Los retos de la experiencia de usuario

  • 619 views
Uploaded on

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)

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)

More in: Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
619
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
12
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Los retos de UXJordi Galobart Salvattw: @galu
  • 2. UX?Experiencia de usuarioCrear experiencias, emociones,satisfacciones
  • 3. ExperienciaForma de conocimiento o habilidad derivadosde la observación, de la vivencia de unevento o proveniente de las cosas quesuceden en la vida.
  • 4. ExperienciaForma de conocimiento o habilidad derivadosde la observación, de la vivencia de unevento o proveniente de las cosas quesuceden 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
  • 9. AtracciónSEO: Fácil de encontrar enlos motores de búsqueda SMO: Posicionamiento deSEM: Anunciarse contenido web en losadecuadamente y medios socialescorrectamente
  • 10. Atracción: SEO
  • 11. Atracción: SMO
  • 12. Los retos de UX• Atracción• Persuasión• Usabilidad• Accesibilidad
  • 13. Persuasión: Diseño
  • 14. Persuasión: Diseño
  • 15. Persuasión: Arquitectura de la información (AI) Usuarios AI Contexto Contenido
  • 16. Persuasión: Credibilidad
  • 17. Persuasión: Credibilidad
  • 18. Persuasión
  • 19. Los retos de UX• Atracción• Persuasión• Usabilidad• Accesibilidad
  • 20. Usabilidad?RAE:La palabra usabilidad no está en el Diccionario.Jackob Nielsendefinió Usabilidad web como el atributo decalidad que mide lo fáciles que son de usar lasinterfaces Web.
  • 21. Keep ItSimple & Stupid
  • 22. Usabilidad? Se nt idoSi m pl ic id ad + común + Mot iv ac ión + Ada pt ac ión
  • 23. Exceso de información
  • 24. Elementos no conocidos
  • 25. Información confusa
  • 26. Elementos mal colocados
  • 27. UX en contenidos?
  • 28. UX en contenidos?Un usuario tarda menos de 4 segundospara saber si un texto es interesanteSólo leen el 18% de las palabras
  • 29. ¿Cómo leen? ¡¡NO LO HACEN!!Suelen escanear la página en búsqueda depalabras o frases
  • 30. ¿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
  • 31. ¿Cómo leen?Nebraska is filled with internationally recognizedattractions that draw large crowds of people every year,without fail. In 1996, some of the most popular placeswere Fort Robinson State Park (355,000 visitors), ScottsBluff National Monument (132,166), Arbor Lodge StateHistorical Park & Museum (100,000), Carhenge (86,598),Stuhr Museum of the Prairie Pioneer (60,002), and BuffaloBill Ranch State Historical Park (28,446). Tex to promo cion al 0%
  • 32. ¿Cómo leen?Nebraska is filled with internationally recognized attractions In 1996, six of the best-attended attractions in Nebraskathat draw large crowds of people every year, without fail. In were Fort Robinson State Park, Scotts Bluff National1996, 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 PrairieMonument (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 Statethe 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 thatdraw 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%
  • 33. ¿Cuánto leen? • 4.4 segundos por cada 100 palabras • 18% de los textos • 100 palabras 50% del texto • 300 palabras 30% del texto
  • 34. 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
  • 35. 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
  • 36. 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, ...)
  • 37. 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
  • 38. Web vs. papel • Internacionalización del contenido • diferentes significados entre países sobre una misma palabra • Unidades de medición
  • 39. 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)
  • 40. 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
  • 41. 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
  • 42. 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
  • 43. Microcontenidos: ejemplo• Oportunidad• Conferencia de diseño web en noruega• Invitación: Ser conferenciante en la Conferencia Noruega de Diseño web
  • 44. Redes sociales: cuidar las formas• Redes sociales: estilo más informal• Feeds RSS: esilo más formal• Facebook,Twitter,... : diario• MySpace,LinkedIn,... : menos frecuente
  • 45. Redes sociales: cuidar las formas• Satisfacción (UX) = • Sustancia del contenido • Puntualidad • Contiene la información que los usuarios estaban esperando
  • 46. Recursos para medir la UX de contenidos• Google Analytics• Test heurístico• Test A/B
  • 47. Google Analytics • Bounce rate • %Exit • Time on page • Calidad de nuestros artículos
  • 48. Google Analytics: Social Media Oh Ye ah ! !
  • 49. Google Analytics: Real timeR e a l l y?
  • 50. Google Analytics: Real time OMFG ! !
  • 51. Heurísticos✓ Titular corto y conciso✓ Una idea por párrafo✓ Lenguaje llano✓ Imágenes explicativas✓ Contenido relacionado✓ Uso correcto de listas, negritas, ...
  • 52. Test A/B ? España se hunLa prima de riesgo de, cada vez másespañola comienza la n su máximores La prima de r iesgo ofrecidajornada 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 erLa prima de r iez años emento al com imentaba un españoles a d sesión y llega ienzo de lapor los bonos es experimen taba un ba a superar aleman básicos, con losrespecto 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]
  • 53. Recursos contenidosJacob Nielsen (useit.com) Janice Redish
  • 54. Recolección de datosQualitativos Quantitativos• Pocos usuarios • Muchos usuarios• Se trabaja con descripciones • Se trabaja con números• Conclusiones subjetivas • Conclusiones objetivas
  • 55. 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
  • 56. 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
  • 57. 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 bolico mpra crédito • 0!
  • 58. Prototipos • Crear esquemas de baja o alta fidelidad (arquitectura de la información) • Esquemas • Papel y lápiz • 0!
  • 59. 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
  • 60. Test de percepciónGroarrr! • 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
  • 61. 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
  • 62. 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
  • 63. 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
  • 64. Eye Tracking • Analizar dónde centran la visión los usuarios • Herramientas especializadas (monitores, gafas, ...) • Tobii (alt64) • Cost: !!!!!!!!!!!!!!!! Qua litativ o
  • 65. 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
  • 66. Test con usuarios • Evaluar la interacción de varios usuarios con nuestra web • Un participante • Preferiblemente, un ordenador. • Cost: 0! Qua litativ o
  • 67. Ciclo de evaluaciónDe fi nición Tes tea r Ana liz arre su lt ados Im plemen ta r
  • 68. Los retos de UX• Atracción• Persuasión• Usabilidad• Accesibilidad
  • 69. Discapacidades visuales
  • 70. Discapacidades visuales
  • 71. Discapacidades motrices
  • 72. Discapacidades cognitivas
  • 73. Jordi Galobart SalvatCreando experiencias :)t: @galuw: www.galu.cat