Existen casi tantos enfoques de páginas Web como número de fabricantes; con independencia de la creatividad empleada, los objetivos son distintos para marcas generalistas, premium y de lujo. No obstante hay una serie de características y rasgos comunes, que permiten homogeneizar la mezcla. Por un lado está la agilidad de la página, por otro la oferta de información, y finalmente el configurador, que requiere un artículo aparte.
Comenzamos con el Grupo PSA, que a efectos de este estudio puede considerarse un grupo de tipo medio: dos marcas generalistas (Citroën y Peugeot) y una premium (DS).
Las Web en datos del Grupo PSA
En este apartado se evalúan datos que dan idea de la agilidad de la página, obtenidos con herramientas de simulación que no dependen de la plataforma informática empleada para ello. Algunos valores absolutos no son relevantes y han de tomarse como mera referencia; las cifras serán distintas en mayor o menor medida para cada usuario y equipo empleado para visualizar la Web, tanto de escritorio como móvil.
La simulación contempla los datos de la primera visita a los respectivos sitios Web, con una conexión estándar DSL de 10 Mb., bajo las condiciones siguientes:
- Escritorio: navegador Chrome
- Apple: versión 9 de iOS, el navegador por defecto y un terminal iPhone 5C
- Android: terminal Nexus 7 con navegador Chrome
Los resultados obtenidos son los siguientes:
Citroën | Escritorio | iOS | Android |
Peso de la página (KB) | 2.939 | 2.100 | 2.810 |
Tiempo de carga primer byte (s) | 2,225 | 2,376 | 4,536 |
Inicio del render de la página (s) | 8,143 | 8,200 | 9,671 |
Tiempo total de carga (s) | 18,717 | 16,632 | 22,431 |
Nivel de complejidad | 194 | 112 | 143 |
Peugeot | Escritorio | iOS | Android |
Peso de la página (KB) | 3.463 | 1.114 | 3.157 |
Tiempo de carga primer byte (s) | 0,542 | 1,296 | 0,945 |
Inicio del render de la página (s) | 3,414 | 6,283 | 5,011 |
Tiempo total de carga (s) | 19,997 | 14,256 | 37,990 |
Nivel de complejidad | 324 | 197 | 325 |
DS | Escritorio | iOS | Android |
Peso de la página (KB) | 6.305 | 5.072 | 6.139 |
Tiempo de carga primer byte (s) | 1,062 | 1,681 | 1,199 |
Inicio del render de la página (s) | 4,721 | 4,345 | 5,711 |
Tiempo total de carga (s) | 37,233 | 31,793 | 38,118 |
Nivel de complejidad | 78 | 50 | 78 |
- Peso de la página: tamaño de descarga (Kilobyte). A mayor número mayor consumo de datos
- Tiempo de carga primer byte: Intervalo entre la petición realizada y la primera respuesta del servidor
- Inicio del render de la página: intervalo de tiempo entre petición y representación en pantalla de los elementos Web
- Tiempo total de carga: intervalo entre primera petición y descarga completa de la página, incluidos elementos que se cargan en segundo plano y no son visibles en primera instancia
- Nivel de complejidad: medido por el número de elementos de la página (textos, imágenes, animaciones, etc.)
Resultados cuantitativos
- Si bien la página de Citroën es la más ligera en cuanto a tamaño, su carga parece más lenta por el tiempo que tenemos la “pantalla en blanco” (desde que enviamos la petición al servidor hasta que vemos la primera pantalla cargada)
- En términos de rapidez de respuesta, Peugeot se lleva la palma a pesar de ser la más compleja. La primera pantalla es muy rápida
- La Web de DS es la más glotona por consumo de datos, a pesar de contar con menos elementos. Esto se debe a las imágenes, cuyo peso es: 87,4 % escritorio, 89,3 % iOS y 87,6 % en Android
Mas allá de la simulación y empleando mi equipo de trabajo habitual (PC con Linux, Tableta con Android 4.2 y smartphone con Android 5.0, los tres con navegador Firefox), la experiencia real es muy parecida a los resultados de las tablas: la página de Citroën ha sido la más lenta durante las horas que he experimentado con ella (puede ser un problema puntual del servidor, consecuencia del peso extra de la promoción comercial de estos días, o un defecto estructural del sitio). La Web de Peugeot se ha revelado como la más ágil y driveds.es obtiene el mejor compromiso entre contenidos y rendimiento.
Webs del Grupo PSA: análisis cualitativo
Los tres sitios Web del Grupo PSA están en español y han sido diseñados de forma que se adaptan a distintos tamaños de pantalla, tanto de sobremesa como móviles.
Citroën
La página Web de Citroën está en estos momentos fuertemente marcada por una promoción comercial, que muestra en secuencia automática rápida turismos y vehículos industriales de la marca, la promoción equivalente de DS y la del modelo 100% eléctrico C-ZERO. Como los colores vinculados a cada uno de estos grupos es distinto, el resultado resulta algo chocante y poco estético.
En la parte superior del sitio Web encontramos, a la izquierda, el botón «home» y el nombre de la página. A su derecha un pequeño menú secundario donde se encuentran controles para acceder a información relacionada con la red oficial en España de la marca. A la derecha de este elemento está el logotipo de Citroën. Inmediatamente debajo del menú secundario encontramos el principal, donde algunos ítem otorgan acceso a otros submenús. El primer detalle que salta a la vista cuando esta es capaz de obviar el efecto hipnótico del pase de imágenes, es la insistencia en las distintas promociones, al punto de estar duplicadas.
Bajo el pase de imágenes hay un tercer menú, esta vez gráfico con desplazamiento horizontal, en el que se insiste en diversas promociones, desde las ya vistas hasta de neumáticos. El elemento de este menú que da acceso a la petición de cita previa es el más escondido. Por si eran pocos, hay un cuarto menú, esta vez vertical, que da acceso al configurador y otros elementos comerciales. En la primera carga de la página se muestra en forma de banda horizontal el aviso sobre cookies, que sin ser discreto, no es tan molesto como en otros casos que veremos.
Navegando por la página se descubre que el contenido verdaderamente interesante está tapado bajo tanta ruidosa promoción: Citroën Asistencia, Búsqueda de punto de venta, FAQ, Blog, redes sociales y otros no menos interesantes, como no, ¡en otros menús! Más escondido aún está el teléfono de atención al cliente y todavía más la información legal (sí, en otro menú), tan farragosa e infumable como en la mayoría de sitios Web grandes (Tratamiento de datos, Protección de datos, Nota legal y Cookies).
La información sobre los distintos modelos es correcta, con un enfoque más cualitativo que cuantitativo. Se acompaña de imágenes con tamaños variables (desde medianas a grandes), y en ocasiones se integra también vídeo (alojado en el canal de la compañía en YouTube). En cuanto a las imágenes, se ofrecen tanto fotografías de estudio de buen tamaño y calidad (sin referencia a otros objetos), como otras de los diversos modelos integrados en un entorno. Destacan por calidad las integradas en las galerías.
A continuación podéis ver una tabla que sintetiza las características de la página Web oficial de Citroën España.
www.citroen.es | |
Diseño responsive (adaptado a móviles) | Sí |
En español | Sí |
Accesibilidad general a la información | Mal |
Acceso a modelos | Bien |
Acceso a manuales | Mal |
Acceso concesionarios | Mediante buscador |
Información legal | Escondida |
Hojas de rescate (*) | Sí |
Contenidos extra | Historia |
Newsletter | Sí |
Blog | Sí |
Ofertas de trabajo | No |
Información deportiva | Sí |
Calidad de imágenes | Bien |
Tamaño de imágenes | Bien |
Vista 3D | Sí |
Buscador interno | Regular |
Integración redes sociales | Regular |
Descarga multimedia | No |
Otras descargas | Fichas técnicas y catálogos de accesorios |
Tienda (merchandising) | No |
Tratamiento de promociones | Muy agresivo |
Información corporativa | No |
(*) Fichas normalizadas con información del vehículo |
La percepción general del sitio Web de Citroën España es de caos de organización, falta de coherencia y con un enfoque comercial muy agresivo, que llega a resultar molesto, teniendo en algunos aspectos tintes de mercadillo. La aspiración de vender es legítima, pero cuando se hace con clase el resultado puede ser mejor. Tampoco resulta agradable la cantidad de controles que se abren en otra instancia del navegador; en unos minutos puedes tener la pantalla llena de pestañas. No se puede decir que la información sea incompleta, pero resulta poco intuitivo, cuando no farragoso, el acceso a determinadas secciones. Todo lo comentado es sobre la versión de escritorio, en un dispositivo móvil es todavía peor.
Peugeot
El sitio Web de Peugeot España es un buen ejemplo de hasta qué punto pueden ser distintos dos hermanos. Tiene en común con la Web anterior algunos de los ítem principales del menú general, la red comercial y cómo acceder a ella. También dispone de «pase de diapositivas» –menos agresivo– y más de un menú. Aquí se acaban las similitudes, porque la gran diferencia a favor del sitio Web de Peugeot España es la coherencia de la página a nivel de gráfico, así como la disposición racional de todos sus elementos.
En la versión de escritorio todo está a un golpe de vista: Menú general, acceso inmediato a los distintos modelos, información complementaria en un estético menú gráfico, información legal a la vista, integración con redes sociales discreta pero visible, y otros contenidos reunidos bajo el ítem: «Enlaces útiles», agrupados de forma adecuada y visualmente bien destacados. La Web de Peugeot puede resultar más o menos atractiva en función del gusto de cada usuario, pero lo que no cabe duda es que, como herramienta, está bien pensada.
A título de ejemplo sobre hasta qué punto se ha cuidado el diseño y disposición de contenidos, está el epígrafe «nota legal«. Contiene los mismos términos farragosos y casi sólo apto para abogados de casi todos los sitios afines, pero bien organizado, con una presentación estética y racionalmente dispuesta, que permite encontrar aspectos individuales de forma precisa.
En la versión móvil de Peugeot.es no caben tantas cosas, sin embargo el espíritu de trabajo coherente y bien hecho continúa; resulta agradable e intuitivo navegar por el sitio incluso con smartphones de pantalla pequeña.
Vamos con la tabla sintetizada de características de la página Web oficial de Peugeot España.
www.peugeot.es | |
Diseño responsive (adaptado a móviles) | Sí |
En español | Sí |
Accesibilidad general a la información | Excelente |
Acceso a modelos | Excelente |
Acceso a manuales | No |
Acceso concesionarios | Mediante buscador y código postal |
Información legal | Visible y bien organizada |
Hojas de rescate (*) | No |
Contenidos extra | No |
Newsletter | Sí |
Blog | No, aunque cuenta con servicio de noticias |
Ofertas de trabajo | No |
Información deportiva | Sí |
Calidad de imágenes | Bien |
Tamaño de imágenes | Regular |
Vista 3D | No |
Buscador interno | No |
Integración redes sociales | Bien |
Descarga multimedia | No |
Otras descargas | Catálogos de accesorios |
Tienda (merchandising) | No |
Tratamiento de promociones | Racional |
Información corporativa | No |
(*) Fichas normalizadas con información del vehículo |
DS
El último miembro de la familia PSA es la marca premium DS, que tiene su propio sitio Web, aunque es accesible de forma directa o indirecta desde la página de Citroën (al menos en cuanto a promociones). En el sitio de DS Automóviles prevalecen los tonos oscuros, casi negros. En algunas imágenes, en especial la primera que aparece en el pase automático, la idea de que el negro está asociada al lujo se lleva a tal extremo que el resultado es similar a contemplar la pelea de dos ninjas, en un túnel sin iluminar, por una onza de chocolate: se pierde detalle entre tanta oscuridad. La implementación móvil peca de lo mismo.
Al margen de la elección por el color, la Web de DS es sencilla, con un menú básico que permite el acceso directo a su exigua gama. El diseño del sitio adolece de cierta incoherencia entre secciones negras como la noche y otras de blanco níveo. Da la sensación de no estar terminada (y si lo está, le falta algo más que un hervor). Además del acceso directo a los modelos, ofrece contenido interesante en el pequeño menú secundario de tres ítem: «inside», «connect» y «servicios».
El reclamo publicitario «Te llamamos gratis», en forma de un banner que se puede ocultar, tiene el comportamiento de un niño travieso. Bien está que aparezca al cargar la página, pero si el usuario decide ocultarlo no tiene por qué volver a aparecer cada vez que saltamos de menú. Si es un fallo de programación, capón para el padre del código. Si es idea del departamento de marketing: ¡sois muy pesados! O somos premium o no lo somos; tanto llamar gratis baja el listón de imagen de la marca.
Como el sitio no da mucho más de sí, aquí está la tabla resumen de características:
www.dsautomóviles.es | |
Diseño responsive (adaptado a móviles) | Sí |
En español | Sí |
Accesibilidad general a la información | Bien |
Acceso a modelos | Excelente |
Acceso a manuales | No |
Acceso concesionarios | Regular |
Información legal | Escondida |
Hojas de rescate (*) | No |
Contenidos extra | Sí, Historia |
Newsletter | Sí |
Blog | No |
Ofertas de trabajo | No |
Información deportiva | No |
Calidad de imágenes | Bien |
Tamaño de imágenes | Bien |
Vista 3D | No |
Buscador interno | Sí |
Integración redes sociales | Escasa |
Descarga multimedia | No |
Otras descargas | No |
Tienda (merchandising) | No |
Tratamiento de promociones | Discreta |
Información corporativa | No |
(*) Fichas normalizadas con información del vehículo |
Conclusiones del análisis cualitativo
Hablando estrictamente en términos de diseño Web, organización y como herramienta para el usuario, la página de Peugeot España gana por goleada a sus hermanas. En cuanto a riqueza de contenidos la de Citroën es más completa. Tanto los sitios de Citroën como DS adolecen de un fuerte sesgo comercial que, en el caso de la primera es excesivo y en la marca premium poco adecuado.
En cuanto a la información corporativa, sucede en estos tres casos lo mismo que en otros grupos, existe un portal específico para este fin. El Grupo PSA tiene una página Web internacional, en inglés y francés, con información sobre responsabilidad social corporativa, información financiera, cotización de las acciones, etc. Existe también un sitio español, centrado en torno a la fábrica de PSA en Villaverde (Madrid), y otro dedicado al centro de Vigo. Ambos sitios españoles informan fundamentalmente acerca de las fábricas, pero falta información que solo está en el portal internacional.