Firefly di Web Design Critique # 3

Le nostre recensioni sul web design sono state un successo sia per i clienti che per i commentatori. Continuate con l'ottimo lavoro fornendo idee e suggerimenti di qualità!

Il sito di oggi è Firefly, la home page di un'agenzia di reclutamento di lavoro sociale con sede nel Regno Unito.

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.

Lucciola

Con la propria definizione, "Firefly è una società di consulenza per il reclutamento specializzata nell'acquisizione, collocazione e gestione di professionisti del lavoro sociale in ruoli di settore pubblico e privato in tutta Londra e nelle contee limitrofe. Il nostro approccio al reclutamento è personale e consultivo.

Ecco la home page del loro sito web:

Nel complesso, il design del sito è davvero bello e ho molte cose positive da dire al riguardo. Diamo un'occhiata ad alcuni di questi approfondimenti.

Combinazione di colori

Prima di tutto, mi piace molto la tavolozza dei colori al lavoro qui. Usa tutti i colori chiari che sono facili per gli occhi e sembrano belli insieme.

Il colore più audace qui è il verde e il designer lo ha usato in quantità perfette. È sparsa abbastanza pesantemente nella parte superiore del sito, solo in punti chiave del contenuto, e fa un grande aspetto come il colore principale del piè di pagina (in tre varianti!).

Attenzione ai dettagli

Ci sono un sacco di piccoli pezzi di design sparsi in tutta la pagina che sono solo bei tocchi. Mostra che il progettista stava prendendo il tempo per andare piano e ottenere l'interfaccia giusta invece di correre solo per ottenere qualcosa pubblicato.

Ripetizione

La ripetizione è uno degli aspetti chiave di un design e un principio che è frainteso o completamente sconosciuto a molti web designer. Questo designer l'ha usato magistralmente non solo attraverso la ripetizione del verde come sopra menzionato, ma anche attraverso l'uso dell'elemento del cerchio dal logo.

La ripetizione di un elemento su una pagina come questa rende il design più coeso. Dà anche all'occhio qualcosa di familiare da individuare mentre sfoglia la pagina.

disposizione

Il progettista ha scelto di implementare un layout a tre colonne e ha bloccato con esso l'intera lunghezza del sito. Gli allineamenti sono forti e le colonne sono eseguite molto bene. La separazione visiva della colonna di estrema destra attraverso l'uso di un colore di sfondo più scuro è un tocco eccellente in quanto aiuta a evidenziare il contenuto principale e rompere la monotonia di una grande pagina bianca.

Cose da migliorare

Nel complesso, il design è uno dei più forti che abbiamo visto finora per una critica. Tuttavia, ci sono alcuni piccoli aggiustamenti che potrebbero essere fatti.

Risoluzione dell'immagine

Poiché ho uno sfondo in stampa, tendo ad essere una risoluzione nazista. Il logo in alto a sinistra non rappresenta solo il marchio dell'azienda, è anche una delle prime cose che un utente vede quando atterra sulla pagina. Per questo motivo, vuoi essere sicuro che sia bello e nitido.

Ho fatto saltare un po 'il logo per mostrarti cosa intendo. Ciò ovviamente rende il problema ancora peggiore, ma è una buona illustrazione di cosa cercare a un livello più piccolo quando si salvano le immagini.

Guarda da vicino l'artefatto e il degrado delle immagini. Questo logo è abbastanza piccolo e non dovrebbe impantanarsi nel sito se dovesse essere salvato con una risoluzione più alta.

Testo pesante

Forse il peggior problema visivo con questa pagina è che è solo un testo pesante. È semplicemente un sacco di informazioni da lanciare a qualcuno quando atterrano per la prima volta sul tuo sito. Questa lettura può richiedere molto tempo e intimidire e può effettivamente portare l'utente a ignorare del tutto il testo.

Prenderò in considerazione la possibilità di ridurlo alle necessità essenziali e di inserire qualsiasi informazione non cruciale su una pagina di supporto piuttosto che dare risalto a questo aspetto.

usabilità

C'è un leggero problema di usabilità con parte del testo sulla pagina. Non sono sicuro di cosa lo stia causando, ma in Safari il testo nella colonna di benvenuto non è selezionabile.

So che sembra pignolo, ma l'intero punto di avere testo dal vivo è che hai una copia pulita, nitida e completamente selezionabile (e quindi copiabile) sulla pagina.

Ti consiglio di dare un'occhiata al tuo codice per vedere che cosa sta causando questo errore.

Due graffette

Come ho detto sopra, la ripetizione è una buona cosa nel design. Tuttavia, come ho anche sottolineato, è spesso frainteso o abusato. La graffetta è un bel elemento grafico e sarebbe stato bello ripetere da qualche altra parte sulla pagina, ma mettendo due di questi così vicini rende questa sezione affetta da una sindrome del clone di Photoshop.

Penso che usare solo una graffetta qui farebbe una dichiarazione più forte. Se vuoi davvero restare con due, assicurati che non siano identici. Ruotalo o giralo per fornire una piccola variazione.

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.