La importancia del diseño de UX para mostrar el poder de la analítica de Big Data en interfaces centradas en el usuario, el ejemplo de SocialBro

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.
BIG DATA
Datos irrelevantes o
de baja calidad.
Datos no estructurados
Top down
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
Edd Dumbill
@edd
alternativo

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
Angel Sanchez
@angelcreative
informativo

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 Mortality de Florence Nightingale

29. Chart of Biography de Joseph Priestley

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.
Créelo, vivimos en un 'Minority Report' real donde el
seguimiento de las cuentas en redes
sociales puede pueden predecir el futuro
SocialBro
@socialbro

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.
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.
Javier Burón
@javierburon

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