Cómo saber si tu sitio web parece barato (aunque te hayas gastado una fortuna)

Es posible gastar 30.000 dólares en un sitio web y acabar con algo que, de forma sutil, parece barato. No malo. No roto. Solo ligeramente desafinado de formas que los visitantes registran de manera subconsciente y a las que reaccionan sin saber por qué. La señal es pequeña pero constante: esta marca no lo tiene todo del todo bajo control.

Tras auditar cientos de sitios web de empresas australianas en Defyn, aparecen una y otra vez el mismo conjunto de pequeños indicios. Ninguno es dramático. Todos tienen solución. Aquí están los doce más habituales, ordenados a grandes rasgos según cuánto perjudican.

1. Fotos de stock que todo el mundo ha visto

El apretón de manos frente al skyline de la ciudad. El equipo diverso y sonriente alrededor de un portátil. El choque de manos en la pizarra. Estas fotos gritan «no invertimos en fotografía original». Basta con una en la página de inicio para arrastrar hacia abajo la calidad percibida del resto del sitio.

2. Tipografía mezclada que nadie advirtió

Tres fuentes en la página de inicio, cuatro en la de «sobre nosotros», seis en todo el sitio. El sistema nunca se cerró, así que cada sección construida por una persona distinta usó lo que le pareció bien esa semana. El ojo registra la inconsistencia antes que el cerebro. El sitio entero parece menos diseñado.

3. Botones que no parecen de la misma marca

Con forma de píldora en una página, cuadrados en otra, con degradado en una tercera. Tamaños distintos, rellenos distintos, estados hover distintos. Un sistema de botones es una de las decisiones visuales más pequeñas que toma una marca, pero unos botones inconsistentes le dicen en voz baja al visitante que nadie está al mando del aspecto de la marca.

4. Una alineación que casi está bien

Dos columnas donde el texto empieza un píxel desplazado. Tres tarjetas cuyo borde inferior no cuadra. Iconos centrados frente a un texto que no está del todo centrado. La alineación «casi bien» hace más daño que la alineación claramente rota, porque habita en el valle inquietante de la calidad del diseño, donde todo está apenas fuera de lugar.

5. Un espaciado que respira de forma irregular

Algunas secciones tienen 80 píxeles de espacio vertical, otras 60, otras 100. No hay ritmo. Los buenos sitios web tienen una escala de espaciado (4, 8, 16, 24, 32, 48, 64, 96) que respetan todos los márgenes y rellenos. Los sitios sin ella se sienten apretados aquí y sueltos allá, y el visitante no sabe explicar por qué.

6. Campos de formulario con aspecto genérico

El estilo de formulario por defecto de WordPress en un sitio por lo demás cuidado es una pista delatora. Campos con borde del color equivocado, texto de botón en la tipografía equivocada, estados de error diseñados por el autor del plugin. El estilo de los formularios importa porque el formulario es donde la marca pide confianza. Los formularios genéricos parecen trabajo de plantilla.

7. Estilos de iconos de tres conjuntos distintos

Iconos de línea en la cabecera, iconos rellenos en la cuadrícula de características, iconos dibujados a mano en el pie. Un conjunto de iconos coherente es una de las victorias de calidad visual más fáciles de la web, y su ausencia es una de las más habituales.

8. El resto de «Lorem ipsum»

Texto de relleno que nadie llegó a sustituir. Títulos de sección como «Aquí va el título de la sección». Atributos alt de imagen que dicen «imagen.jpg». Este es el paso de pulido que se salta cuando un proyecto se entrega con retraso, y un único marcador de posición olvidado echa por tierra mucho trabajo de diseño cuidadoso.

9. Botones de CTA que dicen «Enviar» o «Haz clic aquí»

El microtexto de una llamada a la acción hace mucho trabajo de marca. «Consigue mi presupuesto», «Reserva una llamada estratégica», «Descubre cómo funciona» transmiten que la marca le habla al visitante. «Enviar» y «Haz clic aquí» suenan a 2008.

10. Copyright desactualizado en el pie

Si el pie dice © 2022, el visitante concluye que el sitio no se ha tocado desde entonces. Tres años de confianza se evaporan con una sola fecha del pie. La solución es una línea de PHP que se actualiza sola, pero se cuela en casi todas las auditorías.

11. Un diseño móvil que es solo el de escritorio, aplastado

Los sitios diseñados primero para escritorio y nunca repensados de verdad para móvil suelen tener sus delatores: una imagen principal recortada hasta la nada, una navegación que es un menú hamburguesa con 30 elementos, texto del cuerpo a 10 píxeles porque el escritorio fijó el tamaño. El móvil es donde de verdad aterriza la mayoría de los visitantes. Merece su propia pasada de diseño, no un simple encogido por CSS.

12. Huellas del maquetador visual

Algunos maquetadores visuales tienen huellas que los diseñadores detectan a un kilómetro. Estilos concretos de carrusel de testimonios, diseños concretos de tabla de precios, separadores de sección concretos. Ninguno es objetivamente malo. Pero son reconocibles, y reconocible significa que el subconsciente del visitante marca «esto está hecho a partir de una plantilla» antes de leer una sola palabra.

La solución no siempre es rehacerlo

La mayoría de estos indicios pueden corregirse en una pasada de diseño enfocada de dos o tres semanas sin rehacer el sitio. La auditoría es la parte fácil. La disciplina de aplicar un sistema de marca de forma coherente a un sitio existente es el verdadero trabajo. El equipo de diseño web de Defyn realiza este tipo de pasadas de pulido con regularidad, y la distancia entre «parece barato» y «parece caro» suele ser un par de semanas de trabajo enfocado, no un rediseño completo.

Si cuentas más de cuatro de estos en tu propio sitio, la calidad percibida de tu marca probablemente te esté costando clientes que nunca te dirán por qué se marcharon. Defyn hará una crítica honesta que nombre lo que perjudica y lo que se puede dejar como está.