Rediseño Voto Electrónico

Tecnolgico de Costa RicaEscuela de Ingeniera en Diseo Industrial

Rediseo delsistema Voto Electrnico

Proyecto de graduacin

Para optar por el ttulo de Ingeniera en Diseo Industrialcon el grado acadmico de Bachiller Universitario

Asesor acadmico: Ph. D. Franklin Hernndez-Castro

Estudiante: Jos Adrin Gmez MonteroII Semestre 2014

En diseo, la indiferencia hacia la gente y hacia la realidad en la que vivimos es el nico pecado capital.

El buen diseo es innovadorEl buen diseo hace til a un productoEl buen diseo es estticoEl buen diseo ayuda a entender un productoEl buen diseo no molestaEl buen diseo es honestoEl buen diseo es duraderoEl buen diseo es minucioso hasta el ltimo detalleEl buen diseo se preocupa por el medio ambienteEl buen diseo es tan poco diseo como sea posible

Dieter Rams

3Tabla de contenidos

IntroduccinAntecedentes

Problema

Anlisis de involucrados

Anlisis de problemas

Anlisis de objetivos

Pgina

5

Marco metodolgicoEtapas de la metodologa del proyecto

14

Cronograma 18

Marco tericoConceptualizacin

Esqueuomorfismo

Sufragio manual

Accesibilidad digital

Software y hardware

Situacin actual

Anlisis de referenciales

20

1

2

3

4

4Arquitectura propuestaElaboracin de la nueva arquitectura

Nueva arquitectura

Pgina

81

Paper prototypingProceso de votacin

Proceso del miembro de mesa

107

Look&feelMoodboards

Semntica de los elementos

Diseo de la papeleta

Seccin de votacin

Interfaz para los miembros de mesa

115

Aspectos finales

Conclusiones

Recomendaciones

Bibliografa

154

Wireframes 86

5

6

7

8

9

nmero de captulo: 1/6

Introduccin

Este documento contiene informacin de la investigacin y anlisis, desarrollados como parte del proyecto de rediseo de Voto Electrnico, en materia de usabilidad de la interfaz grfica y del flujo general de interaccin del usuario con la herramienta.

Antecedentes

Problema


Anlsis de problemas

Anlisis de objetivos

Introduccin

6

AntecedentesDesde inicios de 2007, el Tribunal Supremo de Elecciones (TSE) y el Instituto Tecnolgico de Costa Rica (TEC) trabajan en un proyecto para el desarrollo de un prototipo para implementar el Voto Electrnico (VE), incluyendo hardware y software.

Se firma un Convenio Marco de Cooperacin entre el TSE y el TEC, y posteriormente una Carta de Entendimiento en el cual las partes proponen colaborar con la investigacin y desarrollo de un sistema de voto electrnico que contine dando al pas el liderazgo que posee en materia de democracia.

Voto electrnico es un proyecto que desarrolla el Instituto Tecnolgico de Costa Rica (TEC), especficamente el Centro de Investigaciones en Computacin (CIC), evaluado por el Tribunal Supremo de Elecciones (TSE).

Este proyecto pretende implementar un mecanismo de identificacin de votantes que permita reducir los tiempos de espera de los votantes en la fila, as como tener un mecanismo de votacin por medio de un dispositivo electrnico, que tenga y supere las caractersticas del proceso actual de emisin del voto en Costa Rica, en lo referente a seguridad, confiabilidad, accesibilidad, integridad, simplicidad y transparencia.

Modernizando de esta forma la emisin del sufragio y facilitando la logstica del proceso y el trabajo de los miembros de mesa.

Introduccin

7

ProblemaEl gobierno de Costa Rica ha dependido de mecanismos manuales para el proceso electoral durante ms de cinco dcadas, que aunque han sido confiables y seguros, varios indicadores revelan que es necesario impulsar alternativas que permitan modernizar el sistema actual.

Uno de estos indicadores es el crecimiento demogrfico del pas. Esto significa que a mayor cantidad de electores, mayor ser la demanda organizacional requerida para la integracin de las juntas receptoras, dando como resultado la necesidad de destinar ms fondos para dicha actividad.

Adems, se debe tener en cuenta el aumento de los procesos electorales, tomando en cuenta que no son solamente las elecciones presidenciales sino que tambin se cuenta con las de regidores municipales, adems de posibles segundas rondas y referndums.

Aunque se ha realizado un diseo para el proyecto Voto Electrnico, no se han tomado en cuenta aspectos de usabilidad importantes y determinantes, por lo que se ven comprometidos principios fundamentales del proyecto como los son la confiabilidad, accesibilidad y simplicidad; como consecuencia dicha herramienta no va ser de uso efectivo por parte del usuario.

Aumento de lacantidad de electores

Aumento de losprocesos electorales

Se pretende mejorar el uso del sistema Voto Electrnico, dado que el sistema actual, no cuenta con aspectos de usabilidad. Lo que a la vez repercute en falta de confiabilidad por parte del usuario, as

como directamente en accesibilidad al voto.

Necesidad o definicin del proyecto


Introduccin

8

Electores

Miembros de mesa

Intereses

Intereses

Agilizacin del proceso de sufragio en las urnasEl sistema debe ser usableConocer los resultados de las votaciones de una forma ms rpidaEl mecanismo de votacin debe ser simple, seguro y confiable

Agilizacin del proceso de sufragio en las urnasFacilitar la logstica del proceso

Problemas percibidosLentitud del proceso de sufragio en las urnasLentitud para facilitar resultados al rgano principalEl sistema actual no posibilita realizar las acciones de una forma fcil y rpida

Problemas percibidosDificultad para la realizacin de la tarea en el nuevo sistemaLentitud del proceso de sufragio en las urnasEl sistema actual no posibilita realizar las acciones de una forma fcil y rpidaLentitud para conocer los resultados de las votaciones

RecursosInformacin sobre el proceso

Inters en estrategiasMedio. Muchos usuarios desean un mejoramiento del proceso, pero temen el cambio.

Conflictos potencialesDiferenciacin con el modelo de sufragio antiguo; posible dificultad de adaptacin.

Introduccin

9

RecursosInformacin sobre el proceso actual

Inters en estrategias

Conflictos potenciales

Alta. Se consume mucho tiempo y esfuerzo en el proceso manual

Desconocimiento del sistema. Posible necesidad de capacitacin

Tribunal Supremode Elecciones

(TSE)

InteresesFacilitar la logstica del proceso y el trabajo de los miembros de mesaRealizar y registrar la escogencia que refleje las preferencias del votante por algn medio electrnicoObtener de forma rpida, confiable y auditable los resultados del proceso.Necesidad de que el producto final sea de calidadQue el sistema sea usable

Problemas percibidosDificultad del votante para realizar la accin en el nuevo sistemaLentitud del proceso de sufragio en las urnasEl sistema actual no posibilita realizar las acciones de una forma fcil y rpidaLentitud para conocer los resultados de las votaciones

RecursosInformacin y apoyo de profesionales en el proceso de votacin

Inters en estrategiasAlta. Es un proyecto prioridad

Conflictos potencialesPosible necesidad de resultados en un plazo menor al tiempo de desarrollo del proyecto

Introduccin

10

Centro deInvestigacines

en Computacin(CIC - TEC)

InteresesModernizar el sufragioMejorar la accesibilidad y usabilidadAgilizar el escrutinioFacilitar la logstica

Problemas percibidosDificultad para la realizacin de la tarea en el nuevo sistemaNecesidad de impulsar alternativas que permitan modernizar el sistema actualCrecimiento de la demanda organizacional del procesoDificultad en la logstica y escrutinio

RecursosInformacinApoyo de profesionalesRecursos econmicos

Inters en estrategiasAlta. Es un proyecto prioridad

Conflictos potencialesPosible necesidad de resultados en un plazo menor al tiempo de desarrollo del proyecto

Introduccin

11

Anlisis de problemasProblema

principal

Efectos

Causas

El sistema actual de Voto Electrnico (que an no se utiliza de forma oficial) es poco usable para los usuarios.

Aumento en los costos de produccinSe debe hacer un rediseo antes de que sea utilizado de la forma actual

Disminucin en la calidad del productoEl producto se percibe como poco seguro y accesible

Dificultad en el proceso de sufragioEl producto no satisface al usuarioGenera errores en su utilizacinRepresenta una curva de aprendizaje para el usuarioEl usuario necesita memorizar aspectos del procesoEl producto se percibe como poco eficiente

No se tom en cuenta la usabilidad como un factor primordial dentro del proyectoEnfoque en la parte de desarrolloFalta de asesoramiento por parte de un experto

El diseo se trabaj sin los procedimientos adecuados para aplicar la usabilidad de forma adecuadaSe trabaj con personas que desconocen el tema

Introduccin

12

Anlisis de objetivosObjetivo principal

Objetivos especficos

Fines

Medios

Mejorar la usabilidad del sistema Voto Electrnico

Evaluar la usabilidad del sistema actual de Voto Electrnico

Disear y aplicar pruebas de usabilidad para las propuestas

Realizar una maqueta funcional y brindar las especficaciones para la implementacin posterior del diseo

Sistema utilizable, accesible y eficienteAumento de la calidad del productoSatisfaccin y fcil adaptacin del usuario al nuevo sistema electrnicoSistema percibido como seguro

Toma en cuenta aspectos de accesibilidad digital (para discapacidades visuales)Realizar un diseo que pueda relacionarse con el modelo manual de votacinAdecuada arquitectura de la informacinSistema probado con anlisis de usabilidad

Introduccin

13

Se tendr como entregables del proyecto:

Especificaciones del rediseo de la interface del sistema para ser implementadas posteriormente por la institucin.

Maqueta funcional.

Alcance del proyecto

Variacin del cronograma del proyecto debido a incumplimientos de alguna de las dems partes involucradas.

Dificultades de acceso a elementos necesarios para alguna prueba de usabilidad en especfico.

