dis8637-2024-2

clase-11

Evaluación Intermedia - Proyecto de Votación Interactiva (EgoCracia)

Mediante este proyecto buscamos explorar cómo las interfaces pueden influir en la toma de decisiones del usuario en un entorno de votación. Por ello desarrollaremos:

Un módulo de votación que esta compuesto por estaciones de interacción que confunde al usuario (visitantes de diseño abierto) a la hora de emitir su voto por algún candidato ficticio …

Se le presenta al usuario una lista de candidatos, pero la interfaz está diseñada de manera confusa y difícil de navegar para inducir el voto hacia un candidato específico. Si el usuario intenta seleccionar otro candidato, la interfaz genera un error y lo redirige a una nueva pantalla aún más compleja, repitiendo el ciclo hasta que el usuario elige al candidato deseado (definido por nosotros).

image

¿Qué queremos lograr con éste proyecto?

Que los participantes de diseño abierto reflexionen respecto a las falencias del sistema de electoral

Flujo de interacción

Flujo con Ciclos de Error Progresivo

  1. Entrada a la Habitación: El usuario llega a la habitación y ve un sistema de votación digital listo para usar.
  2. Instrucciones Iniciales: La pantalla muestra una breve introducción sobre la importancia de la votación y cómo proceder.
  3. Presentación de la Lista de Candidatos: Aparecen los candidatos, con el candidato preferido resaltado sutilmente (mediante color o posición).
  4. Selección de Candidato: El usuario elige un candidato.
  5. Validación de Candidato:

Si selecciona el candidato preferido: Se muestra un mensaje de confirmación, y el usuario procede a completar su voto exitosamente.

Si selecciona otro candidato: Aparece un mensaje de error indicando que ocurrió un problema y se debe intentar de nuevo.

  1. Carga de Nueva Interfaz (Mayor Dificultad): La interfaz se recarga, mostrando una lista de candidatos con un diseño menos intuitivo (botones menos visibles, opciones desordenadas).
  2. Segundo Intento de Selección de Candidato: El usuario intenta votar de nuevo, encontrando la interfaz más confusa.
  3. Nueva Validación de Candidato:

Si selecciona el candidato preferido: El sistema acepta el voto.

Si selecciona otro candidato: Ocurre un nuevo error, y se recarga otra interfaz con mayor dificultad.

  1. Iteración Final de Voto (Máxima Dificultad): La interfaz incluye obstáculos adicionales (formularios largos, captcha confuso), hasta que el usuario elige al candidato preferido.
  2. Confirmación de Voto: Finalmente, se muestra un mensaje confirmando que el voto ha sido registrado, mediante sistema de arduino (contabilización).

Screenshot 2024-10-28 at 11 25 29 PM

Diseño de Interfaz:

Wireframes, interfaces, propuestas

Este sistema de votación se compone de una serie de 3-4 “niveles” de interacción, dentro de los cuales se irán aceptando aquellos votos que sean inclinados hacia nuestro “candidato ideal”

Top 3 de interacciones a desarrollar:

USUARIOS

estas interacciones estarán diseñadas mediante malas interfaces para confundir al usuario y llevarlo a su limite de paciencia

Screenshot 2024-10-28 at 11 30 27 PM

ref https://www.reddit.com/r/badUIbattles/comments/1ee36qb/draganddrop_password_login/

Screenshot 2024-10-28 at 11 36 17 PM

ref https://www.reddit.com/r/badUIbattles/comments/1bnrcgd/phone_input_but_you_have_to_put_the_ascii_code/

Screenshot 2024-10-28 at 11 34 20 PM

ref https://im-a-puzzle.com/share/1673c47d0eaf90e

Screenshot 2024-10-28 at 11 35 08 PM

ref https://goulartnogueira.github.io/BadUI/bad-name-selector/

Nuestro modulo se visualizará de la siguiente forma:

image

CASOS LIMITES

CASOS DE ERROR

y se compondrá por:

image

https://articulo.mercadolibre.cl/MLC-1458627633-control-wiimote-original-wii-funda-de-silicona-original-_JM

https://articulo.mercadolibre.cl/MLC-577726050-sensor-barra-infraroja-para-nintendo-wii-wii-u-receptor-ir-_JM

https://www.pcfactory.cl/producto/48279-aoc-monitor-20-hd–panel-tn-60hz-20e1h

https://www.mercadolibre.cl/cable-hdmi-8k-21-jkr-tech-certificado-48gbps-2-mts-ultra-hd-4k-120hz-8k-60hz-jkr/p/MLC29804760

https://articulo.mercadolibre.cl/MLC-1447945991-pilas-aa-alcalinas-energizer-max-doble-a-blister-de-4-pilas-_JM

https://www.falabella.com/falabella-cl/product/137185870/NOTEBOOK-INTEL-CORE-I5-THINKPAD/137185871

Para lograr desarrollar de forma física EgoCracia, armamos un plan de acción que consiste en:

Screenshot 2024-10-28 at 11 45 10 PM