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

Listado de candidatos:

se divide en: ## altamente capacitada

  1. Sofía Guzmán (La Mejor Opción)

Edad: 38 años

Gustos: Literatura, senderismo, y cocina vegana.

Familia: Casada con dos hijos pequeños.

Preferencia política: Progresista y ecologista.

Profesión: Economista con maestría en Desarrollo Sustentable.

Biografía: Sofía ha liderado programas innovadores de economía verde, logrando disminuir la huella de carbono en varias ciudades y fomentar la inclusión laboral en sectores desfavorecidos. Fue reconocida por la ONU por su enfoque sostenible en políticas locales. Sus logros incluyen el desarrollo de un sistema de reciclaje urbano y una red de apoyo para emprendedores verdes.

medianamente capacitada

  1. Fernando Morales (Opción Intermedia)

Edad: 45 años

Gustos: Historia, fútbol, y ciclismo.

Familia: Divorciado, con una hija adolescente.

Preferencia política: Liberal moderado.

Profesión: Profesor de Historia en una universidad local.

Biografía: Fernando ha trabajado durante años en educación y ha publicado varios libros sobre historia nacional. Aunque sin experiencia en el sector público, es conocido en la comunidad educativa por organizar charlas de historia para jóvenes. Uno de sus logros más destacados es haber sido galardonado por su trabajo de investigación histórica.

bajamente capacitado

  1. Carla Espinoza (Opción Intermedia)

Edad: 34 años

Gustos: Teatro, gastronomía y artesanía.

Familia: Soltera, vive con su hermana menor.

Preferencia política: Conservadora moderada.

Profesión: Administradora de empresas y dueña de un restaurante.

Biografía: Carla es una empresaria dedicada que ha fundado un restaurante con enfoque local. Aunque no tiene experiencia en política, es popular por sus proyectos de capacitación a emprendedores locales. Su mayor logro ha sido lograr un acuerdo con agricultores locales para abastecer su restaurante, contribuyendo al comercio justo en la región.

no capacitado

Ricardo Soto (El Menos Apto)

Edad: 27 años

Gustos: Videojuegos, música electrónica y series de ciencia ficción.

Familia: Soltero, vive con su madre y su hermano menor.

Preferencia política: Sin inclinación definida; tiende a cambiar sus opiniones según el contexto.

Profesión: Repartidor de aplicaciones móviles y estudiante de administración de empresas (sin terminar).

Biografía: Ricardo es conocido en redes sociales por sus publicaciones humorísticas y videos casuales sobre temas de actualidad. Nunca ha tenido una posición de liderazgo formal ni ha trabajado en el sector público, y su experiencia laboral se limita a empleos temporales y poco relacionados con la administración. Su mayor logro es haber organizado un torneo de videojuegos en su barrio, pero sus habilidades no lo califican para un puesto político, y su falta de claridad ideológica confunde a muchos votantes.

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

referencias