Tamao y resolucin del dispositivo (hardware) que utiliza Voto Electrnico; as como aspectos tcnicos del software que limiten elementos de diseo.

Limitaciones del proyecto

Contar con la colaboracin del Centro de Investigaciones en Computacin del TEC.

Colaboracin del equipo que trabaj la versin actual del sistema.Tener la documentacin realizada desde el inicio del desarrollo de Voto Electrnico.

Contar con el apoyo econmico del TEC.

Implementacin del rediseo producto de este proyecto.

Asesora y colaboracin de los desarrolladores del proyecto, sobre especificaciones tcnicas propias de su campo, que deban tomarse en cuenta en el diseo.

Supuestos

Marco metodolgiconmero de captulo: 2/9

En esta seccin se menciona el proceso de investigacin y desarrollo del proyecto, con el fin de exponer posteriormente los principales logros o conclusiones de cada etapa.

Anlisis de lo existente

Anlisis de necesidades

Generacin de opciones de arquitectura

Seleccin de opciones

Opcin final

Desarrollo de la maqueta funcional

Prueba de usabilidad

Documentacin y recomendaciones

Marco metodolgico

1 Anlisis de lo existente

Arquitectura de la informacinUsabilidadAnlisis del inventario de contenidosMarco terico

2 Anlisis de necesidades

Iniciar urnaVotacinCierre de votacinRecuperar informacin

3 Opciones de arquitectura

Desarrollo de opciones de diseo de arquitectura

15

Marco metodolgico

4 Seleccin de opciones

Seleccin de las mejores propuestas realizadas

Evaluacin de opciones

Paper prototyping

6 Opcin final

ConceptoArquitectura de informacinNecesidades

5

16

Marco metodolgico

7 Maqueta funcional

Desarrollo de una maqueta funcional del proyecto

8 Prueba de usabilidad

Pruebas de usabilidad aplicadas a usuarios potenciales

9 Documentacin

Documentacin del proyectoRecomendaciones

17


Cronograma

A continuacin se menciona cada una de las tareas generales realizadas en el proyecto con su punto de inicio y de final, dentro de la cantidad de semanas disponibles para el desarrollo del mismo.

19

Cronograma

Actividad

AnteproyectoMarco terico

Anlisis de lo existente

Anlisis de necesidades

Generacin de opciones dearquitectura

Seleccin de opciones

Evaluacin de opciones

Opcin final

Desarrollo de la maquetafuncional

Prueba de usabilidad

Presentacin final

Semanas0 5 10 15 19


Marco terico

Conceptualizacin

Esqueuomorfismo

Sufragio manual


Software y hardware

Situacin actual


En este captulo se resumen los aspectos tericos investigados que fundamentan el desarrollo y producto final del proyecto.

21

Conceptualizacin

Marco terico

Es el espacio por medio del cual se pueden comunicar las personas con las mquinas para que as los usuarios puedan operarla y controlarla, y que esta a su vez enve retroalimentacin para ayudar al operador a tomar decisiones y realizar tareas. En este proyecto, es el producto final que se busca obtener.Sneiderman, B., Plaisant, C. (2009)

Es una vista simplificada del contenido que aparecer en cada pantalla del producto final. Usualmente carece de color, estilos tipogrficos e imgenes. Los wireframes permiten establecer funcionalidad, comportamientos y prioridades de contenido dentro del sistema. Para finalidades del proyecto en cuestin, sern vitales para la evaluacin y establecimiento de la propuesta final.Brown, D. (2011) y Caddick, R., Cable, S. (2011)

Propiedades y caractersticas que le dan una identidad visual nica a una interfase y pueden ser percibidos de manera diferente de acuerdo con cada usuario. Se caracteriza principalmente por parmetros como tipo de letra, color y disposicin de los elementos, botones, men, etc.

El look and feel en una interfaz de usuario posee dos funciones principales: primero, ayuda a identificar una interfaz con una determinada compaa; y segundo, apoya la usabilidad, haciendo que la experiencia de interaccin con la herramienta sea similar a la que se emplea en otros productos.

