Los 9 problemas más habituales en las páginas web de proyectos europeos


OCT

26

2017

Los 9 problemas más habituales en las páginas web de proyectos europeos

Enhorabuena, has recibido financiación para tu proyecto, estás emocionado con las tareas que vas a llevar a cabo, pero entre ellas te toca hacer la web del proyecto, no es tu tarea preferida y a lo mejor no tienes mucha experiencia en ello, pero aun así quieres hacerla bien ya que quieres lograr la mayor visibilidad de tu proyecto.

La web es tu imagen online, te representa y por ello tienes que cuidarla.

En el post anterior te ofrecíamos una guía para orientarte en los primeros pasos de definición de la web de tu proyecto Horizonte 2020, pero hoy queremos mostrarte ejemplos prácticos de páginas de proyectos europeos para que sepas que es lo que deberías evitar al desarrollar tu página web de proyecto.

Para ello, hemos seleccionado 20 páginas de proyectos de la convocatoria H2020, entre aquellas que más visibilidad tienen en buscadores y las hemos analizado para mostraros cuáles son los principales problemas que suelen presentar este tipo de páginas.

1. Uso de urls no amigables

Hemos encontrado varios portales que muestran urls como estas:
/index.php?option=com_content&view=article&id=1&Itemid=102&lang=en
?page_id=8

Estas urls con parametros no ayudan ni al SEO ni a la usabilidad, por lo que se debería usar algo más simple del tipo:
/what-we-do
/about

¿Veis la diferencia? No solo el usuario ve algo más amigable y puede ubicar qué página está visitando, sino que también mejora la visibilidad en buscadores. Usad este tipo de Urls con palabras clave en las mismas, para obtener mejores resultados.

2. Poco contraste entre el fondo y la letra

Uno de los problemas que más nos hemos encontrado.

Queremos que nuestros visitantes estén a gusto mientras nos visitan, así que vamos a reducir al mínimo su esfuerzo y los colores que usemos deben facilitar la lectura.

Hemos encontrado varios casos de uso de colores similares (incluso el mismo color uno en tono más claro y otro tono más oscuro) para el fondo y el color de texto, haciendo que los visitantes tengan que forzar la vista y no puedan escanear correctamente el portal.

Esto pasa tanto en:

Imágenes explicativas:

PocoContraste1En sliders

¿Veis el problema de lectura que tienen estos banners de un slider?

PocoContraste2

PocoContraste3

En menús:

 

PocoContraste4

 

En titulares de secciones

PocoContraste5

 

Es muy importante que los colores que uses ayuden a la lectura del portal web.

3. Problemas de diseño que impiden distinguir los enlaces del texto no enlazable

Un visitante debe distinguir qué textos son enlace y qué texto no lo es en un primer vistazo, no debe de tener que leer el texto para identificar si son enlaces o no.

Entre otros ejemplos hemos visto algo diseños como estos.

FormatoEnlaces
Resulta que la primera frase no es un enlace, pero este diseño es confuso para el visitante.

4. Uso de letras demasiado pequeñas 

Ya lo hemos mencionado anteriormente, pero es muy importante, escoge un tipo de letra fácil de leer y con un tamaño apropiado. Quieres que los usuarios lean bien lo que quieres hacerles llegar.

Hay que evitar textos como estos.

FacilitaLecturaUsuario
FacilitaLecturaUsuario2

En este ejemplo, podeis ver como con aumentar un poco el tamaño de letra, se mejora mucho la legibilidad.

5. Problemas con la maquetación

Tu web es la carta de presentación de tu proyecto, revisa todas las páginas después de meter o modificar contenido. En el mundo web una etiqueta mal cerrada puede estropear la visualización de toda una página.

Revisa cosas como estas:

Contenido que se va hacia abajo

 ProblemasMaquetacion1

 

Contenido que no está cuadrado en la página

 

ProblemasMaquetacion2

 

Superposición de contenido

 

ProblemasMaquetacion3

 

6. Comprueba siempre los enlaces rotos

Durante el análisis hemos encontrado varios enlaces rotos mientras navegavamos, es muy importante revisar todos los enlaces para que no haya problemas.

7. Usa enlaces representativos

El texto de un enlace debería ser representativo del contenido al que enlaza, mejor no usar este tipo de enlaces:

 EnlacesIdentificativos

8. Problemas con los menús

Hemos encontrado un par de casos en los que la plantilla no estaba hecha para mostrar todos los elementos del menú. Recuerda que hay que elegir muy bien la plantilla para que esto no pase.
Además, los menús deben ser cortos y como máximo tener 3 palabras, ya que facilita la labor de los visitantes.

menus

Este tipo de menús tan largos no ayuda a una correcta navegación por el portal.

9. Uso de párrafos demasiado largos

Otro aspecto que nos hemos encontrado en varios portales, es el uso de párrafos excesivamente largos. Como el que podeis ver a continuación.

Parrafos largos

 

Es mejor dividir los bloques de información en elementos más pequeños para facilitar la lectura en pantalla.

Esperamos que este análisis os ayude a mejorar las páginas web de vuestros proyectos europeos. Además hemos creado una encuesta para conocer más sobre los principales problemas que teneis a la hora de crear vuestras páginas web de proyectos europeos. ¿Nos ayudas a mejorar?

Rellenar encuesta

 

BannerPaginasH2020

 

Related


Warning: count(): Parameter must be an array or an object that implements Countable in D:\home\site\wwwroot\modules\mod_k2_content\mod_k2_content.php on line 62

Este sitio usa cookies para mejorar la experiencia de usuario, si permaneces en ella entendemos que estás de acuerdo.