Critica di progettazione Web n. 4: Anthem Design Group
Ogni settimana diamo un'occhiata a un nuovo sito Web e analizziamo il design. Indicheremo sia le aree che hanno funzionato bene sia quelle che potrebbero usare un po 'di lavoro. Infine, finiremo chiedendoti di fornire il tuo feedback.
Il sito di oggi è Anthem Design Group. Anthem è una piccola agenzia di design creativo e interattivo pluripremiata situata ad Atlanta, in Georgia, negli Stati Uniti
Se desideri inviare il tuo sito Web per essere presentato in una futura critica al design, bastano pochi minuti. Facciamo pagare $ 24 per criticare il tuo design - molto meno di quanto pagheresti per un consulente per dare un'occhiata al tuo sito! Puoi saperne di più qui.
Inno
"Siamo un gruppo amichevole e laborioso di persone creative e tecniche con standard altissimi che adorano creare fantastici siti Web, app, giochi e opere d'arte. Il nostro lavoro è pluripremiato, attraente e finemente realizzato. Amiamo lavorare con aziende di qualsiasi dimensione e siamo orgogliosi del nostro gruppo diversificato e fantastico di clienti. "
Ecco la home page del loro sito Web:
È un design abbastanza forte con tre colonne primarie più una barra laterale (quindi sostanzialmente quattro colonne). La grande immagine in alto è un cursore di immagine con una transizione di dissolvenza di base.
Esaminiamo un paio di cose davvero interessanti di questo design.
Facile da navigare
C'è molto da fare qui per una singola pagina, ma per la maggior parte è strutturato logicamente ed è facile da ordinare. La homepage sembra servire come una bella panoramica di tutto ciò che troverai sul sito. Molte pagine accessibili attraverso la navigazione sono rappresentate qui sulla pagina con un po 'di contenuto.
Ogni volta che non hai idea di come riempire la home page di un sito di grandi dimensioni, ricorda che spesso dovrebbe servire come gateway per tutto il resto. L'inserimento di anteprime di dimensioni ridotte del resto del sito qui consente all'utente di conoscere rapidamente ciò che stai offrendo e servirà anche a facilitare il processo di ricerca di contenuti specifici.
Rompere le linee
Questo sito ha alcuni allineamenti e dispositivi di contenimento abbastanza rigidi che sono buoni per mantenere tutto pulito e organizzato. Tuttavia, vediamo nel piè di pagina che spesso è buono prendere un design come questo e romperlo in alcuni punti.
Qui vediamo il logo e le informazioni di contatto collocati in una scatola che viola le linee dure impostate dal piè di pagina e la separazione dei contenuti. Mi piacerebbe vedere qualcosa nella parte superiore della pagina raccogliere anche questa idea per facilitare 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 per quanto riguarda ciò che fa Anthem, ma a parte il dispositivo di scorrimento delle immagini, il sito semplicemente non sembra molto interattivo. Una delle aree chiave che penso sia la sofferenza sono gli effetti di hover link o la loro mancanza.
Nella navigazione, la differenza di colore del collegamento negli stati non hover e hover è un po 'troppo sottile e forse impossibile per gli utenti daltonici anche notare su un testo così piccolo. Inoltre, a parte quelli nella barra laterale, quasi tutti gli altri collegamenti sulla pagina non hanno assolutamente alcun effetto al passaggio del mouse. Se il cursore del browser non cambia automaticamente per i collegamenti, gli utenti probabilmente non saprebbero nemmeno che ci fossero presenti sulla pagina.
Ancora una volta, questo si lega strettamente 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 gridare ai tuoi utenti, ma almeno non dovrebbero essere nascosti.
Aggiunta di collegamenti
Allo stesso modo di dare vita agli attuali legami, penso che dovremmo aggiungerne altri. Come ho detto prima, mi piace come il contenuto della home page e la navigazione si uniscano. Ad esempio, esiste un collegamento ai servizi nella navigazione e una sezione dei servizi nella pagina. Tuttavia, il testo che dice "Servizi e funzionalità" nella sezione del contenuto non è abilitato come collegamento alla pagina "Servizi e funzionalità".
Cerca sempre di rendere le cose ridicolmente facili per i tuoi utenti. Se vedono un titolo che corrisponde al luogo in cui vogliono andare, dovrebbero essere in grado di fare clic su di esso per andare lì piuttosto che cercare il link giusto.
Spaziatura
Ci sono un paio di posizioni nella pagina che dividono il contenuto in tre colonne, ognuna con la propria intestazione. Il problema è che l'intestazione e la colonna sono distanziate così distanti tra loro, non è immediatamente evidente che appartengano insieme.
Raccomando di rimuovere circa metà della spaziatura qui in modo che gli utenti possano immediatamente dire che queste due aree dovrebbero essere interpretate come una singola unità.
Allineamento e troppo pieno
Ci sono due aree chiave in cui sto individuando problemi con piccoli oggetti che non si allineano correttamente. Il primo è nella barra laterale. Il feed di Twitter qui sembra fuoriuscire dalla finestra di contenimento.
Il secondo è la copia legale e i collegamenti di navigazione nel piè di pagina. In realtà non condividono alcun tipo di allineamento e sembrano fluttuare casualmente nello spazio. Consiglio di dare a entrambi un forte allineamento a sinistra e magari di spingerli vicino all'area del logo a sinistra.
Il tuo turno!
Ora che hai letto i miei commenti, chiedi aiuto e dai ulteriori consigli al designer. Facci sapere cosa pensi sia fantastico del design e cosa pensi possa essere più forte. Come sempre, ti chiediamo anche di essere rispettoso del progettista del sito e di offrire chiari consigli costruttivi privi di insulti aspri.
Interessato ad avere il tuo sito criticato? Puoi saperne di più qui.
