Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
La web electoral con la mejor UX
Experiencia de usuario
15/12/2015
|
Samuel Gimeno Artigas
El día 20 de diciembre se celebran las elecciones generales en España y nos hemos planteado descubrir cuál es la web electoral con la mejor experiencia de usuario. Para ello hemos escogido las 5 webs de los principales partidos de ámbito estatal: Partido Popular, PSOE, Ciudadanos, Podemos y Unidad Popular/IU, que según el barómetro del CIS de Octubre en su pregunta 23 eran los que mayor porcentaje tenían de voto.
Metodología
Hemos analizado tres cosas: un test de usuario simplificado donde se le dan unas tareas de usuario y se ve el resultado que un usuario tendría en la web al hacerlas (si es que se pueden hacer), cómo se ve la web en diferentes dispositivos (lo que se llama ahora una web responsive) y la ordenación de contenidos de la web (la arquitectura de la información clásica).
Las tareas propuestas son:
- Busca el candidato de la provincia de Zaragoza.
- Busca la lista completa de la provincia de Zaragoza.
- Descarga el programa completo de la formación.
- Busca la parte de empleo del programa de la formación en la web.
- Busca los actos de la formación en los próximos días.
- Eres un usuario de Cataluña, Valencia, Baleares, Galicia, Euskadi o Navarra que habla una lengua co-oficial en tu comunidad y quieres consultar el programa, la web o la agenda en tu idioma.
- Quiero acceder a las redes sociales del partido o de los candidatos desde la web.
- Calidad del buscador de la web, si lo hay.
Para evaluar si la web es responsive, hemos usado una web (https://www.responsinator.com) que te muestra la web como se vería en varios dispositivos y en posición horizontal y vertical, incluyendo los dispositivos móviles más usuales y con varias resoluciones (incluyendo los dispositivos Android de baja resolución y bajo coste que usa mucha gente todavía y de los cuales a veces nos olvidamos), además de permitir una mínima interacción que te permita ver la web en cada dispositivo.
Para la ordenación de contenidos, hemos mirado si la web es coherente y son fácilmente accesibles las cuatro cosas básicas (candidaturas, programa, agenda y las redes sociales) y si hay una coherencia en la ordenación del programa o de la ordenación territorial.
En total, hemos dado un punto a cada tarea, dos puntos a cada una de las dos partes, en total 12 puntos.
Webs analizadas
PP
Web electoral del Partido Popular
Tareas
|
Partido Popular (PP). Tareas |
Puntos |
|
|
1 – Busca el candidato de la provincia de Zaragoza |
1 |
|
|
2 – Busca la lista completa de la provincia de Zaragoza |
1 |
|
|
3 – Descarga el programa completo de la formación |
1 |
|
|
4 – Busca la parte de empleo del programa de la formación en la web |
1 |
|
|
5 – Busca los actos de la formación en los próximos días |
0 |
|
|
6 – Eres un usuario de Cataluña, Valencia, Baleares, Galicia, Euskadi o Navarra que habla una lengua co-oficial en tu comunidad y quieres consultar el programa, la web o la agenda en tu idioma |
0 |
|
|
7 – Quiero acceder a las redes sociales del partido o de los candidatos desde la web |
1 |
|
|
8 – Calidad del buscador de la web, si lo hay |
0,5 |
|
Comentario a la tarea 8
0,5 puntos porque no hay buscador salvo para candidatos con funcionalidad limitada que funciona sólo con cadenas completas.
Web responsive
2 puntos Se ve bien en todas las resoluciones y dispositivos y no hay elementos que se superpongan ni dificulten la navegación.
Ordenación de contenidos
1,5 puntos Los contenidos están bien ordenados y son accesibles fácilmente pero falta la agenda. Las candidaturas están ordenadas por provincias y el programa está organizado por áreas temáticas.
Total 9 puntos
PSOE
Tareas
|
Partido Socialista Obrero (PSOE). Tareas |
Puntos |
|
|
1 – Busca el candidato de la provincia de Zaragoza |
0 |
|
|
2 – Busca la lista completa de la provincia de Zaragoza |
0 |
|
|
3 – Descarga el programa completo de la formación |
1 |
|
|
4 – Busca la parte de empleo del programa de la formación en la web |
1 |
|
|
5 – Busca los actos de la formación en los próximos días |
0,5 |
|
|
6 – Eres un usuario de Cataluña, Valencia, Baleares, Galicia, Euskadi o Navarra que habla una lengua co-oficial en tu comunidad y quieres consultar el programa, la web o la agenda en tu idioma |
0 |
|
|
7 – Quiero acceder a las redes sociales del partido o de los candidatos desde la web |
1 |
|
|
8 – Calidad del buscador de la web, si lo hay |
1 |
|
Comentarios a la tarea 5
0,5 puntos porque sólo es visible la agenda del día
Comentarios a la tarea 8
1 punto tiene buscador pero da resultados poco relevantes
Web responsive
1,5 puntos Se ve bien en todas las resoluciones pero falla en los Android de baja resolución que el menú de navegación se monta.
Ordenación de contenidos
1 punto. Buena aunque falten cosas (agenda más allá del día, candidaturas, etc…)
Total 7 puntos
Ciudadanos
Tareas
|
Ciudadanos. Tareas |
Puntos |
|
|
1 – Busca el candidato de la provincia de Zaragoza |
0 |
|
|
2 – Busca la lista completa de la provincia de Zaragoza |
0 |
|
|
3 – Descarga el programa completo de la formación |
1 |
|
|
4 – Busca la parte de empleo del programa de la formación en la web |
1 |
|
|
5 – Busca los actos de la formación en los próximos días |
1 |
|
|
6 – Eres un usuario de Cataluña, Valencia, Baleares, Galicia, Euskadi o Navarra que habla una lengua co-oficial en tu comunidad y quieres consultar el programa, la web o la agenda en tu idioma |
1 |
|
|
7 – Quiero acceder a las redes sociales del partido o de los candidatos desde la web |
1 |
|
|
8 – Calidad del buscador de la web, si lo hay |
0 |
|
Web responsive
2 puntos Se ve bien en todas las resoluciones y dispositivos.
Ordenación de contenidos
1 punto Buena pero le falta pensar el rotulado mejor, titula “Nuestro proyecto” dónde está el programa electoral. El rotulado es importante, si no quieres titular “Programa electoral” para que la gente no se asuste, titula “Nuestro proyecto para 2015-2019”, “Nuestro proyecto para los próximos 4 años”, etc…
Total 8 puntos
Podemos
Tareas
|
Podemos. Tareas |
Puntos |
|
|
1 – Busca el candidato de la provincia de Zaragoza |
1 |
|
|
2 – Busca la lista completa de la provincia de Zaragoza |
0,5 |
|
|
3 – Descarga el programa completo de la formación |
1 |
|
|
4 – Busca la parte de empleo del programa de la formación en la web |
1 |
|
|
5 – Busca los actos de la formación en los próximos días |
1 |
|
|
6 – Eres un usuario de Cataluña, Valencia, Baleares, Galicia, Euskadi o Navarra que habla una lengua co-oficial en tu comunidad y quieres consultar el programa, la web o la agenda en tu idioma |
1 |
|
|
7 – Quiero acceder a las redes sociales del partido o de los candidatos desde la web |
1 |
|
|
8 – Calidad del buscador de la web, si lo hay |
0 |
|
Comentario a la tarea 2
0,5 puntos Está la lista de la candidatura en la web pero hay que usar Google para encontrarla.
Web responsive
1,75 puntos Se ve bien todo salvo un elemento flotante que en algunas resoluciones queda raro pero se puede navegar.
Ordenación de contenidos
2 puntos Es la mejor de todas, todo es accesible y el programa está etiquetado por asuntos.
Total 10,25 puntos
Unidad Popular/IU
Tareas
|
Unidad Popular/Izquierda Unida(UP/IU). Tareas |
Puntos |
|
|
1 – Busca el candidato de la provincia de Zaragoza |
0,5 |
|
|
2 – Busca la lista completa de la provincia de Zaragoza |
0,5 |
|
|
3 – Descarga el programa completo de la formación |
1 |
|
|
4 – Busca la parte de empleo del programa de la formación en la web |
0,5 |
|
|
5 – Busca los actos de la formación en los próximos días |
1 |
|
|
6 – Eres un usuario de Cataluña, Valencia, Baleares, Galicia, Euskadi o Navarra que habla una lengua co-oficial en tu comunidad y quieres consultar el programa, la web o la agenda en tu idioma |
0 |
|
|
7 – Quiero acceder a las redes sociales del partido o de los candidatos desde la web |
1 |
|
|
8 – Calidad del buscador de la web, si lo hay |
0 |
|
Comentario a la tarea 1
0,5 puntos. Se encuentra fácil pero no los especifica si son para el Congreso o el Senado.
Comentario a la tarea 2
0,5 puntos. Se encuentra fácil pero no los especifica si son para el Congreso o el Senado.
Comentario a la tarea 4
0,5 puntos Está en el pdf buscando empleo.
Web responsive
2 puntos Se ve bien en todas las resoluciones y dispositivos.
Ordenación de contenidos
1 punto Es todo accesible, pero la categorización es pésima. Las candidaturas están ordenadas sin criterio territorialmente, faltan las candidaturas de Gipuzkoa y Navarra, que se presentan pero no están en la web por ningún sitio.
Total 7,5 puntos
Ranking
- Podemos 10,25 puntos
- PP 9 puntos
- Ciudadanos 8 puntos
- Unidad Popular/IU 7,5 puntos
- PSOE 7 puntos
Accesibilidad
Aparte de lo habitual queremos tratar este tema, ya que ninguna de las webs tratada pone por ningún sitio que cumpla las normas WAI-ARIA o WCAG del W3C, pues casi un millón de personas en España sufren algún tipo de deficiencia visual, siendo unas 60.000 personas ciegas totales según el informe sobre la ceguera en España que saca los datos del INE y de la afiliación a la ONCE.
Desde el estudio consideramos muy grave que no se haya hecho un esfuerzo en este sentido en ninguno de los casos, ya que las personas con deficiencias visuales son electores como cualquier otro y por ello deben poder acceder a las webs electorales de los partidos como cualquier otro ciudadano, pues votan como cualquiera y ya bastantes dificultades tienen para votar (tienen que pedir papeletas especiales por adelantado).
Mención aparte favorable le damos al PSOE y a Podemos, al incluir los dos una versión de fácil lectura del programa electoral, para personas analfabetas funcionales o con dificultades de entendimiento.
En Torresburriel Estudio apoyamos el rediseño de tu producto digital, con un proyecto de acompañamiento donde aplicamos metodologías de diseño centrado en el usuario. Contacta con nosotros, y cuéntanos tu proyecto. Te enviaremos una propuesta adaptada a tus necesidades y presupuesto.
Genial el estudio que habéis hecho. Solo un pequeño matiz, y es que la accesibilidad no es solo ceguera, si no, capacidad visual, auditiva, cognitiva, motriz… y la cifra es aún más significativa, porque son más de 2,5 millones en España.
De todos modos es triste que la administración pase de estos temas, y muchos de ellos ni lo lleven en su programa electoral ya que es un aspecto que no incurre en sobrecostes significativos y denota sensibilidad social.
De todos modos el post está muy bien.
Muchas gracias por la aportación.
Una pequeña corrección: las elecciones no son el 20 de «Noviembre» sino en diciembre.
Fantástico ejemplo de trabajo UX. Solo una pregunta: habéis medido cuánto se tarda en el proceso?
Gracias por compartir vuestro trabajo!
[…] La web electoral con la mejor UX […]
Gracias por la corrección ya está cambiado 😉
Gracias por comentar Miguel en primer lugar.
Si te das cuenta diferenciamos entre ceguera y deficiencia visual y damos las dos cifras diferenciadas, además tenemos en cuenta que tengan un programa de lectura fácil en esa parte. Por otra parte las normas WCAG y WAI-ARIA del W3C Miguel son las que si cumplieran las webs de los partidos políticos, habríamos avanzado mucho en una web para todas las personas sean como sean, esas normas dan directrices para todo tipo de patologías a las que haces referencia.
Te pego dos enlaces al respecto: http://accesibilidadweb.dlsi.ua.es/?menu=wcag-2.0 y http://web.ua.es/es/accesibilidad/accesibilidad-web/wai-aria.html por si quieres informarte más al respecto y aplicarlos en tu día a día.
No, no hemos hecho medición de tiempos, de ahí que es un test de usuarios simplificado, simplemente hemos hecho valoración de si se podía hacer la tarea desde la web de una manera fácil o si había que usar otras herramientas como Google o el buscador del visor de PDF integrado del navegador, poniendo un punto si era la primera opción o medio punto si era la segunda.
Decirte que en webs hechas ad hoc para las elecciones como las del PP o Podemos, es mucho más fácil y rápido hacer las cosas que en las de PSOE o Ciudadanos que son sus webs de partido con apartados especiales para elecciones y una web para sus candidatos, mi opinión es porque esas webs ad hoc están pensadas hacia la ejecución de tareas y pensando en qué quiere hacer el usuario en una web electoral y poniendo el foco en eso y no en otras cosas.
Gran post!
Estoy viendo la web de Podemos en el móvil y aunque efectivamente el contenido se adapta bien, la home es imposible de ver correctamente. Utilizan secciones al 100% de altura, con salto a la siguiente sección al hacer scroll, por lo que si no cabe todo el contenido en la pantalla, no puedes verlo.
Saludos!
Hola Samuel, efectivamente, como comentas diferenciais entre los que tienen algún tipo de discapacidad visual y los que tienen ceguera total, pero a lo que me refería es, que la accesibilidad afecta todavía a más usuarios con discapacidad, es decir, según el INE hay más de 2,5 millones de personas con discapacidad en España, y la discapacidad puede ser visual (ceguera, retinosis, daltonismo, …), puede ser motriz, puede ser cognitiva, etc…, es decir, discriminan a un porcentaje importante de la sociedad, evidencian su falta de sensibilidad, y sobre todo, no se paran a pensar que la accesibilidad además beneficia técnicamente su web por poder acceder a la información desde cualquier dispositivo de una manera razonable, mejora el posicionamiento, etc.
Gracias por las referencias, aunque las conocía, pues llevo más de 10 años trabajando en proyectos de accesibilidad web 😛
Saludos y de nuevo enhorabuena por el post.
[…] hemos hecho en otras ocasiones con eventos como las webs electorales para las elecciones del 20D, vamos a hacer un análisis de la experiencia de uso de los sitios web relacionados con esta […]
[…] La web electoral con la mejor UX […]