Analizando las páginas de los partidos políticos

Finalmente 2019 va a ser año de elecciones, por eso creo que es un buen momento para ver si los partidos cumplen en sus web con unos mínimos criterios de usabilidad y cómo han enfocado su diseño.

Marta Rico Ruiz
9 min readFeb 20, 2019

Voy a analizar las páginas de PP, PSOE, Ciudadanos y Unidos Podemos… Se que hay muchos otros partidos pero voy a centrarme en los de mayor representación parlamentaria actualmente.

Por otro lado es posible que en los próximos meses se produzcan cambios en estas páginas debido precisamente a la cercanía de las elecciones, pero este estudio se refiere a las versiones que existen en febrero de 2019.

Este es un análisis del diseño y la usabilidad de sus webs, no entro en sus mensajes políticos e intentaré ser lo más objetiva posible.

Para hacerlo me he basado en el sistema Sirius y la plantilla que proporciona Olga Carreras en su blog y en mis propios conocimientos como diseñadora. Para tener una visión más ajustada, habría que contrastar este examen con el de otros especialistas, y complementar con tests de usuario adecuados.

PP

Lo primero que observo es que las imágenes de la cabecera son de mala calidad, con textos incrustados y muy pixelados en ocasiones, y que además se cortan en algunos tamaños de pantalla. Esto puede afectar tanto al posicionamiento en buscadores como a la accesibilidad.

De hecho los textos cortados aparecen también en el slider que se encuentra debajo de la cabecera.

Algunos textos de la home principal aparecen cortados

Se echa en falta una descripción básica del partido, y de sus principios fundamentales, que nos dé más información sobre sus objetivos y principios.

De por si la página principal es simplemente un repositorio de noticias sobre el partido, tanto escritas como en vídeo, y una agenda. Esto se repite en muchas de las páginas interiores, lo que hace que recuerde más a un medio de comunicación que a un partido político.

Me parece destacable que esto ocurra también en la sección temas, lo que no me parece acertado, ya que el visitante probablemente busque esta sección para informarse en profundidad de las principales políticas del partido, lo que no queda del todo claro.

Salvo unos textos cortos, las distintas páginas de temas se dedican principalmente a las noticias.

La estructura no me termina de convencer, por ejemplo incluir los programas electorales en “Conócenos”, mezclado con temas como “Historia”, “Quiénes somos” o “In memoriam” no me parece muy intuitivo. De hecho no veo un orden lógico e intuitivo en los elementos del menú.

Sin embargo el estilo de diseño es reconocible y mantiene el look&feel en todo el sitio, lo que ayuda a la consistencia. Y los textos son siempre legibles y no tenemos problemas de contraste, etc.

Una interacción que veo un poco compleja es la de la zona de vídeo de la home: los vídeos pasan, al pinchar sobre ellos, a la parte de arriba, entramos en el enlace, vemos el vídeo más grande y el titular, y si queremos leer la noticia tenemos que dar otro clic. Me parecen muchos clics para poder llegar a la noticia.

En cuanto a los enlaces sólo se destacan con un subrayado al pasar sobre ellos, pero no se señalan claramente los enlaces ya visitados.

No existe rastro de migas ni ningún elemento que indique dónde estamos claramente dentro de la página.

Otro tema es que no siempre se usan adecuadamente las etiquetas h1, h2… Por ejemplo no todas las páginas tienen un h1 único, lo que implica un problema para el SEO de la página.

Lo que sí están bien construidas son las URLs, que son amigables. Aunque no usa el protocolo https por lo que Google no lo reconoce como un sitio seguro.

Sobre el lenguaje no siempre es el más adecuado y no siempre es el más cercano al visitante: títulos como “canal de argumentarios” o textos complejos y demasiado institucionales no ayudan a crear la cercanía necesaria ni a la comprensión.

PSOE

Para empezar he de decir que el estilo de diseño de la web del Partido Socialista Obrero Español me parece un poco antiguo y tiene demasiados elementos en su página principal, lo que hace que el usuario tenga difícil centrar su atención o encontrar lo que realmente busca. De hecho me recuerda más a una página de un medio de comunicación por la gran cantidad de noticias que incluye. Igual que ocurría con las página del PP.

Por otro lado la organización de la página principal tampoco es muy clara, tenemos un grupo de noticias justo debajo del menú, luego un widget de twitter y pasamos a un nuevo grupo de noticias con un titular: “noticias de actualidad”, lo que confunde: ¿la primera sección no eran noticias? ¿Son estas las más novedosas ya que son de actualidad?

Demasiada información y un orden no demasiado lógico en la página principal

Tampoco tenemos una definición de dónde estamos y echo de menos una descripción breve del partido que resuma sus principios y concepción básica.

La existencia de dos menús es también confusa, sobre todo porque se repiten elementos en ambos, concretamente la agenda y la afiliación ya están en otros dos submenús, por lo que el menú de arriba podría eliminar estos elementos.

La página tiene dos menús y algunos de sus elementos se repiten

Otro error de usabilidad es que no se mantiene la consistencia de los distintos elementos. Los títulos no siguen siempre los mismos estilos, ni siquiera se sigue una criterio de estilo entre las distintas landing pages.

Dos de las páginas de la sección conócenos, que sin embargo no siguen el mismo estilo lo que afecta a la consistencia.

Si nos metemos además en el código, muchas páginas carecen de h1 e incluso se insertan los titulares entre etiquetas de lista, lo que claramente es un problema para el SEO.