Se define como el arte y la ciencia de organizar espacios de informacin con el fin de ayudar a los usuarios a satisfacer sus necesidades de informacin. Consiste en la estructuracin, clasificacin y rotulado de los contenidos del sitio web. El establecimiento de una correcta arquitectura para la interfase a desarrollar es vital, ya que permite al usuario encontrar informacin (diseo y definicin de ndices, clasificaciones, taxonomas y sistemas de recuperacin de informacin y posibilita que cada elemento de informacin pueda ser encontrado de manera rpida, fcil y con la menor cantidad de clicks posible.Kalbach, J. (2007)

Interfaz

Wireframes

Look & feel

Arquitectura de informacin

22

Marco terico

La Usabilidad se refiere al grado en que un producto puede ser usado por usuarios especficos para conseguir metas especficas con efectividad, eficiencia y satisfaccin dado un contexto especfico de uso.ISO 9241-11: Guidance on Usability (1998)

Se caracteriza por asumir que todo el proceso de diseo y desarrollo del sitio o aplicacin debe estar conducido por el usuario, sus necesidades, caractersticas y objetivos. Esta metodologa implica involucrar desde el comienzo a los usuarios en el proceso de desarrollo del sitio; conocer sus caractersticas, necesidades, motivaciones; probar el sitio con los usuarios; su reaccin ante la propuesta de diseo, su experiencia de uso e innovar siempre con el objetivo de mejorar la experiencia del usuario.Hassan, Y., Fernndez, F., Iazza, G.

Consiste en una lista de toda la informacin contenida en un sitio web. Estos se desarrollarn para tener una visin clara de la informacin contenida y solicitada en la primera versin del proyecto a desarrollar y funcionar como base de conocimiento para los anlisis a desarrollar y los contenidos presentes en la futura aplicacin.Brown, D. (2011).

Es un resumen representativo de los usuarios de un sistema, descritos usualmente como personas reales con perfiles reales. Cada persona representa un tipo de audiencia del sistema. Brown, D. (2011).

Consiste en un modelo a escala o dimensiones reales de un diseo, utilizado para demostracin, evaluaciones de diseo, entre otros propsitos; el cual provee al menos parcialmente parte de la funcionalidad del sistema.Brinck, T., Gergle, D., Wood, S. (2002).

Esta prueba consiste busca evaluar la usabilidad de un sitio o aplicacin en desarrollo. Usuarios reales realizan tareas especficas mediante un prototipo de papel del sitio.Zaki Warfel, T. (2009).

Usabilidad

Diseo Centrado en el Usuario

(DCU)

Inventario de contenidos

Personas

Mockups

Paper prototyping

23

EsqueuomorfismoViene del griego skeuos (herramienta) y morphe (forma), refiere a una caracterstica de un producto evolucionado que mantiene detalles del objeto original del cual proviene, detalles que inicialmente eran necesarios para la correcta interaccin con dicho objeto inicial, y que en el producto posterior se aplican con el fin de hacerlo ms familiar para el usuario. Dicho de otra forma, el esqueuomorfismo es utilizar los conceptos de diseo y funcionalidad de objetos antiguos, en el desarrollo de interfaces de usuario.

En su uso especfico como tendencia grfica en el diseo de software, se aplica por medio de metforas visuales, que recuerdan objetos fsicos que realizan funciones similares al software o a diferentes elementos de interaccin dentro de la interfaz.

Un claro ejemplo de la utilizacin del esqueuomorfismo en el diseo visual es el sistema operativo iOS6 de iPhone y sus aplicaciones nativas. Como el caso de iBooks, con la estantera donde se pueden ver todos los libros que se tienen en el dispositivo, y con la forma tan natural para pasar las pginas de un libro, muy similar a la forma de interaccin con un libro real.

La tendencia esqueuomrfica no es nada nueva, trminos como escritorio para nombrar la pantalla principal de la computadora, carpeta para denominar a un contenedor de archivos, o ventana para el espacio que ocupa una aplicacin en pantalla, se han utilizado desde hace ms de 30 aos.

El principal aporte de una interfaz esqueuomrfica se encuentra en la experiencia de usuario. Al tener elementos en una interfaz que funcionan similar otros en el mundo real, los usuarios asocian dicha experiencia real y la aplican en la interaccin con lo que tienen en pantalla; esas experiencias parten de conceptos conocidos, lo que le permite al usuario interactuar con la interfaz grfica sin mayor dificultad, evitando tener que ensearle al usuario todo un nuevo proceso de interaccin.

App con interfaz esqueuomrficaRams Playerpor Christopher Paul Gulczynski

Marco terico

24

Uno de los mayores puntos en contra del esqueuomorfismo tiene que ver con la brecha generacional, los diferentes tipos de usuarios, su nivel de experiencia con los objetos de los cuales se obtienen las metforas visuales. Podra llegar un momento en que, por ejemplo, los usuarios de un dispositivo mvil jams hayan interactuado con una calculadora fsica, por lo que puede perder sentido que una aplicacin tenga similitudes en formas e interaccin con dicho producto fsico.

Dado que, el proyecto de rediseo de Voto Electrnico ser utilizado por usuarios sin experiencia en la utilizacin de interfaces grficas, se propone aplicar pruebas que permitan conocer si el uso de una interfaz esqueuomrfica puede aportar a que dichos usuarios relaciones de una forma ms fcil, cada elemento con su funcin.

Marco terico

25

Sufragio manual

Marco terico

Las juntas receptoras de votos son los organismos electorales responsables de recibir el voto de la ciudadana, estn conformadas por personas propuestas por los partidos polticos, debidamente capacitadas y juramentadas, y por auxiliares electorales. La labor en las juntas receptoras de votos depende del protagonismo de estos(as) agentes electorales; asumir esa responsabilidad compartida es un deber del ciudadano y la ciudadana, en defensa y proteccin de los derechos polticos y por la preservacin de nuestro sistema democrtico.(Tribunal Supremo de Elecciones, 2014)

El Tribunal Supremo de Elecciones considera importante la formacin de los agentes electorales, por lo que, tiempo antes de la realizacin de las elecciones, les brinda material con informacin del proceso de eleccin.

26

Marco terico

Agentes electoralesSon las personas que de una u otra forma interactan en el proceso electoral. Los diferentes tipos de agentes electorales se mencionan a continuacin:

Asesores y asesoras electoralesSon funcionarias y funcionarios del TSE cuya responsabilidad radica en integrar, instruir, juramentar, acreditar, instalar y asesorar a quienes integran las juntas electorales y a las autoridades del cantn.

Integrantes de las juntas cantonalesSon las personas electoras propuestas por los partidos polticos con candidaturas inscritas y acreditadas ante el Tribunal Supremo de Elecciones. La junta cantonal es el organismo electoral que apoya la organizacin del proceso electoral en su cantn.

Integrantes de las juntas receptoras de votosSon las personas electoras propuestas por los partidos polticos con candidaturas inscritas, y acreditadas ante el Tribunal Supremo de Elecciones; las cuales se encargan de la recepcin de votos, de completar la documentacin electoral y de velar por la transparencia del proceso electoral.

FiscalesSon ciudadanas y ciudadanos nombrados por los partidos polticos inscritos, y acreditados por el TSE, para que representen a dichas agrupaciones ante las juntas receptoras de votos. Les corresponde vigilar que el proceso electoral se realice con transparencia.

Auxiliares ElectoralesSon agentes electorales que se encargan de velar porque la junta receptora de votos ejecute, de manera correcta, las funciones que le corresponden. Asisten y orientan la ejecucin de las acciones propias de la junta. De ser necesario, deben asumir las funciones de quienes integran la junta receptora de votos.

27

Marco terico

Observadores(as) NacionalesSon ciudadanas y ciudadanos costarricenses propuestos por organizaciones pblicas o privadas, acreditados(as) por el TSE, con el fin de observar el proceso electoral y dar fe de que se desarrolla de acuerdo con la normativa establecida. Puede coincidir, en un mismo momento, un mximo de 5 observadores(as) de diferentes agrupaciones, en cada junta.

Observadores(as) InternacionalesSon representantes de organismos internacionales, acreditados(as) por el TSE, que dan fe de que el proceso electoral se desarrolla de acuerdo con las normas establecidas.

Guas ElectoralesSon personas jvenes voluntarias, acreditadas por el TSE, cuya misin es brindar apoyo a la ciudadana con discapacidad y adulta mayor, en los centros de votacin.

Cuerpo Nacional de Delegados(as)Son ciudadanas y ciudadanos ad honrem, juramentados y acreditados por el TSE, para colaborar en actividades propias del proceso electoral.

Encargados(as) de Centro de VotacinPersonal docente o administrativo que trabaja en el centro de votacin. Su funcin es habilitar el centro, ubicar y distribuir las juntas receptoras de votos, as como velar por el cuidado de la infraestructura, equipos y materiales del centro.

Electoras y electoresSon las personas mayores de 18 aos, costarricenses, inscritas en el Padrn Electoral para ejercer su derecho al sufragio.

28

Marco terico

Formas de votar

Voto directo y secreto:el elector pasa al recinto y vota de forma secreta

Voto asistido:la persona electora ingresa al recinto acompaada de una persona de su confianza, que el ayudar a realizar el voto. Dicha persona de confianza debe ser costarricense, mayor de 18 aos, con cdula vigente y en buen estado.

Voto pblico:el elector informa a los integrantes de la junta receptora de votos, por quin desea votar.

Situaciones especiales:Si por algn motivo se ausenta una persona integrante de la junta receptora de votos, la reemplaza su suplente lo cual se hace constar en la Hoja de Incidencias del Padrn Registro, sin que se interrumpa la votacin.

Si se ausenta la persona en el cargo de la presidencia de la junta y no est su suplente para reemplazarla, las otras personas integrantes de la junta receptora de votos nombran una o un presidente que asuma el cargo hasta que regrese la persona titular; en caso de empate, decide la suerte. Este cambio se anota en la Hoja de Incidencias del Padrn Registro.

Nulidad del voto

Durante la votacin:

Se anulan los votos que se reciban fuera del tiempo y local establecidos por el Tribunal Supremo de Elecciones.

29

Marco terico

Si despus de votar la persona muestras la papeleta deliberadamente, se le debe impedir depositarla en la urna.

En caso de que por error, a una persona que no est inscrita en el Padrn Registro, se le entregue material para realizar la eleccin, se debe evitar que lo introduzca en las urnas; se anota dicho acto en la Hoja de Incidencias.

Posterior a la votacin:

Se anulan los votos emitidos en las papeletas no oficiales, o que sean oficiales pero que no estn firmadas al dorso por quienes integran la junta receptora de votos.

Las papeletas marcadas en dos o ms columnas.

Las que aparezcan con la identidad de la persona.

Las que no ofrezcan la certeza de cul fue la voluntad de la persona electora.

Tareas de las Juntas Receptoras de Votos (JRV)

Anterior a la votacin:

Revisar que el material electoral est completo

Armar los recintos secretos con las mamparas

Llenar el Acta de Apertura de Votacin del Padrn Registro con los nombres de las personas que integran la junta receptora de votos presentes.

Se anotan, adems, los nombres de las personas fiscales y auxiliares del proceso.

En la misma acta, se anotan la cantidad de papeletas recibidas.

30

Marco terico

Se colocan los productos de apoyo en un lugar visible.

Se pega la lista de electores y electoras, fuera del local.

Se verifica que las urnas estn vacas, y se sellan con cinta adhesiva.

A las 6:00 de las maana se abre la puerta para el ingreso de los electores.

Durante la votacin:

VOTO

Al ingresar la persona, se le solicita la cdula de identidad.

Se ubica en el padrn registro a la persona.

Si est todo correcto se le solicita que rme en el Padrn Registro, y se corrobora la rma. Cuando la persona no sabe o no puede rmar, se escribe no rma en el espacio correspondiente y se anota en la Hoja de Incidencias

Se desprende las papeletas y se les hace las marcas de doblado correspondientes.

Los integrantes de la junta receptora rman las papeletas al dorso.Se le entregan las papeletas a la persona.

Se le indica a la persona el tiempo que tiene disponible para votar.

Al regresar la persona posterior a su votacin y despus de que las papeletas dobladas son depositadas, se anota S en la casilla Vot del Padrn Registro.

Se le devuelve la cdula de identidad a la persona electora.

31

Marco terico

Al cierre de la votacin

Se cierra el local a las 18:00 horas.

Se escribe la palabra No en la casilla Vot del Padrn Registro, para aquellas personas que no se presentaron a votar.

Se cuentan las personas que se presentaron a votar y se anotan en el Acta de Cierre y Resultado de la votacin

Se anotan la cantidad de papeletas sobrantes y se empacan.

Se abren las urnas y se revisa que cada papeleta tenga en la parte de atrs la firma de las personas que integran la junta receptora.

Se agrupan las papeletas segn los votos que obtuvo cada partido, as como votos blancos y posibles votos nulos.

Se cuentan y se anotan la cantidad de votos blancos

Se guardan dichos votos en la bolsa correspondiente

Se analizan los posibles votos nulos, y a los que verdaderamente resulten nulos, se les anota en la parte de atrs de cada uno, el motivo de la nulidad.

Se guardan los votos nulos en la bolsa Votos nulos

Se inicia el conteo de los votos.

Se guarda cada grupo de papeletas en las bolsas correspondientes.Se anotan los resultados en el Acta de Cierre y Resultados de la Votacin

Se revisa que dicha acta est llena y firmada por los integrantes de la junta, auxiliares y fiscales, presentes.

Se desprende la primera hoja desprendible rotulada Certificacin de Votos para ser guardada en el sobre correspondiente.

Se deja fuera del saco el sobre con la Certificacin de Votos para entregarla directamente al asesor o asesora electoral o a la persona designada por el TSE.

32

Marco terico

Se entrega a cada integrante de la junta receptora de votos y fiscales presentes en el conteo una COPIA de la Certificacin de Votos desprendible del original.

Se desprende la segunda hoja desprendible rotulada Mensaje de Transmisin de Datos para comunicar el resultado, segn corresponda.

Transmisin de datosExisten dos maneras de transmitir los datos de la votacin finalizada:

Por medio de una persona encargada de transmitir: el mensaje de transmisin de datos debe ser entregado a esta persona para que transmita los resultados.

Por medio de la persona auxiliar electoral: el o la auxiliar electoral por medio de una llamada telefnica comunicar los resultados del mensaje de transmisin de datos a una persona funcionaria del TSE. En este caso, el o la auxiliar electoral recibir una clave de seguridad que deber conservar y manejar con responsabilidad para transmitir los resultados el da de la eleccin, por lo que debe dominar datos importantes como distrito, cantn, provincia y el nmero de la junta receptora de votos, nombre de quienes integran las juntas receptoras de votos y los resultados de la votacin, segn el tipo de puesto a elegir que le solicita el operador u operadora.

33


Marco terico

En este apartado se mencionan algunos de los aspectos que son evaluados en las pginas web, que se utilizan con el fin de conocer si son accesibles, tanto para personas con un nivel de experiencia mnimo en el uso de pginas web, como para aquellas que presentan dificultades visuales y que necesitan cierta adaptacin del contenido para poder interactuar correctamente con ste.

El objetivo es determinar cuales se pueden aplicar en este proyecto, que, aunque no es una herramienta web, presenta similitudes en interaccin y usuarios.

Se tom como referencia varios estudios realizados entorno a la accesibilidad digital para personas adultas mayores, y las normas de la World Wide Web Consortium (W3C), la cual es una comunidad internacional que desarrolla estndares para el crecimiento de la web a largo plazo.

Facilidad de lectura de la pginaTiene un aspecto limpio y organizado.

Proporciona un claro punto de partida.

Agrupa los elementos de forma que se muestren relaciones.

Se destacan palabras claves.

Utilizar tipografa sans serif regular o negrita.

Emplear maysculas y minsculas.

Utiliza interlineado doble.

Alineacin a la izquierda.

Hace notable los ttulos, realiza una diferenciacin de tamao con el texto general.

34

Marco terico

Situa los temas ms importantes en el centro, y no en los mrgenes.

Emplea seales visuales que dirijan la atencin del usuario a los elementos importantes.

Es fcil diferenciar entre contenido y publicidad.

Relacin figura-fondo

Facilidad de interaccin con los elementos

El color del texto y de los elementos de interaccin deben ser diferente al color del fondo.

Los elementos interactivos destacan entre aquellos a los que no se les puede dar click.

Divisiones de texto adecuadas.

Utiliza una lnea de espacio en blanco entre secciones.

Son botones los elementos que representen acciones.

La etiqueta de los botones, imgenes o iconos utilizados en estos, representan claramente la accin que realiza el botn.

Se representa apropiadamente los estados del botn.

El espacio entre botones y enlaces debe ser suficiente para evitar el error (al menos 2 pixeles)

35

Marco terico

Interaccin con la informacin

Desplazamiento en la pgina

Grado de control del usuario en la interaccin

Es posible dar click en las vietas.

Presenta conos y el significado de los iconos es claro, sin necesidad de que el usuario tenga amplia experiencia.

Evita el hipertexto.

Usa elementos convencionales de interaccin.

Se representan los enlaces de una forma estndar, mantenindola dentro de toda la pgina.

Los enlaces son claramente diferenciable del texto general.

El desplazamiento vertical es mnimo.

No hay desplazamiento horizontal.

Si se utilizan pop-ups se mantienen abiertas el tiempo suficiente para ser ledas, adems sin la necesidad de tener scroll para desplazarse en ellas.

Utiliza checkboxes en lugar de mens desplegables.

El texto no pasa de forma automtica.

Los mens son estticos y evita las animaciones cclicas.

Se proporciona un enlace para volver al inicio de la pgina.

36

Marco terico

RetroalimetacinPresenta mensajes de espera o de confirmacin.

La retroalimentacin se da por otros medios adems del visual.

Informa de los errores, de forma clara y no alarmista.

Indicar los problemas y sugiere soluciones.

Se utilizan sistemas de validacin antes de que el usuario enve la informacin en los formularios.

La cantidad de informacin no es excesiva.

Las etiquetas son lo suficientemente descriptivas para que sea fcil predecir cul es el contenido.

Jerarquiza adecuadamente la arquitectura de la informacin.

Se presentan los enlaces agrupados por tema.

El camino para realizar una tarea no debe ser muy extenso (de 2 a 5 clicks)

Proporciona informacin de apoyo en el camino para realizar una tarea.

El contenido est en voz activa, dirigida a usted

Utiliza frases cortas, simples y directas.

Accesibilidad de la informacin

Enfoque de la escritura

37

Marco terico

Se comienza con palabras claves y relevantes.

Los ttulos estan hechos como preguntas amigables.

Usan un lenguaje natural para el usuario.

Ofrecer un glosario, en caso de ser necesario.

Los conceptos o informacin tcnica se presentan en un lenguaje sencillo.

Cada prrafo contiene una sola idea.

Utiliza la mnima cantidad de texto.

Emplea rtulos estndar.

38

Software y hardware

Marco terico

Pantalla tctil1280x800 px7

Impresora de matriz de puntos

Lector de cdulas en formato PDF417

Teclado externo

En cuanto a las especificaciones tcnicas de hardware y software que se utiliza en la versin actual de Voto Electrnico se tiene:

Kit de desarrollo utilizado: BeagleBoard-xMMicroprocesador de 1GHz ARM Cortex- A8, 512 MB de memoria RAM y dispone de puertos de expansin, USB, Ethernet, HDMI, RS232, audio y video para paneles LCDSistema operativo ngstrmAplicaciones desarrolladas mediante el ambiente Qt 4.7 C++.Adems:

39

Situacin actual

Marco terico

Se describirn a continuacin aspectos relacionados al proceso de votacin ideado para la primera versin de Voto Electrnico, as como un anlisis del diseo de la interfaz grfica del sistema, tomando en cuenta arquitectura de la informacin, contenidos, y elementos grficos, todo en funcin de la usabilidad.

Se ha clasificado los usuarios segn sus perfiles, necesidades y funciones, para as, definir de mejor manera, una estructura en la jerarqua de la informacin y estructura de la aplicacin, que les permita resolver de mejor manera sus tareas.

El sistema ha sido desarrollado para ser utilizado por dos tipos de usuarios: el elector y el miembro de la Junta Receptora de Votos.

Los dos tipos de usuarios, cumplen funciones diferentes, pero utilizan el mismo sistema. El elector depende de que el miembro de la Junta Receptora d inicio al proceso de votacin dentro del sistema, para que pueda ejercer su derecho al voto.

Las tareas que el miembro de la Junta Receptora de Votos (JRV) son administrativas, y abarcan desde funciones antes de iniciar el proceso electoral (de preparacin del mismo), funciones durante el proceso, que se realizan muy pocas veces, solamente en caso de ser necesarias, y posterior al proceso. En estas ltimas recae el mayor atractivo de la herramienta para los miembros de la Junta Receptora de Votos, ya que facilita el proceso de entrega de los resultados de la urna y el manejo del acta de cierre.

Anlisis de personas

Antecedentes

Marco terico

Caracterizacin de las personas Jorge Abarca

Elector25 aos

El proceso para votar no es tan complicado, pero si me parece que se pueden mejorar muchas cosas, empezando por cmo se ve

Alto. Tiene mucha experiencia en la utilizacin de dispositivos mviles y computadoras

Confort tecnolgico

Su capacidad en motora fina es alta. Interacta adecuadamente con botones pequeos y otros elementos en dispositivos tctiles

Motora fina

Alta. No necesita lentes u otra ayuda para leer

Capacidad visual

100%

Resumen

75%

50%

25%

0%

40

Marco terico

Elsa ScottElectora72 aos

El nuevo voto, es muy complicado, habemos personas que no manejamos una computadora ni nada de esas cosas. Debe ser muy fcil para que podamos usarlo

Bajo. No tiene experiencia alguna con dispositivos mviles. Lo ms tecnolgico que utiliza son los radios y la televisin

Confort tecnolgico

Su capacidad en motora fina es media. En cuanto a precisin, puede que le sea difcil la interaccin botones pequeos en la interfaz.

Motora fina

Media - baja. Utiliza lentes para leer.

Capacidad visual

100%

Resumen

75%

50%

25%

0%

41

Marco terico

Laura FernndezMiembro de la Junta Receptora24 aos

El sistema es complicado, no se parece a las cosas que maneja uno normalmente. Si lo utilizo un rato s que hacer en cada caso, pero la primera vez es difcil

Alto. Tiene mucha experiencia en la utilizacin de dispositivos mviles y computadoras

Confort tecnolgico

Su capacidad en motora fina es alta. Interacta adecuadamente con botones pequeos y otros elementos en dispositivos tctiles

Motora fina

Alta. No necesita lentes u otra ayuda para leer

Capacidad visual

100%

Resumen

75%

50%

25%

0%

42

Marco terico

Freddy RamrezMiembro de la Junta Receptora43 aos

Realizar las tareas es difcil. Uno se tiene que equivocar algunas veces para aprender a utilizar la herramienta. Lo bueno es que ahorra tiempo al final del proceso

Medio. Maneja muy bien su telfono con sistema operativo android. Aunque le ha costado aprender.Nunca ha utilizado una computadora.

Confort tecnolgico

Su capacidad en motora fina es alta. Interacta adecuadamente con los elementos en dispositivos tctiles

Motora fina

Alta - media. Utiliza lentes para ver de lejos

Capacidad visual

100%

Resumen

75%

50%

25%

0%

43

44

Marco terico

En interaccin directa con los usuarios, stos definieron cules son los problemas con el sistema actual y qu esperan ellos de ste.

El sistema debe ser fcil de usar y parecer confiable.

Se debe parecer al sistema de votacin manual, para que sea ms fcil reconocer los pasos que se debe seguir.

Para la realizacin del proceso de eleccin en el sistema electrnico, la persona no debe necesitar de una amplia experiencia en el uso de dispositivos similares.

Administrar de forma fcil el proceso.

Que el proceso para anular un voto sea ms fcil y no lleve tanto trmite.

Principalmente es importante que se agilice el proceso de cierre de la urna, lo que es el manejo del Acta de Cierre y Resultados de la Votacin

El proceso es complicado, el sistema actual no posibilita realizar las acciones de una forma fcil y rpida.

Los elementos en pantalla son muy pequeos, es difcil la lectura para personas con problemas visuales.

El proceso para llegar a hacer algo es complicado y conlleva muchos pasos intermedios.

No es fcil entender lo que hay que hacer en cada punto.

Problemas y necesidades expresadas

Persona electora

Miembros de la Junta Receptora de Votos

(JRV)

Necesidades Problemas

45

Marco terico

Se identifican las necesidades reales de cada usuario, para

as definir si alguna de las funciones existentes en el sistema se debe eliminar,

agrupar con otra, o si por el contrario, se debe agregar una

nueva funcin.

Identificacin de necesidades Persona electora

Votar:Por un candidato o partidoNuloEn blanco

Votar:Por un candidato o partidoNuloEn blanco

Ingresar un nuevo usuarioVer lista de usuariosEn las opciones anteriores, usuario refiera a un miembro Agente Electoral, y no a un miembro del Padrn Registro.

Ver papeletas cargadasEliminar la papeleta cargadaCargar una nueva papeleta

Ver lista de miembros de mesaEliminar la lista de los miembros de mesa cargadaCargar una lista de miembros de mesa

Anular un voto

Cerrar la urna

Persona electora

Junta Receptora de Votos (JRV)Miembro de la

A continuacin se muestran las funciones que puede realizar cada actualmente cada usuario dentro del sistema:

46

Marco terico

Miembro de la JRV

Miembro de la JRVPersona electora

iniciar las votaciones

agregar o eliminar usuarios

anular un voto

cerrar la urna

imprimir el informe final de conteo

iniciar las votacionesagregar o eliminar usuarios

agregar o eliminar usuariosanular un votocerrar la urna

imprimir el informe final de conteo

Se clasifican las necesidades de los usuarios por la etapa del proceso de eleccin en la que pueden ser realizadas.

Funciones por etapa

Preparacin

Eleccin

Finalizacin

Votar

47

Marco terico

Conclusiones del anlisis de

personas

Segn el anlisis de las personas, se puede concluir que todas poseen un nivel de confort tecnolgico diferente, que vara entre bajo y alto, por lo que se debe tomar en cuenta dicho aspecto para hacer que el sistema sea lo ms familiar posible para todos los usuarios.

Se logr definir adems determinadas actitudes relacionadas con el confort tecnolgico, que definen la predisposicin del usuario a usar el sistema y por tanto a acercase a su recinto respectivo a realizar el voto.

Dichas conductas definen dos tipos de usuario:

Amigo de la tecnologa

Usuario que utiliza constantemente dispositivos electrnicos como celulares, tabletas, o computadoras, que dado este nivel de familiaridad con la tecnologa, no temen probar sistemas nuevos, como el Voto Electrnico.

Que adems, estn acostumbrados a ciertos estndares de interaccin digital, y que tendern a evaluar el sistema de voto segn dichos estndares.

48

Marco terico

Temeroso de la tecnologa

Son los usuarios que no tienen contacto con algn tipo de tecnologa similar a la herramienta Voto Electrnico. Por tanto, la mayora de las ocasiones, temen probar estos sistemas. En este caso especfico seran los usuarios que preferiran no votar porque no quieren enfrentarse al sistema.

Estos usuarios carecen de esquemas mentales relacionados a interaccin con interfaces grficas, por lo que se debe tratar de hacer dicha interaccin lo ms simple posible, evitando as actitudes negativas hacia el producto.

Relacionado con lo anterior, ser importante analizar an ms el sistema manual para identificar qu elementos se pueden tomar e integrar al sistema electrnico, y as aumentar la identificacin del usuario con el proceso.

Tambin se debe tomar en cuenta que el rango de edades de los usuarios vara, e integra todas las personas mayores de 18 aos, por lo que hay variables fsicas, propias del usuario, que pueden interferir en la interaccin con el sistema.

49

Marco terico

Proceso de votacin eletrnica

Junta Receptora de Votos (JRV)

Urnaelectrnica

Urnafsica

Identificacin del electorEl elector debe presentar un cdula de identidad a los miembros de la JRV.

Elector recibe la tarjeta de activacinLos miembros de la JRV le entregan al elector una tarjeta cuya funcin ser activar la urna electrnica en antes de empezar su votacin

Activacin del sistemaEl elector pasa la tarjeta sobre el lector de la urna electrnica, para activar el sistema e iniciar la votacin

VotacinRealiza la votacin seleccionado la opcin de su preferencia en pantalla.

Impresin del comprobantePor cada eleccin realizada, el sistema imprime un comprobante para el usuario

Se deposita el comprobanteAl finalizar su votacin, la persona electora debe depositar el comprobante recibido en la urna. Esto permitir posteriormente, en caso de ser necesario, un conteo manual de los votos.

1 2 3

En cuanto al proceso para que el usuario realice la votacin, para la versin existente de Voto Electrnico, est ideado de la siguiente forma:

50

Marco terico

La arquitectura de la aplicacin muestra la relacin entre sus secciones, permitiendo de esta forma realizar observaciones sobre si la cantidad de pasos para realizar determinada tarea, es la correcta, si hay rutas confusas para llegar a un punto del sistema; y de esta forma tomar decisiones para reestructurar la aplicacin de forma que se ms usable.

Arquitectura de la aplicacin

Pantalla inicial

Vista previa

Ingresar nuevo usuario

Eleccin presidencial

Eleccin de diputados

Visualizar miembros de mesa

Visualizar papeletas y plantillas


Ingresar conguracin

Votaciones

51

Marco terico

El anlisis de la arquitectura muestra una inconsistencia en cuanto a la jerarqua de las funciones dentro del sistema, ya que, aunque inicialmente se tienen seis funciones principales en pantalla (ingresar nuevo usuario, informe final, ingresar configuracin, anular voto, cierre de urna y votaciones) solamente algunas tres de ellas (ingresar nuevo usuario, ingresar configuracin y votaciones) llevan a una nueva pantalla. Mientras que las dems despliegan sus opciones en una ventana emergente.

Adems, estudiando cada funcin como un caso de uso, se determin que no todas las funciones principales de la aplicacin estn activas durante todo el proceso, sino que dependen de otras, como se muestra a continuacin:

Conclusiones del anlisis de la

arquitectura

Estn siempre activas:

ConfiguracinIngresar nuevo usuario

Si est activa Votacin, entonces:

Anular votoCerrar urnaInforme final

Si se ha seleccionado Cerrar urna, entonces:

Informe finalAnular votoVotacin

= Activa= Inactiva

Por lo que trabajar en nueva arquitectura es fundamental, principalmente en funcin de presentarle al usuario solamente las opciones que necesita en cada situacin.

52

Marco terico

El inventario de contenidos muestra los elementos de la herramienta Voto electrnico actualmente, adems de indicar que tipo de elementos son, se precisa la organizacin y navegacin entre secciones por medio de dichos elementos.

Todo esto con el objetivo de analizar qu elementos son realmente necesarios para la interaccin, y aportar a mejorar la arquitectura de la informacin del sistema.

Para poder colocar el inventario en este documento, se ha dividido en seis partes:

Ingresar nuevo usuarioIngresar configuracinAnular votoCierre de urnaInforme finalVotaciones

Las conclusiones de esta seccin se realizarn en conjunto con las conclusiones del anlisis grfico.

Inventario de contenidos

53

Otras opciones

Pantalla inicial

Ingresar Nuevo Usuario

Anular Voto

Informe Final

Cierre de Urna

Ingresar Conguracin

Votaciones

Apagar

Cerrar Sesin

Men principal


Vista Previa

Home

Men principal

Men secundario


Rol

Cdula

Opciones

Cdula

Nombre

Primer apellido

Segundo apellido

Telfono 1

Telfono 2

Nombre

Primer apellido

Segundo apellido

Telfono 1

Telfono 2

Usuario

Contrasea

Justicacin

Rol

Votante (opcin por defecto)

Presidente Junta Receptora

Tcnico del TSE

Auxiliar TSE

Miembro de mesa

Miembro del TSE

Registrar

Vericar

Home

Home

OK

OK

Datos correctosSi los datos soncorrectos

Si los datos sonincorrectos

Opciones

Pop ups

Error

OK

Error: Datos Incorrectos

Opciones

(Cierra el pop up)

(Cierra el pop up)

SmbologaAnimacin

Botn

Combo boxFormularioImagenTablaTexto

Pantalla de seleccin

Pop upElementos fsicosque intervienen

Marco terico


54

Presidencial

Candidatos

Bandera del partido

Fotografa del candidato

Nombre del partido

Nombre del candidato

Otras opciones

Pantalla inicial


Anular Voto

Informe Final

Cierre de Urna

Ingresar Conguracin

Votaciones

Apagar

Cerrar Sesin

Men principal

Papeletas y plantillas

Isologo VE

Home

Icono

Icono

Miembros de mesa

Icono

Icono

Home

Men principal

Banner

Men secundario

Sin nombre

Sin nombre

Sin nombre

Sin nombre (No est funcionando)

Pop ups Pop ups

Isologo VE

Papeleta

Banner

Diputado

Candidatos

Bandera del partido

Nombre del partido


Alcalde

Candidatos

Bandera del partido

Nombre del partido


Borrado

Cancel

OK

Est seguro de borrar todas laspapeletas actuales?

Opciones

(Cierra el pop up)

Izquierda

Derecho

Abrir

Abrir

Home

Borrado

Navegacin entre papeletas

Men secundario

Exito

OK

Opciones

(Cierra el pop up)

Se han eliminado las papeletas con xito

Si hay papeletascargadas

Si no haypapeletascargadas

Error

OK

Opciones

(Cierra el pop up)

Error: No existe papeletas cargadas

SmbologaAnimacin

Botn




Marco terico

Ingresar configuracin

Otras opciones

Pantalla inicial


Anular Voto

Informe Final

Cierre de Urna

Ingresar Conguracin

Votaciones

Apagar

Cerrar Sesin

Men principal Justicacin

Cancel

OK

Razn por la cual se anulan los votos:

Opciones

Anulacin de votos

OK

La anulacin de votos ha concluido conxito

Opciones

Anular voto

Error: No hay una sesin de voto activa

OK

Opciones

Si hay unasesin activa

Si no hay unasesin activa

Pop ups

(Cierra el pop up)(Cierra el pop up)

(Cierra el pop up)

SmbologaAnimacin

Botn




Marco terico

Anular voto

Otras opciones

Pantalla inicial


Anular Voto

Informe Final

Cierre de Urna

Ingresar Conguracin

Votaciones

Apagar

Cerrar Sesin

Men principal Cierre de Urna

Cancel

OK

Est seguro que desea realizar el cierrede la votacin?

Opciones

Justicacin

Pop ups

OK

Opciones

(Cierra el pop up)

Razn por la cual se anulan los votos:

Cancel (Cierra el pop up)

Cierre forzado

OK

Opciones

(Cierra el pop up)

El cierre de la Urna ha concluido con xito

Cierre forzado

OK

Opciones

(Cierra el pop up)

Ya se ha cerrado la urna

Si no se hacerrado la urna

Si ya se hacerrado la urna

SmbologaAnimacin

Botn




Marco terico

Cerrar la urna

57

Otras opciones

Pantalla inicial


Anular Voto

Informe Final

Cierre de Urna

Ingresar Conguracin

Votaciones

Apagar

Cerrar Sesin

Men principal Informe nal de cierre

Cancel

OK

Seguro que desea realizar el informenal de cierre

Opciones

Informe nal de cierre

OK

El archivo de Informe nal de cierre fuecreado exitosamente

Opciones


Error: La urna debe estar inhabilitada

OK

Opciones

Si se ha cerradola urna

Si la urna esthabilitada

Si ya antes fuecreado el informe

Pop ups

(Cierra el pop up)

(Cierra el pop up)

(Cierra el pop up)


Error: El informe de cierre ya fue creado

OK

Opciones

(Cierra el pop up)

SmbologaAnimacin

Botn




Marco terico

Informe final

58

Elecciones 2014

Elecciones 2014

Pop ups

Error

OK

Opciones

(Cierra el pop up)

Error: La votacin ya se ha cerrado Para iniciar la votacin utilice la tarjeta

Isologo del TEC

SmbologaAnimacinBotnCombo boxFormularioImagenTablaTexto

Pantalla de seleccinPop upElementos fsicosque intervienen

Tarjeta de activacinSe utiliza la tarjeta de activacin para continuar

Otras opciones

Pantalla inicial


Anular Voto

Informe Final

Cierre de Urna

Ingresar Conguracin

Votaciones

Apagar

Cerrar Sesin

Men principal

Aceptar

Voto nulo

Voto en blanco

Opciones

Siglas del partido

Fotografa del candidato

Bandera del partido

Casilla de seleccin

Papeleta

Elecciones 2014 - 2018


Presidente

Votacin

Cancel

OK

Est seguro de su eleccin?

Opciones

(Cierra el pop up)

Error

OK

No ha elegido ningn candidato

Opciones

(Cierra el pop up)

Votacin

Cancel

OK

Est seguro de realizar su voto en Nulo?

Opciones

(Cierra el pop up)

Votacin

Cancel

OK

Est seguro de realizar su voto en Blanco?

Opciones

(Cierra el pop up)

Si no seha elegidoun candidato

Si se ha elegidoun candidato

Aceptar

Voto nulo

Voto en blanco

Opciones

Siglas del partido

Bandera del partido

Casilla de seleccin

Papeleta



Diputados

Votacin

Cancel

OK


Opciones

(Cierra el pop up)

Error

OK


Opciones

(Cierra el pop up)

Votacin

Cancel

OK


Opciones

(Cierra el pop up)

Votacin

Cancel

OK


Opciones

(Cierra el pop up)



Aceptar

Voto nulo

Voto en blanco

Opciones

Siglas del partido

Bandera del partido

Casilla de seleccin

Papeleta



Diputados

Votacin

Cancel

OK


Opciones

(Cierra el pop up)

Error

OK


Opciones

(Cierra el pop up)

Votacin

Cancel

OK


Opciones

(Cierra el pop up)

Votacin

Cancel

OK


Opciones

(Cierra el pop up)



Pop ups Pop ups Pop ups

Si se ha cerradola urna

Si no se ha cerradola urna

Marco terico

Votaciones

59

Marco terico

Anlisis grfico y de informacinCon este anlisis se determina la coherencia de la forma, color y posicin de cada uno de los elementos, evaluando los requisitos que deben de cumplir para una adecuada interaccin del usuario con stos.

Adems se toma en cuenta para el anlisis caractersticas de contexto, que de igual forma apoyan la usabilidad de la herramienta, como lo son aspectos de retroalimentacin, enfoque de la escritura, interaccin con la informacin y facilidad de lectura.

Este anlisis se realiz con la colaboracin de usuarios potenciales del sistema, como lo son las personas mayores de dieciocho aos inscritas en el padrn electoral y las que alguna vez se han desempeado como agente electoral en un proceso electoral nacional.

Estos usuarios probaron el sistema actual, realizando tareas predeterminadas para evaluar los aspectos descritos inicialmente, como medio para evaluar los aspectos grficos y para fundamentar las conclusiones que se realizaron en los anlisis de la arquitectura y del proceso electoral.

60

Marco terico

Conclusiones del anlisis grfico y

de informacin

Hay opciones en esta pantalla que no pueden ser accedidas en todo momento y no muestran esto al usuario.Esto puede provoc que el usuario crea que el sistema no funciona o que ha realizado de forma incorrecta una accin.

Pantalla inicial del sistema Voto Electrnico

La jerarqua de las opciones no es la correcta.Haciendo que el usuario tarde ms en realizar las acciones; adems que puede confundir los pasos para realizar alguna accin.

Se utiliza una agrupacin vertical de los elementos sin razn aparente.Esto evita una lectura natural de los elementos en pantalla.

Existen algunos botones de tamao menor a 44 px, lo cual es inaccesible en dispositivos tctiles.Esto hace inaccesible las funciones relacionadas con dichos botones

1

2Opciones iniciales

1.

2.

3.

4.

61

Marco terico

Seccin de ingresar configuracin del sistema Voto

Electrnico

Elementos grficos iguales con diferente funcin.Provoca que se piense que el sistema no responde como debe ser o que el usuario cometi un error.

Elementos con la grfica de botn empleada en la interfaz, pero que no son botonesProvoca que el usuario crea que el sistema no responde.

Se utilizan iconos sin apoyo de una palabra que los describanConfunde al usuario y provoca que ste se equivoque o que no utilice las funciones asociadas a dichos iconos.

En algunos casos los iconos utilizados no representan su verdadera funcin (por ejemplo: un icono de home se utiliza para atrs)Evita una efectiva ubicacin del usuario dentro del sistema.

1

2

3

4

No se muestra el nombre de la seccin.Evita una adecuada ubicacin del usuario dentro del sistema.

5

Ingresar configuracin

1.

2.

3.

4.

5.

62

Marco terico

Seccin formulario, para ingresar un nuevo usuario.

A la izquierda: datos del usuario a ingresar. A la derecha: usuario

y contrasea de quien realiza la accin, as como un espacio

para justificar el ingreso del nuevo usuario.

Abajo, a la derecha: opciones para terminar la accin

(registrar, verificar, o atrs)

Se solicita usuario y contrasea para confirmar la accin.Es comn en otros sistemas solicitar la contrasea antes de acceder a las opciones edicin o al iniciar el sistema.

Carece de formato para ingresar los datosSe le informa al usuario el tipo o la cantidad de caracteres que debe ingresar en determinada seccin del formulario. ste es un aspecto bsico de accesibilidad digital.

Registrar: es la opcin para guardar el usuario.El usuario que prueba la herramienta no sabe si se debe presionar antes o despus del botn de verificar.

Verificar: botn para ver la lista de usuarios registrados.En la prueba se pens que serva para verificar si la informacin ingresada es correcta antes de registrar el usuario

Botn para regresar.Su funcin no se relaciona con su icono y se repite dentro de la interfaz.

3 4

1


1.

2.

3. 4. 5.

5

63

Marco terico

Presidente

Seccin que muestra las papeletas cargadas, adems

de que permite eliminarlas para cargar un nuevo archivo.

1

La opcin para finalizar la carga de una nueva papeleta permanece activa aunque no se haya cargado la nueva papeleta.Confunde al usuario que piensa que es una funcin que puede utilizar desde el inicio.

Al llegar a la ltima papeleta y tratar de ir ms all el sistema informa de un error: Error: Ya se mostrarontodas las papeletasLa palabra error alarma a los usuarios, que dudan si el error fue provocado por ellos mismos y dudan del sistema.

Para agregar una nueva papeleta se debe eliminar la existente antes.Si el usuario no sabe que se debe eliminar la papeleta existente, el sistema le informa de un error al cargar la nueva papeleta, sin informar qu tipo de error es, porque sucede o cmo lo puede solucionar

Visualizacin de papeletas

1.

2.

3.

64

Marco terico

Elecciones 2014Presidente

00:05:15

La jerarqua del nombre de la pgina no es suficienteSe resalta ms Elecciones 2014, esto desubica al usuario.

1.

2.

3.

4.

Se muestra en pantalla el tiempo que lleva el usuario en la urna, accin que no se realiza de forma alguna en la votacin manualMostrarle en pantalla al elector, el tiempo que lleva en la urna, puede afectar su rendimiento al votar. Adems que muchos usuarios desconocen el tiempo que poseen para realizar su eleccin.

Hay mucho espacio vaco en contraste con lo pequeo que son las casillas de eleccinEse espacio se podra aprovechar para realizar una mejor distribucin de los elementos.

El tamao del texto no es el adecuadoMuchos usuarios manifestaron que era difcil leer los datos que se presentan en las papeletas.

Seccin para realizar la votacin presidencial.

12

3

4

Votacin presidencial

65

Marco terico

1.

2.

3.

4.

Ventana emergente que permite confirmar la eleccin

Confirmacin de Votacin

Falta informacin de los candidatosLa cantidad de informacin que se muestra no es la misma que muestra la papeleta fsica

Retcula de 6x2Se tiene pensando incluir hasta doce candidatos en la pantalla, lo cual lleva a una menor legibilidad y posibilidad de interaccin.

El pop-up de confirmacin no informa cual fue la eleccin del usuarioPor lo que la persona electora no sabe qu eleccin est confirmando, adems que la ventana emergente queda sobre la mayor parte de la papeleta, lo que en la mayora de las ocasiones imposibilita ver la opcin seleccionada.

Los botones Voto nulo y Voto en blanco se encuentran a la par del botn para confirmar la eleccin.Esto hace pensar al usuario que debe seleccionar alguna opcin de la papeleta antes de elegir votar nulo o en blanco, esto apoyado por que dichas opciones se encuentran en la parte inferior de la pantalla.

3

4

66

Marco terico

Los colores que se han elegido para las papeletas no corresponden a los utilizados en las papeletas fsicas. Tampoco forman parte de algn esquema cromtico adecuado, o brindan alguna mejora en usabilidad.

Tal como este pop-up, muchos otros tienen las mismas caractersticas:No informan cul es el error que ocurrido.No informan porque ocurri el error.No brinda una posible solucin para el usuario.La etiqueta del botn no corresponde a la informacin que aparece en el pop-up.Mezcla informacin en espaol e ingls.

Diferencias en forma:Se utilizan dentro del sistema muchas formas para los botones, lo que hace que sea ms difcil para el usuario reconocerlos como tales.

Ejemplo de un pop-up informativo que aparece en

Voto Electrnico

OK

Error

Error: Ha ocurrido un error

Retroalimentacin

BotonesOK Aceptar

67

Marco terico

Buscar Registrar

Diferencias en peso visual:Algunos iconos son muy simples, con pocos detalles, mientras que otros son muy complejos y con elementos muy pequeos que no se reconocen de forma fcil.

Similitud de forma en diferentes iconos:Confunde al usuario el hecho de ver iconos con formas similares en botones cuyas funciones son diferentes.

Verificar

Diferencias en el uso del colorEn algunos caso se utiliza el icono solamente en blanco, mientras que otros iconos tienen adems negro.

Adems el contraste en algunos casos no es el mejor, como cuando se utilizan elementos en negro sobre fondo azul, lo que hace que estos elementos pasen desapercibidos

68


Marco terico

Para ste anlisis se tom informacin de diversos sistemas desarrollados en Estados

Unidos, el sistema de voto electrnico de Panam, Per y Argentina

Se tom en cuenta el proceso de votacin, elementos fsicos empleados en el proceso

y diseo de la interfaz grfica de la herramienta.

Estados Unidos

Panam

Per

Argentina

69

Anlisis los procesos de votacinAl final de esta seccin se podr determinar aspectos comunes en los procesos en cada uno de los diferentes pases, desde etapas del proceso hasta la interaccin de los participantes durante el desarrollo de la eleccin.

Adems se har referencia a las funciones de los productos fsicos que interfieren en el proceso, para posteriormente realizar recomendaciones para su aplicacin en Voto Electrnico

Marco terico

Marco terico

Mesa Mesa Cabina de votacin

Presenta DNI

Recibe DNI Insertar DNI en el lector de cdigo de barras

Comprobar la indentidad del elector

Retirar DNI Entregar tarjeta de activacin

Entrega DNI a 3er miembro

Recibir la DNI

Vericar que se deposite la constancia

Entregar la DNI

Recibir tarjeta de activacin

Vota en blanco

Recibe la tarjeta de activacin

Vota por un candidato

Vota nulo

Inserta la tarjeta de activacin en la ranura de la mquina

Conrma su votoConrma su voto Recoje la constancia Retira la tarjeta de activacin

Deposita la constancia

Devuelve la tarjeta de activacin

Recibe su DNI

Vota en blanco


Vota nulo

Elector

Miembros de mesa

OMPE - Per Proceso de votacin

71

Marco terico

OMPE - PerElementos utilizados

El siguiente listado corresponde a los elementos que intervienen en el proceso de votacin, cuya interaccin con el usuario debe ser analizada para rescatar informacin que deba desplegarse en la interfaz grfica o para brindar posibles recomendaciones para un posible rediseo del producto.

DNIPermite comprobar identidad del elector

Mquina para comprobar identidad de electorPermite comprobar identidad del electorMuestra informacin bsica del electorInicia la tarjeta de activacin

Tarjeta de activacin del sistemaActiva la mquina para votacin

Impresora de rolloImprime los datos de la votacin que ha realizado el elector

Contancia de votacinSirve como medio de comprobacinPermite otra manera de cuantificar la eleccin

Buzn para depositar constancia de votoContiene las constancias de votacinProtege las constancias de votacinEvita que los datos impresos sean observados

Memoria USBContiene los datos finales de la eleccin

Pantalla de votacinInforma que se debe insertar la tarjeta de activacinPermite realizar la votacin

Marco terico

vot.ar Argentina Proceso de votacin

Firma registro de empadronamiento


Presenta DNI

Recibe DNI Separa una parte de la papeleta de votacin

Entrega papeleta de votacin

Vericar que se deposite la papeleta

Entregar la DNI

Vota en blanco

Recibe la papeleta de votacin


Vota nulo

Inserta la tarjeta de papeleta en la ranura de la mquina

Espera a que se imprima la papeleta y la recoge

Conrma su voto Verica su votacin colocando la seccin del chip de la papeleta sobre la parte lectora

Dobla papeleta Desprende segundo troquel de la papeleta

Deposita en la urna Recibe DNI y certicado de votacin

Vota en blanco


Vota nulo

Elector

Miembros de mesa

73

Marco terico

vot.ar Argentina Elementos utilizados

El siguiente listado corresponde a los elementos que intervienen en el proceso de votacin electrnico de Argentina, cuyo nombre del sistema es vot.ar




Lector de chip de la papeletaLee los datos del chip de la papeleta

Pantalla de votacinInforma como insertar la papeletaPermite realizar el votoPermite visualizar los datos de la votacin realizada

Papeleta nica de votacinActiva la unidad de votacinContiene los datos de la eleccin de cada votanteFunciona como comprobante de la votacinPermite al elector verificar sus datos de la votacin

Elemento electrnicoGuarda la informacin de la votacin en el chip de la papeleta

Marco terico

SmartmaticProceso de votacin


Presenta DNI

Recibe DNI Verica informacin en padrn fsico

Entrega DNI

Recibe DNI Le indica al elector donde rmar

Presiona botn para activar el sistema

Entrega el DNI del elector

Elector

Miembros de mesa

Firma frente al 2do miembro de mesa


Espera de la activacin del sistema

Deposita el comprobante en el buzn

Recoge su comprobante

Recoge su DNIPresiona votar

75

Marco terico

Smartmatic Elementos utilizados

El siguiente listado corresponde a los elementos que intervienen en el proceso de votacin electrnico Smartmatic, desarrollado en Estados Unidos.


Padrn de electoresPermite comprobar la pertenencia del elector a dicho recinto

Botn de miembros de mesaMediante ste, el miembro de mesa activa la urna electrnica para que la persona electora realice el voto



Pantalla de votacinInforma como insertar la papeletaPermite realizar el votoPermite visualizar los datos de la votacin realizada

Contancia de votacinSirve como medio de comprobacinPermite otra manera de cuantificar la eleccin

76

Marco terico

Conclusiones del anlisis del

proceso de votacin

Se logr identificar las etapas principales del proceso de votacin:

Identificacin del elector

Votacin en la pantallaSecciones principales:

Instrucciones iniciales

Votacin

Confirmacin

Resumen de la votacin

Impresin del comprobante

Depsito del comprobante

1

2

3

4

77

Marco terico

La interaccin en los referenciales analizadosA continuacin se mencionan aspectos importantes de distribucin de elementos, colores, formas, y arquitectura de las herramientas en estudio, que influyen directamente en la interaccin del usuario y en el proceso de votacin

Las anteriores son imgenes de algunas de las herramientas analizadas.

De las secciones dentro de la herramienta, que encuentra el usuario al llevar a cabo la eleccin, se tomaron los elementos ms comunes, como textos, imgenes y elementos de interaccin, para analizar su posible utilizacin en el rediseo de Voto Electrnico y su posterior evaluacin mediante pruebas con usuarios.

78

Marco terico

Texto de como activar el sistemaGrfica de como activar el sistema

En sta seccin, se reconoci dos tipos diferentes de interaccin.

En la primera el usuario selecciona un candidato, y en el caso de querer cambiar su eleccin, solamente debe presionar en la nueva opcin para eliminar la primera eleccin realizada.

Adems, existe un botn para votar nulo, con el mismo nivel de jerarqua que los candidatos; mientras que para para votar en blanco solamente se debe presionar el botn de aceptar o confirmar, sin antes haber seleccionado alguna opcin de candidato.

Pantalla inicial

Votacin

Siguiente

NOMBRE DEL PARTIDO

LUGAR DE VOTACIN

NOMBRE DEL PARTIDO

NOMBRE DEL PARTIDO

NOMBRE DEL PARTIDO

NOMBRE DEL PARTIDO

NOMBRE DEL PARTIDO

VOTAR NULO

79

Marco terico

Mientras que, el segundo tipo de interaccin presenta un botn para eliminar la eleccin realizada antes de confirmar y as poder elegir otro candidato en caso de equivocacin o cambio de opinin.

Para realizar un voto nulo basta con seleccionar varios candidatos y para votar en blanco se utiliza la misma idea de no seleccionar ningn candidato en la papeleta y confirmar el voto.

IsologotiposReferencia del lugar de la eleccinIndicacin breve de cmo seleccionar una opcinReferencia del tipo de votacin que se realizaFotografa y nombre de cada opcin para votarBotn:

Botn:

Partido

PRESIDENTE

Vicepresidente

1 Partido

PRESIDENTE

Vicepresidente

2 Partido

PRESIDENTE

Vicepresidente

3 Partido

PRESIDENTE

Vicepresidente

4 Partido

PRESIDENTE

Vicepresidente

5

Partido

PRESIDENTE

Vicepresidente

6 Partido

PRESIDENTE

Vicepresidente

7 Partido

PRESIDENTE

Vicepresidente

8 Partido

PRESIDENTE

Vicepresidente

9 Partido

PRESIDENTE

Vicepresidente

10

AceptarLimpiar Lorem ipsum dolor sit amet, amet rutrum morbi urna tincidunt dolor, quod diam accumsan fringilla urna a ultricies, suspendisse nec dolore

Lorem ipsum dolor sit amet, amet rutrum morbi urna tincidunt dolor, quod diam

accumsan fringilla urna a ultricies, suspendisse nec dolore

En general los elementos de esta seccin son:

Voto nulo

Votar Siguiente

80

Marco terico

Fotografa y nombre de cada opcin votadaBotn de:

Botn de:

Informacin de la votacin realizada (mientras imprime)

Confirmacin

Pantalla resumen

Cambiar


Arquitectura propuesta

Gracias a los anlisis realizados a la versin actual de Voto Electrnico y a otras herramientas similares se logra generar un nuevo concepto de arquitectura de informacin.

Proceso de elaboracin de la nueva arquitectura

Nueva arquitectura

82


En la nueva arquitectura se toma en cuenta que muchas de las secciones que estaban inicialmente en el home de la aplicacin, no pueden ser accedidas inicialmente, sino que dependen de otras, tal como se mostr en el anlisis.

De ese mismo anlisis se desprenden las siguientes acciones a tomar en cuenta en la nueva arquitectura:

Pantalla inicial

Vista previa




Visualizar miembros de mesa

Visualizar papeletas y plantillas


Ingresar conguracin

Votaciones

1

2

3

Existan inicialmente dos secciones que cumplan la misma funcin de visualizacin de la lista de los miembros de mesa, solamente se diferenciaban por las opciones que daban para editar dicha lista, por lo que para la nueva arquitectura se decide unificar estas secciones.

Adems, se identific que todas las acciones giraban alrededor de tres elementos principales: usuarios, papeletas y votaciones, por lo que se decidi utilizar stas como secciones principales y agrupar todas las funciones secundarias dentro.

Esta nueva organizacin ayudo a que funciones diferentes, de secciones con el mismo nombre, como Ingresar nuevo usuario, se

#

83


pudieran agrupar y organizar en diferentes niveles de navegacin.Las secciones restantes que inicialmente parecan estar a un mismo nivel de jerarqua, pero que se empleaban sobre ventanas emergentes, pasaron a ser parte de la nueva arquitectura. stas son:

En estos casos, fue fundamental el anlisis realizado del proceso de votacin, para determinar en qu parte de la navegacin el usuario iba a necesitar anular un voto, cerrar la urna u obtener el informe final.

Anular voto Cerrar urna Informe final

84


Votacin

Ayuda


Cerrar urna

Agregar un usuario

Presidentes

Diputados

Anular voto

Usuarios

Papeletas


Votacin nalizada

Imprimir informe nal

Pantalla inicialLogin

Nueva arquitectura

SimbologaUso de la contrasea parapasar a la siguiente seccin

Uso de la tarjeta de activacinpara pasar a la siguiente seccin

85


La nueva arquitectura mantiene el concepto de que el sistema va poder ser utilizado por dos usuarios, cada uno con funciones diferentes.

La persona electora podr acceder a la seccin de votaciones. Mientras que los miembros de mesa tendrn acceso al resto de funciones.

Inicialmente se contempla una pantalla para iniciar sesin. Posterior a esto, el usuario administrador o miembro de mesa encontrar cuatro secciones principales: papeletas, usuarios, votacin y ayuda.

En la seccin de papeletas podr visualizar las papeletas correspondientes al proceso electoral que se vaya a realizar.

En usuarios podr encontrar la lista de los usuarios agentes electorales que se encuentran participando de dichas elecciones en ese lugar.

Votacin permitir al usuario elector realizar el proceso de votacin. Para que este proceso pueda iniciar, el administrador deber activar las votaciones desde la pantalla principal.

Adems en cualquier momento de las elecciones, el miembro de mesa podr ingresar a la seccin de usuarios, cerrar la urna o imprimir el informe final, utilizando su informacin de usuario y tarjeta de activacin, para as abandonar la seccin de votaciones e ingresar a estas secciones.

En caso de que sea necesario anular un voto, esto deber realizarse mientras el usuario est en la urna electrnica con la sesin activa. Para ingresar a la seccin de anular un voto, el miembro de mesa deber utilizar su informacin de usuario y contrasea as como su tarjeta de activacin.

Se propone dentro de la nueva arquitectura, una nueva seccin llamada Ayuda la cual deber contener informacin til para el miembro de mesa, referente a cmo se realiza cada proceso dentro del sistema.


Wireframes

Se trabaja los wireframes como la estructura bsica de lo que ser el diseo final de cada una de las secciones de la aplicacin Voto Electrnico. Se toman en cuenta en este caso elementos de navegacin como mens, elementos de informacin como el contenido de texto, elementos de interaccin como botones que el usuario puede utilizar para realizar alguna accin, adems de elementos de apoyo que funcionarn como tems de ayuda.

Los wireframes servirn posteriormente, para su evaluacin mediante pruebas con usuarios reales, donde se vern aspectos de distribucin, tamaos, jerarqua, forma-funcin, forma-significado, en el caso de los iconos, y navegacin.

SimbologaSeccin que utiliza el miembro de mesa

Seccin que utiliza la persona electora

87

Wireframes

Para ingresar al sistema escriba los datos que se le solicitan a continuacin:

Ingresar

Cdigo de urna

Contrasea

Voto Electrnico

Inicio de sesinEsta es la pantalla inicial, se solicitan los datos del usuario administrador (miembro de mesa) para as asegurar que solamente dichos usuarios entrarn a las secciones siguientes.

Se propone que se trabaje con un cdigo y contrasea especficos para cada recinto o urna, siendo esto un poco ms manejable que utilizar un cdigo y contrasea para cada agente electoral.

88

Wireframes

Voto Electrnico Ayuda

Cerrar

Usuarios

Papeletas

Conguracin:

Es hora de iniciar las votaciones:

2 de febrero de 2014

Iniciar las votaciones

Pantalla principal (home)Esta seccin permite acceso a partes de configuracin del sistema como: Usuarios y Papeletas, a la seccin de ayuda, posee un botn para cerrar el sistema, y uno principal para iniciar el proceso de votaciones en la urna electrnica.

89

Wireframes

Usuarios

RolNombre


Miembro del TSE

Miembro del TSE

Miembro del TSE

Miembro del TSE

Miembro del TSE

Miembro de mesa

Miembro de mesa

Auxiliar TSE

Auxiliar TSE

Auxiliar TSE

Auxiliar TSE

Auxiliar TSE

Victoria lvarez Madrigal

Enrique Ramrez Esquivel

Alberto Hernndez Brenes

Fabiana Mora Arias

Juliana Gmez Madriz

Mario Montenegro Orozco

Alfredo Prez Segura

Erick Mass Chaverr

Alejandra Elizondo Barrantes

Karen Morales Brenes

Enrique Salazar Moreno

Agregar un usuario

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Botn atrsLleva al usuario al home de la herramienta

Agregar un nuevo usuarioPermite agregar un nuevo usuario a la lista

Ms informacinLleva a la informacin completa de cada usuario

EliminarBotn para eliminar un usuario en especfico de la lista

Aqu se puede encontrar la informacin de los agentes electorales que se encuentran trabajando en el proceso electoral en el recinto donde se ubica la urna electrnica.

1 2

34

1.

2.

3.

4.

Seccin: Usuarios

90

Wireframes

Seleccin del rol del usuarioSe debe elegir una de las opciones de rol de usuario

Formulario de datos

AgregarBotn para agregar el usuario segn la informacin que se ingres

Al presionar el botn de agregar un usuario, que aparece en la seccin de usuarios, aparece esta pantalla, donde se solicitan los datos bsicos necesario para agregar un usuario.

1.

2.

3.

Agregar un usuario

Agregar un usuario

Rol del nuevo usuario

Presidente JR Tcnico TSE Auxiliar TSE Miembro TSEMiembro de mesa

Nombre Justicacin

Primer apellido Segundo apellido

Cdula (ejemplo: 88 8888 8888)

Telfonos (ejemplo: 8888 8888)

Agregar

Cancelar

Espacio opcional

1

2

3

91

Wireframes

Usuarios

RolNombre

President Junta Receptora

Miembro del TSE

Miembro del TSE

Miembro del TSE

Miembro del TSE

Miembro del TSE

Miembro de mesa

Miembro de mesa

Auxiliar TSE

Auxiliar TSE

Auxiliar TSE

Auxiliar TSE

Auxiliar TSE




Fabiana Mora Arias

Juliana Gmez Madriz


Alfredo Prez Segura

Erick Mass Chaverr




AyudaAgregar un usuario

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Victoria


Madrigal lvarezNombre:

Rol:

01 8743 1597

2552 0590 8870 4563

Cdula:

Telfonos:

Primer apellido: Segundo apellido:

Informacin de usuario Cerrar

Editar informacinEliminar usuario1 2

3

Eliminar usuarioPermite eliminar el usuario del que se obtuvo la informacin. Se repite la opcin en esta ventana, ya que existe la posibilidad de que al usuario no le baste con la informacin inicial para asegurarse de que dicho usuario es el que debe eliminar.

Editar informacinSe coloca este botn dentro de esta ventana ya que el usuario necesita visualizar antes la informacin que va a editar.

CerrarPermite cerrar la ventana emergente y volver al listado de usuarios.

Esta ventana emergente aparece al presionar sobre el botn de Ms informacin en la pantalla anterior.

1.

2.

3.

92

WireframesUsuarios

RolNombre


Miembro del TSE

Miembro del TSE

Miembro del TSE

Miembro del TSE

Miembro del TSE

Miembro de mesa

Miembro de mesa

Auxiliar TSE

Auxiliar TSE

Auxiliar TSE

Auxiliar TSE

Auxiliar TSE




Fabiana Mora Arias

Juliana Gmez Madriz


Alfredo Prez Segura

Erick Mass Chaverr




AyudaAgregar un usuario

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Eliminar

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Ms informacin

Eliminar usuario Cerrar

Est seguro que desea eliminar el siguiente usuario?

Victoria lvarez MadrigalPresidente Junta Receptora

No, cancelarSi, deseo eliminarloUsuarios

RolNombre


Miembro del TSE

Miembro del TSE

Miembro del TSE

Miembro del TSE

Miembro del TSE

Miembro de mesa

Miembro de

Rediseño Voto Electrónico

Documents

Transcript of Rediseño Voto Electrónico