UX DESIGN & BIGDATAAngel SánchezUX en SocialBro

Mejorando la visualización de la información

@angelcreative

The American Genius Mag Staff @agbeat

Un gran trabajo de UX permite a las empresas identificar las

oportunidades de productos sin explotar

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

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)

Kirk Pepperdine @javaperftuning

El evento más importante en la vida de un proyecto es cuando los usuarios

interactúan con él

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

REFORZANDO

Angel Sanchez @angelcreative

Un producto puede ser usable, pero no necesariamente útil

UX NO ES USABILIDADLa 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.

REFORZANDO

VOLVIENDO, ¿QUÉ ES UX?

Angel Sánchez @angelcreative

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.

¿CÓMO UX Y BIG DATA PUEDEN TRABAJAR JUNTOS PARA CREAR MEJORES

VISUALIZACIONES DE INFORMACIÓN?

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 estructuradosBottom up

Top down

• 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

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

DATA PIPELINE

Formulapregunta

Adquisiciónde Datos

Ingesta de Datos

LimpiarInformación

Contextualizar/ Modelo Dar Acceso

De la adquisición a la integraciónModelo por Ha Phan @hpdailyrant

Edd Dumbill @edd

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

HUMANIZANDO EL BIG DATABuscar y ofrecer la información que realmente cuenta para

el usuario

• 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

UX ENTRA EN ACCIÓN

Angel Sanchez @angelcreative

El valor del diseño de UX radica en su capacidad para traducir lo abrumador en

informativo

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 UX EN ACCIÓN

1

EVALÚA Y VISUALIZA TUS INGREDIENTESOptimiza los datos para enriquecer la experiencia final.

¿Cómo se ven realmente los datos? Definitivamente, no human-friendly.

2 UX EN ACCIÓN

2

ESTRUCTURA EL CONTENIDO ARQUITECTURA DE INFORMACIÓNClasifica 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 UX EN ACCIÓN

3

PLANIFICA PARA CUBRIR LAS LAGUNAS DE INFORMACIÓNCuando descubrimos datos que "no sabíamos que no conocíamos" se tienen planes de contingencia para enmendar los fallos de forma inmediata

4 UX EN ACCIÓN

4

UN POCO DE HISTORIAVisualizaciones de información que marcaron hitos

Trina Chiasson @trinachi

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

London Cholera Map de John Snow

March on Moscow de Charles Minard

War Mortality de Florence Nightingale

Chart of Biography de Joseph Priestley

Gapminder de Hans Rosling

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

visualización de contenidos

SocialBro @socialbro

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

• 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)

RECOLECTAMOS DATOS

1

• 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"

LOS ANALIZAMOS...

2

...Y GENERAMOS ENTREGABLES

• Gestión de contenidos (GDocs)

• Comunicación (Slack)

• Prototipos (Invisionapp)

• Analítica (Kissmetrics)

• Soporte (Uservoice)

• Encuestas (Mailchimp) 3

Angel Sanchez @angelcreative

En SocialBro todos somos investigadores y todo el mundo puede contribuir al conocimiento colectivo, todos somos

'diseñadores de producto'

Por ejemplo, SABEMOS CUANDO ITERAR CON EL EQUIPO, BASADOS

EN LOS DATOS DE ACTIVIDAD (GitHub)

Resumiendo

VISUALIZANDO LA INFORMACIÓNTodo es cuestión de percepción, aquella que los usuarios

crean sobre una organización, servicio o producto

Las visualizaciones ayudan a convertir algo que nuestros usuarios quieren encontrar en algo que pueden ver

Leer la hora Ver la hora

Javier Burón @javierburon

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.

DEL BIGDATA AL SMALLDATA O A LA VISUALIZACIÓN DE INFORMACIÓN

Volumen

Velocidad

Variedad

Precisión

Control

Info refinada

Interactividad

Datos "en crudo" Información semántica Visualización

UI efectiva

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

Albert Einstein(Twitter no disponible)

No todo lo que se puede contar importa, y no todo lo que importa tiene que ser

contado

LITTLE BIG DETAILSReducción de la densidad de la información

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

Angel Sanchez @angelcreative

Hazlo bien, no rápido

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

ideas

DISEÑO PARA BIG DATA

Angel Sanchez @angelcreative

Pablo Casado @hardlifeofapo

El Big Data son sólo datos. Lo importante es lo que se puede hacer con ellos

FINColaboración:Jenifer Prado@jprado_11