Otro error importante es la falta de información sobre el estado del sistema: en el menú no se indica en que posición estamos, los links ya visitados no aparecen diferenciados y hay links que no siguen el mismo estilo que el resto.

Los formularios no están bien construidos, los errores no aparecen hasta que hemos pulsado enviar, y lo hacen en una ventana emergente que tenemos que cerrar para poder arreglar el error. Eso sí, se destacan todos los pasos que tenemos que dar y en cuál nos encontramos en cada momento.

Como punto positivo tengo que destacar que la identidad del sitio a través de su logo está presente en todas las páginas y se hace un adecuado uso de los colores corporativos.

También es destacable como las propuestas del partido son fácilmente localizables desde el menú, aunque no siempre con un lenguaje muy claro y cercano. Por otro lado al entrar en algunas de ellas los textos no están suficientemente actualizados.

Otro punto a su favor es cómo están construidas las URLs, que son amigables y claras en relación a su contenido.

Unidos Podemos

Como primera impresión el diseño es muy sencillo y es el primero que ha incluido un slogan llamativo: “la sonrisa de un país”.

Positivamente me llama la atención que es el primer partido que tiene en el menú principal una opción clara y a primer nivel para acceder al programa electoral (denominado así), y además su página principal se dedica a señalar puntos importantes de este programa.

Sin embargo la URL de Unidos Podemos no parece la más adecuada (https://lasonrisadeunpais.es/), ya que no es muy intuitiva.

En este caso se incluyen versiones de la página en distintos idiomas de España y en inglés, algo que no hacía ninguna de las anteriores.

He de decir que los enlaces no indican su estado: si ya han sido visitados, están activos, etc. Tampoco existe un rastro de migas, aunque la arquitectura no tiene muchos niveles y el menú indica claramente en que sección nos encontramos.

En cuanto a los títulos, no se usa un h1 único para cada página, de hecho no se usa prácticamente el h1, y se pasa directamente a niveles inferiores de etiquetado.

La interfaz es bastante limpia y fácil de usar.

En cuanto a los formularios, no informan de los errores hasta que no envías la información, lo que no es una buena solución de cara a la usabilidad.

Un punto que podría mejorarse es el hecho de que se redirige en muchas ocasiones a páginas externas, principalmente a la página de Podemos, y algunas secciones no están suficientemente actualizadas.

La página no tiene buscador, lo que quita flexibilidad a la navegación, pero también es verdad que es bastante sencilla y es fácil navegar por ella.

Quiero destacar que se da mucha importancia al programa electoral, que en mi opinión es bastante interesante para este tipo de páginas. Podemos navegar por él abriendo y cerrado las distintas propuestas, seleccionando por unos temas fundamentales o navegando por etiquetas, pero también haciendo una búsqueda (en esta zona sí se incluye un buscador). Además podemos acceder a él en diferentes formatos.

Página dedicada al programa electoral de Unidos Podemos

Ciudadanos

En este caso la página sí ofrece versiones en las distintas lenguas de España, lo que es un tanto a su favor. De hecho me parece que su diseño es más moderno y claro.

Página principal de Ciudadanos

Sin embargo sigo echando en falta un resumen o introducción sobre el partido para informar adecuadamente desde la home.

En cuanto a la organización, creo que es bastante clara y es fácil para el usuario encontrar lo que busca, con un menú construido de forma lógica.

Me parece así mismo correcto dedicar una sección del menú a las propuestas del partidos y creo que esta sección es clara y de fácil navegación. Sin embargo el menú no señala en que sección nos encontramos en cada momento, ni hay rastro de migas para indicar dónde se sitúa cada sección.

He de destacar una sección que no veo muy bien planteada. El Espacio Naranja es una zona privada, que cuenta con un formulario de login que no explica a qué estamos accediendo ni enlaza con el la zona de registro.

Zona Naranja

Las etiquetas h1, h2, están en general mejor utilizadas que en los anteriormente analizados, aunque no en todo el sitio web.

En cuanto a las URLs están bien construidas y son amigables. Además usa un protocolo seguro https.

Sin embargo en los formularios no existe un sistema de validación previo al envío, con lo que hasta que el usuario no intenta enviar no tiene información de los campos erróneos.

Tampoco cuenta con una página de error 404, cuando introduces una URL errónea se redirige a la home, sin informar de cuál ha sido el problema, lo que crea confusión al usuario.

Una cosa que me ha sorprendido bastante es que la página no cuenta con un buscador, lo que hace menos flexible la navegación.

Conclusiones

  • He de destacar que buscando en google partidos políticos España, ninguno de los analizados en este artículo aparece en la primera página de Google. Lo que me sorprende bastante.
  • Creo que ninguna de las páginas destaca especialmente por su diseño.
  • Me sorprende que den tanta importancia a las noticias y lo que dicen y hacen sus miembros, en lugar de dejar claro sus principios y propuestas. En este sentido la única que destaca especialmente es la de Unidos Podemos y, aunque no de forma tan clara, la de Ciudadanos.
  • La arquitectura tampoco es uno de sus fuertes y me sorprende bastante que no usen bien algo tan básico como las etiquetas h1, h2, etc.
  • Otro punto llamativo es como los partidos de más tradición, los que llevan más tiempo funcionando en España, no incluyen versiones en los distintos idiomas de España.
  • Tampoco se presta mucha atención a hacer unos formularios realmente bien construidos.
  • En general he podido navegar por todas sin demasiados problemas, pero me parecen mejor construidas las de Ciudadanos y Unidos Podemos.
  • En general, sin embargo, creo que todas podrían mejorar.

--

--