No todas las páginas tienen porque ser eye-candy, trendy o friendly. Pero toda web debería cumplir con unos mínimos. Unos mínimos que la hiciesen óptima para el visitante/cliente. Si hay que prescindir de lo estético, se prescinde, pero hagamos una página que sea neutral para nuestra retina. Si hay que prescindir de funcionalidades 2.0, se prescinde, pero hagamos una página que sea usable.

Lamentablemente, la realidad no es así ¿Por qué pudiendo crear páginas atractivas y funcionales, se degenera creando webs que tiran para atrás? Esta tendencia tiene que cambiar.

En TrucosOptimización vamos a publicar una serie de posts dedicados a mejorar aquellas páginas que necesitan un lavado de cara urgente.
Para todos los sitios elegidos, miraremos con lupa su Home y describiremos las incidencias encontradas. Además, propondremos un rediseño de la pantalla analizada en forma de wireframe. Y todo esto “por amor al arte”.

El alcance de las recomendaciones será conceptual y no debería ser interpretado como modelo a reproducir fidedignamente. En otras palabras, la utilidad de las propuestas que presentamos deben ser vistas como ejemplos prácticos cuya finalidad es el aprendizaje.

Principalmente nos centraremos en cómo mejorar aspectos relacionados con la funcionalidad, navegabilidad, accesibilidad y usabilidad del sitio, y no tanto en juzgar aspectos de carácter estético. Eso sí, cuando el diseño sea lamentable será difícil que no nos pronunciemos al respecto.

El caso Correos.es

El sitio elegido para este primer post es el de la Sociedad Estatal de Correos y Telégrafos, popularmente conocido como Correos.
Algunos datos: 300 años de historia, alrededor de 65.000 trabajadores y más de 5 billones de envíos anuales. Correos es considerada como uno de los grandes servicios de correo postal a nivel mundial.
¿Correos.es se merece una web como esta?

Es posible que Correos no esté considerando el medio online como prioridad para su negocio. Sin embargo, hoy en día su imagen ya no sólo se reduce a esa Vespa amarilla que recorre nuestras calles. Correos está en Internet y debe dar ejemplo.

Veamos que pasa con su Home.

Dando caña…

Como siempre y antes de entrar al trapo, hay que buscar respuesta a la pregunta ¿Cual es el objetivo de esta página? Y complementariamente también hay que cuestionarse ¿Que busca el usuario que aterriza en la home Correos.es?
Siendo prácticos, la web tiene un carácter fundamentalmente informativo: tipo de envíos, tipo de producto, servicio a particular o empresa, contacto, etc. Secundariamente se ofrecen algunas funcionalidades: localizador de envíos y calculador de tarifas entre otros.

Lo que buscaremos será conseguir que esta información y funcionalidades lleguen al visitante de la manera más eficiente posible.

Veamos que fallos hemos encontrado.

En relación a los contenidos:

• Redundancia entre los diferentes accesos a la información: el acceso a los contenidos gira en torno a un menú lateral que agrupa según el tipo de producto/envío. Además, un menú de pestañas distingue usuarios y servicios orientándolos según particulares/empresas. Sin embargo, muchos de los elementos del menú lateral no varían y son los mismos independientemente de encontrarnos bajo la pestaña particulares o empresas. Esta redundancia no sólo reduce la eficacia de navegación sino que también añade confusión. Mientras indagamos pueden aparecer dudas del tipo ¿La sección Telegramas es la misma bien nos encontremos bajo la pestaña Particulares o bajo la pestaña Empresas?

• Las llamadas a la acción pasan desapercibidas: opciones como la descarga de tarifas o servicios como el envío de telegramas online tienen un peso visual reducido y tampoco tienen apariencia de call-to-action. Una descarga o un telegrama online son objetivos a potenciar.
• Las herramientas son poco visibles: herramientas como el localizador de envíos o el calculador de tarifas no se potencian visualmente. No se ve un área de página o contenedor dedicado al emplazamiento de herramientas.
• Mala agrupación de enlaces: hay discontinuidad entre conceptos y como estos se han agrupado. Por ejemplo, situar “Productos A-Z” como enlace hermano de “Atención al cliente” es algo a cuestionar. Del mismo modo que encontramos “RSS” junto a conceptos como “Perfil de Contratante”.
• La información de contacto es poco visible o está mal ubicada. Datos básicos como un teléfono de atención al cliente o los horarios de oficinas no son visibles.

En relación a la apariencia:

• El visual “hit” es deficiente: la primera impresión al ver la página debe mejorar. Hay un exceso de módulos con estilos diferentes, concretamente los módulos auxiliares como el “Localizador de Envíos” o “Tu dominio” transmiten una imagen muy precaria. Los enlaces no mantienen un estilo consistente, observamos el uso de hasta 4 colores diferentes y tampoco se usa el subrayado como norma. Definir un estilo y prestar mayor atención por los detalles es necesario.

• Mal aprovechamiento de la la pantalla: el tamaño del contenedor es de 800px de ancho y 600px de alto. Hoy en día la resolución más extendida es de 1024px de ancho. La sensación es la de tener un contenedor de elementos flotando casi a la deriva.
• Módulos con apariencia de promoción: se utilizan creatividades con aspecto de anuncio para herramientas del propio sitio (“Burofax”, “Tarifas 2010″, etc.).
• El logotipo es de baja calidad: el logotipo se aprecia pixelado y su tamaño es ridículo. Hay que realzarlo, darle mayor fuerza mediante una imagen de alta resolución y de mayor tamaño.
• El pie de página propuesto es un error en uso y apariencia.

Y en el próximo post de esta serie…

Como vemos, el potencial de mejora de Correos.es es evidente y por eso en el próximo post de esta serie (Mejorando Home Pages – El Caso Correos.es II) lo atacaremos de lleno. Veremos la propuesta de mejoras, su razón de ser y sobretodo nuestra propuesta de wireframe para Correos.es.

¡Esperamos vuestros comentarios! y tweets. Puedes seguirme en twitter @drodriguezlopez

Tags: optimización de landing pages, optimización de web, Usabilidad