Hoy vamos a analizar (poner a parir, pero al revés) otra página web perfectamente "anti-diseñada" (léase: diseñada para evitar que los usuarios la usen). Y, ya puestos, a la empresa de "diseño" capaz de embolsarse una buena suma con semejante basura inútil, posiblemente usando la conocida táctica del "deslumbra al CEO y pisa a fondo".

Hablo de la página de VisionLab (vía el blog de Javi Moya, historia desde el de Guti) y de la empresa de ¿diseño? llamada "Órbital Grupo de Comunicación Digital Tiempo - Grupo BBDO" (un nombre tan largo no puede ser bueno, ¿no? ) que amablemente nos deja su dirección web en el código de la página (vergüenza debería darles). ¡Ah no! que esa no funciona. Si es que ni eso saben hacerlo, que tienen el servidor configurado de pena. En realidad esta es la dirección corregida, y esta otra la versión antigua de su página web.

En el blog de Guti, y algo en el de Javi Moya, se mencionan algunos de los fallos que tienen las páginas, pero vamos a ver un poco más en detalle en qué consiste el horroroso desastre de estas páginas...

Actualización: lo de MMM no es broma, es ironía

Follow up:

Voy a hacerlo por puntos, sin pararme a explicar cada uno en detalle, para no perder tiempo. Es que son taaantoos...

La página de VisionLab

1. Abre una página prácticamente en blanco con un mensaje de bienvenida sin sentido
2. Para empezar a ver "algo" exige:
   1. Javascript
   2. permitir pop-ups
   3. Flash
3. Incompatible con buscadores
4. Accesibilidad: NINGUNA
5. Redimensiona la ventana del navegador a la fuerza
6. Tamaño de ventana diminuto (sólo un 20% de 1024x768)
7. Texto diminuto (ilegible)
8. Menú inicial inútil: exige un click para un efecto que no aporta información
9. Menú principal desastroso
   1. Obliga al usuario a buscar información de los enlaces en lugares no-obvios
   2. Destroza la correspondencia entre ratón y puntero de información
   3. No detecta correctamente la posición para elegir cada enlace
10. Barra de navegación:
    1. "Menú fantasma": enlaces que parecen gráficos de adorno sin utilidad
    2. Se desactiva al elegir una sección
    3. Obliga a pinchar en "salir" para volver a verla
11. Sección "nosotros":
    1. Enlaces difícilmente distinguibles
    2. Enlaces con texto ilegible
    3. Enlaces "fantasma" sin ninguna indicación
12. Sección "tienda":
    1. Enlaces inconsistentes en la línea de sub-sección
    2. Enlaces de subsecciones que "huyen" (cambian de posición) al pulsarlos
    3. Enlaces irracionalmente pequeños en los productos
    4. Obligación de pulsar en "cerrar" para ver otro producto
    5. Mala información sobre páginas de productos
    6. Enlace de "Recomendados" mal alineado con el texto correspondiente
    7. Enlaces aparentemente iguales que una vez funcionan, y al rato ya no
    8. Enlaces no distinguibles del texto normal
    9. Pistas visuales que sugieren enlaces, donde no los hay
13. Sección "descubre":
    1. Reinventando la rueda: barras de desplazamiento por botones
    2. Un 10% del área de visualización para el texto, obligando a desplazarlo, mientras se desperdicia el 50% en un efecto que no aporta información
    3. Un 40% de área visual para el menú, un 20% para el contenido... ¡y un 40% en blanco!

Bueno, eso es lo que veo dando un repaso rápido. Ahora veamos las páginas de la empresa de diseño...

Versión Nueva

1. Introducción interminabe obligatoria
2. No se puede saltar la animación
3. La animación no aporta nada
4. Texto ilegible
5. Menú sin sentido que exige al usuario elegir un efecto sin sentido
6. Enlaces de menú mal alineados
7. ... y todo eso para no ofrecer ningún contenido

En fin, menuda tontería de página, ¿no?

Versión Vieja

1. Introducción interminable obligatoria
2. No se puede saltar la animación
3. La animación no aporta nada
4. Texto ilegible
5. Menú fantasma
6. Sub-sub-menú fantasma
7. Efecto de menú obligatorio, de larga duración
8. Efecto de subsección obligatorio, de larga duración
9. Indicación de enlaces donde no los hay
10. Selección totalmente "anti-intuitiva" del fondo de pantalla
11. "Technobabble spanglish" a patadas (palabrería barata con anglicanismos sin sentido). Ejemplos:
    • conceptualizamos [...] soportes
    • interactivos altamente persuasivos
    • look gráfico
    • eje de comunicación
    • una movie protagonizada por el celebrity
    • entorno de navegación -Toolkit- para los departamentos
    • acciones de comunicación
    • servicio de consultoría en gestión de categorías
    • etc... etc... y etc.

En fin, que viendo su lista de clientes, a la vista de lo que anuncian y lo que ofrecen... sí, me parece compatible con la táctica del atropello de CEOs para vender sus productos

Bueno, ahora en serio: ¿qué podríamos decir del funcionamiento de una empresa viendo todos estos puntos?

• En primer lugar, podría existir una falta de objetivos que tiendan a la comunicación de ideas. Los desarrollos se crearían como un espectáculo visual en vez de como medio de transmisión y/o captación de clientes.
• El predominio de elementos gráficos sin sentido indicaría una falta de control de calidad.
• Las expresiones "technobabble" sugieren una estructura descuidada, una falta de motivación sana entre los trabajadores. Opcionalmente, un objetivo de engañar y confundir a los clientes.
• La cantidad de clientes referidos puede indicar unas buenas relaciones de "marketing", pero no se sugieren relaciones estables con clientes satisfechos.
• ...

...y ya dejo la parrafada, que tampoco quería escribir tanto sobre el tema