1. UX diseñadores ayudan a empresas a obtener valor de grandes cantidades de datos (big data) mediante el planteamiento de preguntas correctas, la evaluación y visualización efectiva de la información y la estructuración del contenido para satisfacer las necesidades de los usuarios. 2. Las empresas recopilan datos de usuarios de múltiples fuentes, los analizan para comprender los contextos y priorizar la información más relevante, y generan visualizaciones que convierten los datos en acciones útiles. 3. Las mejores visualizaciones

1. UX DESIGN & BIGDATA
Mejorando la visualización de la información
Angel Sánchez
UX en SocialBro
@angelcreative

2. Un gran trabajo de UX permite a las
empresas identificar las oportunidades
de productos sin explotar
The American Genius Mag Staff
@agbeat

3. ¿QUÉ ES USER EXPERIENCE?
Primero hay que saber qué cosa NO es UX

4. UX NO ES...
• Guiada solo por la tecnología
• Sobre un individuo utilizando un
sistema en solitario
• Sólo el análisis de tareas cognitivas
• Usabilidad (a pesar que la facilidad
de uso, contribuye a una mejor UX)
• Diseño visual de la interfaz de
usuario (UI)

5. El evento más importante en la vida de
un proyecto es cuando los usuarios
interactúan con él
Kirk Pepperdine
@javaperftuning

6. REFORZANDO
UX NO ES UI
User Interface es todo diseño
visual destinado a utilizarse
en dispositivos de
información con los que el
ser humano eventualmente
interactuará.

7. Un producto puede ser usable,
pero no necesariamente útil
Angel Sanchez
@angelcreative

8. REFORZANDO
UX NO ES USABILIDAD
La Usabilidad es el atributo,
medible, de calidad (cómo
son percibidas tanto su
facilidad de uso y utilidad
para su fin previsto)
inherente a cada producto.

9. VOLVIENDO, ¿QUÉ ES UX?

10. UX es el conjunto de métodos (y especialidades) que
mediante prácticas de investigación cualitativas y
cuantitativas obtiene y procesa datos que buscan
comprender el contexto para mejorar la
efectividad de un producto, en el momento que un
usuario o grupos de usuarios interactúan con él.
Angel Sánchez
@angelcreative

11. ¿CÓMO UX Y BIG DATA PUEDEN TRABAJAR
JUNTOS PARA CREAR MEJORES
VISUALIZACIONES DE INFORMACIÓN?

12. SMALL DATA
!
Los usuarios se quedan con lo
"mejor" o los datos más relevantes.
!
!
El resto, no le importa.
Top down
BIG DATA
!
Datos irrelevantes o
de baja calidad.
!
Datos no estructurados
! Bottom up

13. • Hace tres años llegué a
SocialBro, la herramienta de
analítica de Twitter #1
• Más de 270mil usuarios de
diferentes partes del mundo
con conexiones sociales de
millones de personas generan
una cantidad abrumadora de
datos

14. ¿CÓMO CONVERTIR
ESTA ENORME
CANTIDAD DE DATOS
EN INFORMACIÓN
PROCESABLE?

15. DATA PIPELINE
Formula
pregunta
Adquisición
de Datos
Ingesta de
Datos
Limpiar
Información
Contextualizar
/ Modelo Dar Acceso
De la adquisición a la integración
Modelo por Ha Phan
@hpdailyrant

16. Los datos son enormes, se mueven muy rápido y no
se ajustan a las restricciones de arquitectura de bases
de datos comunes, para obtener valor de estos
datos, se debe elegir un camino alternativo
Edd Dumbill
@edd

17. HUMANIZANDO EL BIG DATA
Buscar y ofrecer la información que realmente cuenta para
el usuario

18. UX ENTRA EN ACCIÓN
• Proporciona y evalúa las
propuestas de valor a
desarrollar
• Aporta soluciones que
facilita la toma de
decisiones de negocio
• Diseña visualizaciones de
información en torno a las
necesidades de los
usuarios

19. El valor del diseño de UX radica en su capacidad
para traducir lo abrumador en informativo
Angel Sanchez
@angelcreative

20. 1 UX EN ACCIÓN
FORMULA
PREGUNTAS
Plantea las preguntas
correctas para
contextualizar la
información en los análisis
de los datos que llegan a la
empresa por los diversos
canales
1

21. 2 UX EN ACCIÓN
2
EVALÚA Y VISUALIZA
TUS INGREDIENTES
Optimiza los datos para
enriquecer la experiencia final.
!
¿Cómo se ven realmente
los datos? Definitivamente,
no human-friendly.

22. 3 UX EN ACCIÓN
ESTRUCTURA EL CONTENIDO
ARQUITECTURA DE
INFORMACIÓN
Clasifica los datos y utilizarlos en
varios contextos de información.
!
Elimina fallos en la ontología
que repercutirán en la
experiencia de uso para evitar
que la información llegue a los
usuario con lagunas.
3

