Ogni settimana diamo un'occhiata a un nuovo sito Web e analizziamo il design. Indicheremo sia le aree che sono ben fatte sia quelle che potrebbero usare del lavoro. Finalmente, finiremo chiedendoti di fornire il tuo feedback.
Il sito di oggi è Anthem Design Group. Anthem è una piccola agenzia creativa e interattiva pluripremiata con sede ad Atlanta, Georgia, USA
Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 24 per criticare il tuo design - molto meno di quanto paghi per un consulente per dare un'occhiata al tuo sito! Puoi saperne di più qui.
Inno
"Siamo un gruppo di persone creative e tecniche amichevoli e laboriose, con standard altissimi che amano creare siti Web, app, giochi e arte straordinari. Il nostro lavoro è premiato, attraente e finemente realizzato. Ci piace lavorare con aziende di qualsiasi dimensione e siamo orgogliosi del nostro gruppo di clienti diversi e fantastici.
Ecco la home page del loro sito web:
È un design abbastanza forte con tre colonne principali più una barra laterale (quindi fondamentalmente quattro colonne). L'immagine grande in alto è un cursore di immagine con una transizione di dissolvenza di base.
Esaminiamo un paio di cose che sono davvero carine in questo progetto.
Facile da navigare
C'è molto da fare qui per una singola pagina, ma per la maggior parte è strutturata logicamente ed è facile da ordinare. La homepage sembra essere una buona panoramica di tutto ciò che troverai sul sito. Diverse pagine accessibili tramite la navigazione sono rappresentate qui nella pagina con un po 'di contenuto.
Ogni volta che non sai come riempire la homepage di un sito di grandi dimensioni, ricorda che dovrebbe spesso servire da gateway per tutto il resto. Inserendo anteprime di dimensioni ridotte del resto del sito qui consente all'utente di conoscere rapidamente ciò che stai offrendo e servirà anche per aiutare il processo di ricerca di contenuti specifici.
Rottura delle linee
Questo sito ha alcuni allineamenti e dispositivi di contenimento abbastanza rigidi che sono buoni per mantenere tutto pulito e organizzato. Tuttavia, vediamo nel footer che spesso è bene prendere un progetto come questo e spezzarlo in pochi punti.
Qui vediamo il logo e le informazioni di contatto inserite in una scatola che viola le rigide impostazioni delle linee a piè di pagina e separazione dei contenuti. Mi piacerebbe vedere qualcosa in cima alla pagina che raccolga anche questa idea per alleggerire la rigidità del design.
Aree da migliorare
Ora tuffiamoci nella critica. Di seguito sono riportati alcuni problemi che personalmente ritengo debbano essere affrontati per quanto riguarda il design.
Interactive?
Vedo la parola? Interattivo? in diversi punti della pagina su ciò che Anthem fa, ma a parte il cursore dell'immagine, il sito semplicemente non si sente molto interattivo. Una delle aree chiave che penso sia la sofferenza sono gli effetti di link hover, o la mancanza di ciò.
Nella navigazione, la differenza nel colore del collegamento sugli stati non-hover e hover è un po 'troppo sottile e forse impossibile per gli utenti daltonici persino notare su un testo così piccolo. Inoltre, a parte quelli nella barra laterale, quasi tutti gli altri link nella pagina non hanno assolutamente alcun effetto hover. Se il cursore del tuo browser non cambiava automaticamente per i link, probabilmente gli utenti non sapevano nemmeno che ci fossero presenti sulla pagina.
Ancora una volta, questo è strettamente legato alla nozione di "interattivo". L'aggiunta di elementi che cambiano con l'interazione in vari punti della pagina renderà il sito molto più vivo e attivo. Questi elementi non devono urlare contro i tuoi utenti, ma dovrebbero almeno non essere nascosti.
Aggiungere collegamenti
Con la stessa logica di portare i collegamenti attuali alla vita, penso che ne dovrebbero essere aggiunti altri. Come ho detto prima, mi piace come il contenuto della pagina iniziale e la navigazione si uniscono. Ad esempio, c'è un link di servizi nella navigazione e una sezione di servizi nella pagina. Tuttavia, il testo che dice? Servizi e funzionalità? nella sezione del contenuto non è abilitato come collegamento ai servizi e alle funzionalità? pagina.
Cerca sempre di rendere le cose incredibilmente facili sui tuoi utenti. Se vedono un titolo che corrisponde al luogo in cui vogliono andare, dovrebbero essere in grado di cliccarlo per andare lì invece di cercare il giusto collegamento.
Spaziatura
Ci sono un paio di punti nella pagina che dividono il contenuto in tre colonne, ciascuna con la propria intestazione. Il problema è che l'intestazione e la colonna sono distanziati così distanti, non è immediatamente evidente che essi appartengono insieme.
Vi consiglio di rimuovere circa la metà della spaziatura qui in modo che gli utenti possano immediatamente capire che queste due aree dovrebbero essere interpretate come una singola unità.
Allineamento e troppopieno
Ci sono due aree chiave in cui sto riscontrando problemi con piccoli oggetti che non si allineano correttamente. Il primo è nella barra laterale. Il feed di Twitter qui sembra traboccare dalla scatola di contenimento.
Il secondo è la copia legale e i link di navigazione nel footer. Non condividono realmente alcun tipo di allineamento e sembrano semplicemente fluttuare a caso nello spazio. Consiglio di dare ad entrambi un forte allineamento a sinistra e magari di spingerli vicino all'area del logo sulla sinistra.
Il tuo turno!
Ora che hai letto i miei commenti, inseriscici e dacci una mano dando al designer qualche ulteriore consiglio. Facci sapere cosa pensi sia importante per il design e cosa pensi possa essere più forte. Come sempre, ti chiediamo di essere rispettoso del designer del sito e di offrire una consulenza chiara e costruttiva priva di insulti.
Interessato ad avere criticato il tuo sito? Puoi saperne di più qui.