Es posible gastar 30.000 d\u00f3lares 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\u00e9. La se\u00f1al es peque\u00f1a pero constante: esta marca no lo tiene todo del todo bajo control.<\/p>\n\n\n\n
Tras auditar cientos de sitios web de empresas australianas en Defyn, aparecen una y otra vez el mismo conjunto de peque\u00f1os indicios. Ninguno es dram\u00e1tico. Todos tienen soluci\u00f3n. Aqu\u00ed est\u00e1n los doce m\u00e1s habituales, ordenados a grandes rasgos seg\u00fan cu\u00e1nto perjudican.<\/p>\n\n\n\n
El apret\u00f3n de manos frente al skyline de la ciudad. El equipo diverso y sonriente alrededor de un port\u00e1til. El choque de manos en la pizarra. Estas fotos gritan \u00abno invertimos en fotograf\u00eda original\u00bb. Basta con una en la p\u00e1gina de inicio para arrastrar hacia abajo la calidad percibida del resto del sitio.<\/p>\n\n\n\n
Tres fuentes en la p\u00e1gina de inicio, cuatro en la de \u00absobre nosotros\u00bb, seis en todo el sitio. El sistema nunca se cerr\u00f3, as\u00ed que cada secci\u00f3n construida por una persona distinta us\u00f3 lo que le pareci\u00f3 bien esa semana. El ojo registra la inconsistencia antes que el cerebro. El sitio entero parece menos dise\u00f1ado.<\/p>\n\n\n\n
Con forma de p\u00edldora en una p\u00e1gina, cuadrados en otra, con degradado en una tercera. Tama\u00f1os distintos, rellenos distintos, estados hover distintos. Un sistema de botones es una de las decisiones visuales m\u00e1s peque\u00f1as que toma una marca, pero unos botones inconsistentes le dicen en voz baja al visitante que nadie est\u00e1 al mando del aspecto de la marca.<\/p>\n\n\n\n
Dos columnas donde el texto empieza un p\u00edxel desplazado. Tres tarjetas cuyo borde inferior no cuadra. Iconos centrados frente a un texto que no est\u00e1 del todo centrado. La alineaci\u00f3n \u00abcasi bien\u00bb hace m\u00e1s da\u00f1o que la alineaci\u00f3n claramente rota, porque habita en el valle inquietante de la calidad del dise\u00f1o, donde todo est\u00e1 apenas fuera de lugar.<\/p>\n\n\n\n
Algunas secciones tienen 80 p\u00edxeles 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\u00e1rgenes y rellenos. Los sitios sin ella se sienten apretados aqu\u00ed y sueltos all\u00e1, y el visitante no sabe explicar por qu\u00e9.<\/p>\n\n\n\n
El estilo de formulario por defecto de WordPress en un sitio por lo dem\u00e1s cuidado es una pista delatora. Campos con borde del color equivocado, texto de bot\u00f3n en la tipograf\u00eda equivocada, estados de error dise\u00f1ados por el autor del plugin. El estilo de los formularios importa porque el formulario es donde la marca pide confianza. Los formularios gen\u00e9ricos parecen trabajo de plantilla.<\/p>\n\n\n\n
Iconos de l\u00ednea en la cabecera, iconos rellenos en la cuadr\u00edcula de caracter\u00edsticas, iconos dibujados a mano en el pie. Un conjunto de iconos coherente es una de las victorias de calidad visual m\u00e1s f\u00e1ciles de la web, y su ausencia es una de las m\u00e1s habituales.<\/p>\n\n\n\n
Texto de relleno que nadie lleg\u00f3 a sustituir. T\u00edtulos de secci\u00f3n como \u00abAqu\u00ed va el t\u00edtulo de la secci\u00f3n\u00bb. Atributos alt de imagen que dicen \u00abimagen.jpg\u00bb. Este es el paso de pulido que se salta cuando un proyecto se entrega con retraso, y un \u00fanico marcador de posici\u00f3n olvidado echa por tierra mucho trabajo de dise\u00f1o cuidadoso.<\/p>\n\n\n\n
El microtexto de una llamada a la acci\u00f3n hace mucho trabajo de marca. \u00abConsigue mi presupuesto\u00bb, \u00abReserva una llamada estrat\u00e9gica\u00bb, \u00abDescubre c\u00f3mo funciona\u00bb transmiten que la marca le habla al visitante. \u00abEnviar\u00bb y \u00abHaz clic aqu\u00ed\u00bb suenan a 2008.<\/p>\n\n\n\n
Si el pie dice \u00a9 2022, el visitante concluye que el sitio no se ha tocado desde entonces. Tres a\u00f1os de confianza se evaporan con una sola fecha del pie. La soluci\u00f3n es una l\u00ednea de PHP que se actualiza sola, pero se cuela en casi todas las auditor\u00edas.<\/p>\n\n\n\n
Los sitios dise\u00f1ados primero para escritorio y nunca repensados de verdad para m\u00f3vil suelen tener sus delatores: una imagen principal recortada hasta la nada, una navegaci\u00f3n que es un men\u00fa hamburguesa con 30 elementos, texto del cuerpo a 10 p\u00edxeles porque el escritorio fij\u00f3 el tama\u00f1o. El m\u00f3vil es donde de verdad aterriza la mayor\u00eda de los visitantes. Merece su propia pasada de dise\u00f1o, no un simple encogido por CSS.<\/p>\n\n\n\n
Algunos maquetadores visuales tienen huellas que los dise\u00f1adores detectan a un kil\u00f3metro. Estilos concretos de carrusel de testimonios, dise\u00f1os concretos de tabla de precios, separadores de secci\u00f3n concretos. Ninguno es objetivamente malo. Pero son reconocibles, y reconocible significa que el subconsciente del visitante marca \u00abesto est\u00e1 hecho a partir de una plantilla\u00bb antes de leer una sola palabra.<\/p>\n\n\n\n
La mayor\u00eda de estos indicios pueden corregirse en una pasada de dise\u00f1o enfocada de dos o tres semanas sin rehacer el sitio. La auditor\u00eda es la parte f\u00e1cil. La disciplina de aplicar un sistema de marca de forma coherente a un sitio existente es el verdadero trabajo. El equipo de dise\u00f1o web de Defyn realiza este tipo de pasadas de pulido con regularidad, y la distancia entre \u00abparece barato\u00bb y \u00abparece caro\u00bb suele ser un par de semanas de trabajo enfocado, no un redise\u00f1o completo.<\/p>\n\n\n\n