23. 4 UX EN ACCIÓN
4
PLANIFICA PARA
CUBRIR LAS LAGUNAS
DE INFORMACIÓN
Cuando descubrimos datos
que "no sabíamos que no
conocíamos" se tienen
planes de contingencia para
enmendar los fallos de
forma inmediata

24. UN POCO DE HISTORIA
Visualizaciones de información que marcaron hitos

25. Diseñar una visualización de información es
como cocinar, decides qué datos utilizar, los
recopilas, preparas y limpias para usarlos, luego,
creas la visualización y presentas el resultado final
Trina Chiasson
@trinachi

26. London Cholera Map de John Snow

27. March on Moscow de Charles Minard

28. War Mo"ality de Florence Nightingale

29. Cha" of Biography de Joseph P$estley

30. Gapminder de Hans Rosling

31. ¿CÓMO LO HACEMOS EN SOCIALBRO?
De datos en crudo a información de valor para la
visualización de contenidos

32. Hoy en día buscamos y queremos lo que se conoce
como 'People Data', aquellos pequeños detalles que
nos dicen lo que nuestro usuario piensa y siente.
SocialBro
@socialbro
!
Créelo, vivimos en un 'Minority Report' real donde el
seguimiento de las cuentas en redes sociales
puede pueden predecir el futuro

33. RECOLECTAMOS DATOS
• Feedback vía email,
encuestas y tickets de
soporte (Support team)
• Seguimos de cerca los
canales sociales, menciones
e interacciones (Comm team)
• Entrevistamos a los clientes
regularmente (Sales team)
• Estudiamos el panorama de
tendencias y a la
competencia (Design team)
1

34. LOS ANALIZAMOS...
• Nos preguntamos interrogantes que
guían al descubrimiento
• Evaluamos el contexto de los datos
• Visualizamos los datos de forma
temprana
• Planificamos la experiencia por
niveles para hacer frente a las
lagunas
• Priorizamos la "punta del iceberg"
• Balanceamos el "top down" y el
"bottom up"
2

35. ...Y GENERAMOS
ENTREGABLES
• Gestión de contenidos
(GDocs)
• Comunicación (Slack)
• Prototipos (Invisionapp)
• Analítica (Kissmetrics)
• Soporte (Uservoice)
• Encuestas (Mailchimp) 3

36. En SocialBro todos somos investigadores y
todo el mundo puede contribuir al conocimiento
colectivo, todos somos 'diseñadores de producto'
Angel Sanchez
@angelcreative

37. Por ejemplo, SABEMOS CUANDO
ITERAR CON EL EQUIPO, BASADOS
EN LOS DATOS DE ACTIVIDAD
(GitHub)

38. Resumiendo

39. VISUALIZANDO LA INFORMACIÓN
Todo es cuestión de percepción, aquella que los usuarios
crean sobre una organización, servicio o producto

40. Leer la hora Ver la hora
Las visualizaciones ayudan a convertir algo que nuestros usuarios
quieren encontrar en algo que pueden ver

44. Darle sentido a esos cientos de gigas o de teras y
convertirlos en acciones es dónde está el reto.
Javier Burón
@javierburon
!
Alguna vez tendrás que almacenarlos, otras veces
tendrás que procesarlos y otras veces ambas; en
función de lo que quieran tus usuarios tendrán
que ser accesibles de diferentes formas, como
agregado estadístico, como patrón de
comportamiento, etc.

45. DEL BIGDATA AL SMALLDATA O A LA
VISUALIZACIÓN DE INFORMACIÓN
Datos "en crudo" Información semántica Visualización
Volumen
Velocidad
Variedad
Precisión
Control
Info refinada
Interactividad
UI efectiva

46. VISUALIZACIÓN DE
INFORMACIÓN EFECTIVA
• Tiene un propósito y enfoque
claro
• Contiene (sólo) la información
apropiada
• Está estructurada
correctamente
• Viene en un formato útil

47. No todo lo que se puede contar importa, y no
todo lo que importa tiene que ser contado
Albert Einstein
(Twitter no disponible)

48. LITTLE BIG DETAILS
Reducción de la densidad de la información

49. La reducción de la densidad de información es difícil, porque se puede ir demasiado
lejos. Es necesario que haya un equilibrio. Buscamos un balance

56. Hazlo bien, no rápido
Angel Sanchez
@angelcreative

57. La visualizaciones de información extienden nuestra percepción y
potencian nuestra capacidad para obtener y captar ideas

58. DISEÑO PARA
BIG DATA
Angel Sanchez
@angelcreative

59. El Big Data son sólo datos. Lo
importante es lo que se puede
hacer con ellos
Pablo Casado
@hardlifeofapo

60. FIN
Colaboración:
Jenifer Prado
@jprado_11