DecideChile

UI

UI

Dataviz

UI

UI

Responsive

Responsive

Diseño de sitio web responsivo que apunta a mostrar visualización de datos electorales a partir del Plebiscito del 2020 en Chile.

Rol

Diseñadora UX/UI

Herramientas

Sketch

Principle

Contexto

Año

2019-2020

Equipo

01 Project Manager

01 Diseñadora UX/UI

02 Desarrolladores

¿CUÁL es el problema?

DecideChile nació años atrás de mano de Unholster para visualizar e informar sobre resultados electorales en Chile. Con el estallido social de octubre del 2019, y como respuesta al descontento de la ciudadanía, se propuso una elección donde los chilenos decidirían si continuar on la constitución actual o redactar una nueva con una comisión o convención también elegida democráticamente.

Es con esto que surge la necesidad de crear un sitio que pudiese mostrar en tiempo real los resultados de este importante plebiscito que se realizaría en abril del 2020.

Objetivo principal

Visualizar en tiempo real los resultados del Plebiscito Nacional 2020.

Objetivos específicos

  • Visualizar resultados para ambas preguntas del plebiscito.

  • Visualizar resultados a nivel nacional, regional y comunal.

Usuarios

En términos de investigación de usuario no hubo una etapa concreta, sino más bien se hicieron un par de proto-personas que después se confirmaron con los socios de la empresa, que anteriormente estuvieron altamente involucrados en el proyecto. Se definió como usuario a una persona mayor de 21 años, generalmente con estudios superiores e interés en la política nacional.

Proto-personas.

Proceso

Para empezar con las ideas primero se hicieron mock ups de baja fidelidad en sketch, en formato desktop, ya que era el formato conocido que se tenía de DecideChile. Estas fueron iteraciones cortas con feedback directo del Project Manager, por lo que las variantes fueron numerosas.

Desafíos

En un principio la idea era tener una cantidad grande de círculos que representara cierta cantidad de votantes, y que éstos se fuesen distribuyendo entre las dos opciones que tenía cada pregunta. Al diseñar en formato móvil, el mayor desafío que se presentó fue el diseño de interacciones y la usabilidad del sitio en pantallas más pequeñas. Para eso se probaron diferentes ideas que comprendían distintos gestos para la navegación a través de los resultados electorales. Esta idea se descartaría por el tiempo de desarrollo que requeriría. En su lugar, se decidió una visualización estática, en el sentido de que no requeriría de una acción del usuario para obtener datos.

Propuestas de interacción hechas en Principle.

Aprendizajes

Este fue un desafío corto en tiempo y desafiante en términos de diseño. El tiempo y la complejidad técnica de una visualización interactiva jugaron en contra. Sin embargo, el ritmo y periodicidad de las iteraciones fueron un excelente ejercicio en términos de feedback entre diseño y desarrollo. Conocer los límites técnicos permitió descartar a tiempo ideas que pudiesen haber sido muchísimo más costosas en tiempo de desarrollo.

Este en particular fue uno de los proyectos que más he disfrutado, por la libertad creativa, la posibilidad de probar nuevas herramientas, nuevos formatos de visualización, el feedback constante y la posibilidad de trabajar más por el lado del diseño de visualización de datos.

Hecho con

por Constanza Morales Ávila

Copyright © 2025

Hecho con

por Constanza Morales Ávila

Copyright © 2025

Hecho con

por Constanza Morales Ávila

Copyright © 2025