\u00c8 possibile spendere 30.000 dollari per un sito web e ritrovarsi con qualcosa che, in modo sottile, sembra economico. Non brutto. Non rotto. Solo leggermente fuori posto, in modi che i visitatori registrano a livello inconscio e a cui reagiscono senza sapere perch\u00e9. Il segnale \u00e8 piccolo ma costante: questo marchio non ha del tutto la situazione sotto controllo.<\/p>\n\n\n\n
Dopo aver analizzato centinaia di siti di aziende australiane in Defyn, tornano sempre gli stessi piccoli indizi. Nessuno \u00e8 drammatico. Tutti sono risolvibili. Ecco i dodici pi\u00f9 comuni, ordinati grosso modo per quanto danneggiano.<\/p>\n\n\n\n
La stretta di mano davanti allo skyline della citt\u00e0. Il team sorridente e variegato attorno a un portatile. Il batti cinque alla lavagna. Queste foto gridano \u00abnon abbiamo investito in fotografia originale\u00bb. Ne basta una sola in home page per trascinare verso il basso la qualit\u00e0 percepita di tutto il resto del sito.<\/p>\n\n\n\n
Tre font in home page, quattro nella pagina \u00abchi siamo\u00bb, sei in tutto il sito. Il sistema non \u00e8 mai stato bloccato, cos\u00ec ogni sezione costruita da una persona diversa ha usato ci\u00f2 che sembrava giusto quella settimana. L’occhio registra l’incoerenza prima del cervello. L’intero sito appare meno progettato.<\/p>\n\n\n\n
A forma di pillola su una pagina, quadrati su un’altra, con sfumatura su una terza. Dimensioni diverse, spaziature interne diverse, stati hover diversi. Un sistema di pulsanti \u00e8 una delle pi\u00f9 piccole decisioni visive di un marchio, ma pulsanti incoerenti dicono sottovoce al visitatore che nessuno \u00e8 responsabile dell’aspetto del marchio.<\/p>\n\n\n\n
Due colonne in cui il testo parte un pixel spostato. Tre schede il cui bordo inferiore non combacia. Icone centrate rispetto a un testo che non \u00e8 del tutto centrato. L’allineamento \u00abquasi giusto\u00bb danneggia pi\u00f9 di quello palesemente rotto, perch\u00e9 abita la valle perturbante della qualit\u00e0 del design, dove tutto \u00e8 appena fuori posto.<\/p>\n\n\n\n
Alcune sezioni hanno 80 pixel di spazio verticale, altre 60, altre 100. Non c’\u00e8 ritmo. I buoni siti hanno una scala di spaziatura (4, 8, 16, 24, 32, 48, 64, 96) che ogni margine e padding rispetta. I siti che ne sono privi sembrano compressi qui e slegati l\u00e0, e il visitatore non sa spiegarsi il perch\u00e9.<\/p>\n\n\n\n
Lo stile predefinito dei moduli di WordPress su un sito per il resto curato \u00e8 un indizio rivelatore. Campi con bordo del colore sbagliato, testo del pulsante nel font sbagliato, stati di errore disegnati dall’autore del plugin. Lo stile dei moduli conta perch\u00e9 \u00e8 l\u00ec che il marchio chiede fiducia. I moduli generici sembrano lavoro da template.<\/p>\n\n\n\n
Icone lineari nell’intestazione, icone piene nella griglia delle funzionalit\u00e0, icone disegnate a mano nel footer. Un set di icone coerente \u00e8 una delle conquiste di qualit\u00e0 visiva pi\u00f9 facili sul web, e la sua assenza una delle pi\u00f9 comuni.<\/p>\n\n\n\n
Testo segnaposto che nessuno ha fatto in tempo a sostituire. Titoli di sezione come \u00abQui va il titolo della sezione\u00bb. Attributi alt delle immagini che recitano \u00abimmagine.jpg\u00bb. \u00c8 il passaggio di rifinitura che salta quando un progetto esce in ritardo, e un singolo segnaposto dimenticato manda in fumo tanto lavoro di design curato.<\/p>\n\n\n\n
Il microtesto di una call to action fa molto lavoro di marca. \u00abOttieni il mio preventivo\u00bb, \u00abPrenota una call strategica\u00bb, \u00abScopri come funziona\u00bb trasmettono che il marchio parla al visitatore. \u00abInvia\u00bb e \u00abClicca qui\u00bb sanno di 2008.<\/p>\n\n\n\n
Se il footer dice \u00a9 2022, il visitatore conclude che il sito non viene toccato da allora. Tre anni di fiducia svaniscono con una sola data nel footer. La soluzione \u00e8 una riga di PHP che si aggiorna da sola, ma sfugge in quasi ogni audit.<\/p>\n\n\n\n
I siti progettati prima per desktop e mai davvero ripensati per il mobile di solito hanno i loro indizi: un’immagine hero ritagliata fino a sparire, una navigazione a menu hamburger con 30 voci, testo del corpo a 10 pixel perch\u00e9 la dimensione l’ha decisa il desktop. Il mobile \u00e8 dove atterra davvero la maggior parte dei visitatori. Merita una propria passata di design, non un semplice restringimento via CSS.<\/p>\n\n\n\n
Alcuni page builder hanno impronte visive che i designer riconoscono a un chilometro di distanza. Stili specifici di slider di testimonianze, layout specifici di tabelle prezzi, separatori di sezione specifici. Nessuno \u00e8 oggettivamente brutto. Ma sono riconoscibili, e riconoscibile significa che l’inconscio del visitatore segnala \u00abquesto \u00e8 costruito da un template\u00bb prima ancora di leggere una parola.<\/p>\n\n\n\n
La maggior parte di questi indizi si pu\u00f2 correggere in una passata di design mirata di due o tre settimane senza ricostruire il sito. L’audit \u00e8 la parte facile. La disciplina di applicare un sistema di marca in modo coerente a un sito esistente \u00e8 il vero lavoro. Il team di web design di Defyn esegue regolarmente questo tipo di rifinitura, e la distanza tra \u00absembra economico\u00bb e \u00absembra costoso\u00bb \u00e8 spesso un paio di settimane di lavoro mirato, non un redesign completo.<\/p>\n\n\n\n