Una UI que se adapta

a quien la usa

El tablero de ventas: 15 gráficas que se reorganizan según quién lo usa, en qué pantalla y para qué.

ProyectoPlataforma de ventasRolDiseño UX y de interfazPlataformaTableta, escritorio, TV y proyector
Tablero de ventas / Demo

Cuatro pantallas. Distintas personas. Un solo tablero.

El reto no eran las gráficas: el mismo tablero tenía que leerse en cuatro pantallas distintas.

Dirección de Ventas necesitaba analizar las ventas del año y presentarlas en juntas. El tablero se usaba en una tableta, en una computadora, en una TV o proyectado en una junta, y a cada persona le importaba un dato distinto.

El orden lo pone cada persona. El acomodo, el tablero.

Le dimos el orden al usuario y el acomodo al tablero.

Cada persona decide qué gráficas ve y en qué orden; el tablero decide cómo caben en cada pantalla sin perder lo que va primero.

01Cada quien arma el suyoNo hay un tablero para todos. Cada persona elige las gráficas que le sirven y en qué orden.
02Lo primero nunca se caeAl cambiar de pantalla, el tablero se reacomoda en el orden que eligió cada persona. Lo que va primero siempre cabe.
03Hecho para presentarEn TV o proyector, el tablero se lee a distancia: menos ruido y cifras más grandes.
Flujo completo
Pantallas
01 · El tableroEl tablero
02 · Cada gráfica cambia de tamañoCada gráfica cambia de tamaño
03 · Una gráfica ocupa 2×2Una gráfica ocupa 2×2
04 · El tablero se ajustaEl tablero se ajusta
05 · Doce gráficas por páginaDoce gráficas por página
06 · Más gráficas por páginaMás gráficas por página
07 · El tablero en tema oscuroEl tablero en tema oscuro
08 · Tema oscuro, 3×2Tema oscuro, 3×2
09 · Una gráfica a pantalla completaUna gráfica a pantalla completa
El resultadoInterfaces que se adaptan al usuario, no usuarios que se adaptan a la interfaz.

Una UI que se adapta

a quien la usa

El tablero de ventas: 15 gráficas que se reorganizan según quién lo usa, en qué pantalla y para qué.

ProyectoPlataforma de ventasRolDiseño UX y de interfazPlataformaTableta, escritorio, TV y proyector
Tablero de ventas / Demo

Cuatro pantallas. Distintas personas. Un solo tablero.

El reto no eran las gráficas: el mismo tablero tenía que leerse en cuatro pantallas distintas.

Dirección de Ventas necesitaba analizar las ventas del año y presentarlas en juntas. El tablero se usaba en una tableta, en una computadora, en una TV o proyectado en una junta, y a cada persona le importaba un dato distinto.

El orden lo pone cada persona. El acomodo, el tablero.

Le dimos el orden al usuario y el acomodo al tablero.

Cada persona decide qué gráficas ve y en qué orden; el tablero decide cómo caben en cada pantalla sin perder lo que va primero.

Flujo completo
01Cada quien arma el suyoNo hay un tablero para todos. Cada persona elige las gráficas que le sirven y en qué orden.
02Lo primero nunca se caeAl cambiar de pantalla, el tablero se reacomoda en el orden que eligió cada persona. Lo que va primero siempre cabe.
03Hecho para presentarEn TV o proyector, el tablero se lee a distancia: menos ruido y cifras más grandes.
Pantallas
01 · El tableroEl tablero
02 · Cada gráfica cambia de tamañoCada gráfica cambia de tamaño
03 · Una gráfica ocupa 2×2Una gráfica ocupa 2×2
04 · El tablero se ajustaEl tablero se ajusta
05 · Doce gráficas por páginaDoce gráficas por página
06 · Más gráficas por páginaMás gráficas por página
07 · El tablero en tema oscuroEl tablero en tema oscuro
08 · Tema oscuro, 3×2Tema oscuro, 3×2
09 · Una gráfica a pantalla completaUna gráfica a pantalla completa
El resultadoInterfaces que se adaptan al usuario, no usuarios que se adaptan a la interfaz.

Proyectos que te pueden interesar