Saturación de contenido en la página principal
por Juan Carlos García, 4 de Diciembre de 2006
El 12% de las universidades (16% públicas y 4% privadas) satura su página principal de contenidos, ocasionando colapso informacional por falta de aire
La página principal es la más importante de una página web. El espacio en blanco resulta vital para contribuir a la visibilidad de los elementos y su comprensión. Por tanto, saturar la página principal de contenidos propicia que éstos, o buena parte de ellos, resulten invisibles al lector, que se ve desbordado, sobreestimulado, y termina por no poder rastrear fácilmente sus contenidos.
El problema suele provenir del empeño del equipo de diseño en “ponerlo todo” en la página principal, en lugar de seleccionar lo más importante y organizar adecuadamente los contenidos en las categorías pertinentes.
La mejor manera de conseguir que algo se vea es darle un color llamativo (o mejor, distinto del resto de la página) y rodearlo de una buena cantidad de espacio en blanco.
Lo malo es que destacar algo sobre el resto implica que el resto se vea menos. Por eso hay que elegir bien qué se pone en la página principal y, de ello, qué se destaca sobre el resto. Es imposible destacarlo todo. Si se cae en el error de poner todos los contenidos de color diferente al resto tendremos un parchís (o arco iris) difícil de manejar.
A veces los políticos tienden a presionar para que se coloque algo en la página principal alegando que “aún queda sitio y hay que aprovechar el espacio”. Emplear el espacio de esa manera, ocupando todo el blanco disponible, no es aprovechar el espacio, sino precisamente lo contrario.
Ojo, tampoco hay que irse al extremo contrario y hacer que prácticamente todo sea espacio en blanco. Tampoco se trata de eso.
El problema, por tanto, es determinar la cantidad exacta de espacio en blanco que debe tener una página de inicio para estar en los márgenes correctos. Según Nielsen y Thair (2002) el espacio sin utilizar de una página de inicio debería situarse en torno al 25%, y el empleado como mero relleno en el 6%.
Un ejemplo de esta mala práctica podría ser la página principal de la Universidad de Vigo. Aunque en la parte central el colapso de contenido no es máximo, el color azul oscuro de fondo ayuda a que se cree sensación de agobio, que se hace máxima en la parte inferior de la página, tan llena de publicidad que más parece el mono de Fernando Alonso que una web universitaria.
Una universidad que gestiona mejor este aspecto es la UOC. Los espacios en blanco que deja bastan para que los contenidos respiren y sea más fácil hacerles un seguimiento visual. Además, las pocas imágenes que emplean ayudan a relajar la carga textual, y tienen un tamaño adecuado para ser vistas pero sin llegar a saturar la página de elementos gráficos. En realidad, esta página no tiene mucho más espacio sin utilizar que la de Vigo, pero este espacio es blanco y no se produce un efecto montonera de imágenes.
Resto de entradas relacionadas con este trabajo
Texto relacionado: Análisis de las zonas de interfaz de universidades españolas de Usabaipo
[...] Resto de entradas relacionadas con este trabajo [...]
Hola Juan Carlos:
Totalmente de acuerdo con lo que comentas. Si a esa cantidad de información en la página principal le añades un layout fijo (800, 1024, etc…) entonces la densidad de información se hace excesiva.
Hay universidades que tienen “todos” sus contenidos en la primera página y el layout por el que han optado es un fixed-center-800. Te puedes imaginar que los espacios y márgenes son mínimos.
Lo deseable sería realizar -previamente- un pequeño análisis de los contenidos más demandados y hacer que éstos sean los que se encuentren en la página principal. Y si además lo acompañamos de un buen layout líquido o elástico, podremos conseguir ese efecto que comentas de visibilidad.
Un saludo
“Es imposible destacarlo todo”
Qué gran verdad. Ojalá los clientes fueran capaces de entender ese hecho tan sencillo. Si en un párrafo pones en negrita una palabra, esa palabra destaca, si pones en negrita todo el párrafo, nada destaca.
De todas formas, incluso el ejemplo que pones de la UOC podría mejorarse. Enmarcar cada contenido distinto en una caja supone una pérdida es espacio considerable. Con hacer un uso correcto de los espacios negativos y crear titulares claros y con tamaños jerárquicos basta para organizar correctamente la información.
Szy, la UOC es sólo un ejemplo que resulta aceptablemente bueno. Como dices es mejorable, pero al menos no sientes como un golpe en los ojos cuando entras. Yo me conformaba con que el 90% lo hicieran así como la UOC.
Y a los demás, siento si se me están perdiendo comentarios por el camino, no os podéis imaginar la cantidad de spam que me llega, no doy abasto para moderar esto…
Estoy de acuerdo con mucho de lo que dices sobre saturación de páginas y la dificultad que conlleva esto para los usuarios, pero con respeto te digo que ese mismo fenómeno se da en tu blog.
Las tipografías de tu artículo compiten a cada momento con las de los enlaces que aparecene al costado, que más encima están en color. No hay espacios en blanco para descansar la vista o aposicionamientos de rasgos para poder jerarquizar la información que presentas.
Está muy bueno tomar conciencia acerca de los problemas que afectan a los usuarios y por eso, si dedicas tu tiempo a hablar sobre usabilidad, sería bueno que lo pusieras en práctica.
Saludos
y no abandones tu mente crítica.