Ogni settimana diamo un'occhiata a un nuovo sito Web e analizziamo il design. Indicheremo sia le aree che sono fatte bene sia quelle che potrebbero usare del lavoro. Finalmente, finiremo chiedendoti di fornire il tuo feedback.
Il sito di oggi è The Inspiration Blog, un sito molto simile a questo dedicato all'ispirazione del visual design.
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.
Informazioni su The Inspiration Blog
Non ci sono molte informazioni biografiche sul sito a parte il singolo bios dell'autore, ma l'intestazione nella parte superiore della homepage riassume molto bene: "Un blog completamente dedicato all'ispirazione visiva e ai dolci arrotondamenti dei prodotti".
Ecco una sezione della home page (sono stati rimossi alcuni post nello stack per rendere l'immagine più corta):
Design generale
Subito, mi piace quello che vedo. Abbiamo un bel tema ispirato ai giornali con una forte influenza minimalista e un sacco di spazio bianco. Si noti come le linee semplici siano state usate pesantemente durante il progetto usando tecniche simili a quelle che abbiamo indicato in un recente articolo.
Il design è molto pulito e strutturato senza essere noioso. Come per molti dei siti che guardiamo, le recensioni qui sotto saranno più al livello di lievi ritocchi rispetto ai cambiamenti di progetto ampi e radicali. È una pagina accattivante e ha bisogno di molto poco a poco per avvicinarsi alla perfezione.
Penso che se una riprogettazione fosse mai in corso, potrebbe essere bello fare una dichiarazione più audace nell'intestazione tramite una grande grafica di qualche tipo. Ciò aggiungerebbe un po 'di branding e interesse visivo alla pagina.
Il logo
La prima cosa che ho notato è lo stile scritto a mano usato nel logo del blog. Mi piace la scelta del font e penso che porti un elemento unico in un sito con molti font standard.
Tuttavia, i caratteri di script possono essere abbastanza difficili da leggere quando vengono visualizzati con dimensioni così ridotte. Il kerning qui sembra un po 'stretto e quando combinato con la dimensione del font piccolo rende sicuramente un po' difficile leggere la parola? Inspiration.?
Per iniziare, suggerirei di distanziare le lettere solo un po '. Se ciò non aumenta la leggibilità, aumenta il font di alcuni punti.
Titolo
Mi piace il titolo della Georgia. È bello e grande con lettere in grassetto e un messaggio semplice. L'ultima parte del titolo, "Hai bisogno di ispirazione", in realtà funge da collegamento per visualizzare un post casuale. Questa è una bella funzionalità che è sottile ma divertente una volta che ti rendi conto che è lì.
Il mio problema qui è che quando carichi la pagina e guardi il titolo, non è una lettura istantanea. Piuttosto, è un grande blocco di copie che i lettori potrebbero o potrebbero non avere il tempo di leggere effettivamente.
Una cosa con cui sono stato costantemente sfidato nei sei anni in cui ho realizzato il design pubblicitario al dettaglio è stata la creazione di titoli attraenti che servivano da elemento visivo che le persone potevano immediatamente prendere in considerazione. Ciò significa che a livello pratico è necessario sottolineare le parole importanti cosicché, anche se la maggior parte dei tuoi spettatori naviga sul titolo senza leggerlo effettivamente, ottiene comunque il succo, quasi per caso.
Puoi aggiungere enfasi con il colore (che hai fatto), dimensioni, audacia, corsivo, ecc. Ad esempio, ecco un rapido esempio con alcune aree di grassetto selettivo.
Ora quando esegui la scansione del titolo, gli aspetti principali del sito ti saltano addosso. Potrebbe anche essere l'occasione per ripetere lo script utilizzato nel logo.
Anticipazioni
Mi piace come sono strutturate le anteprime dei post. Ognuno di essi è un'unità chiaramente individuale con un sacco di spazio tra i post separati e belle immagini di anteprima di 200 per 200 pixel.
Di nuovo, probabilmente sto iniziando a sembrare un disco rotto, ma penso che l'unico problema che ho qui sia la leggibilità di alcuni dei testi (devo ammettere che si tratta di un tema pesante per il testo, quindi non c'è molto altro da discutere). Il problema in quest'area risiede nel testo in cima all'anteprima del post (Es: Pubblicato il 30 ° Spetember?). Questo testo è mostrato in corsivo, tutte maiuscole che sembrano quasi vuote di spazi tra le parole. Tutto scorre insieme in un'unica grande linea che devi lavorare per separarti mentalmente.
La barra laterale
Come con la maggior parte dei blog, la barra laterale contiene la pubblicità, i link ai social network, i tag, la casella di ricerca e altri articoli vari. Mi piace questa zona più o meno com'è. Ogni sezione è ben distanziata e allineata e si adatta perfettamente al resto del tema.
Una cosa opzionale che potresti voler considerare è quella di aumentare il contrasto tra gli stati di default e quelli di hover sui tag. Ho consultato un amico daltonico e non è stato in grado di distinguere tra i due stati. Una semplice soluzione potrebbe essere quella di rimuovere la sottolineatura al passaggio del mouse (il contrario di ciò che vedi su molti link sul web).
Un'ultima cosa fastidiosamente minuscola che ho notato su questa zona è la? Iscriviti 'n' Segui? testo. Il secondo apostrofo mi sembra stranamente posto. Andando? Steak 'n Shake? ad esempio, penso che questo dovrebbe essere cambiato in? Subscribe 'n Follow.? È possibile che mi sbagli completamente. In ogni caso, non è niente di grave.
Il piè di pagina
L'ultima area che guarderemo è il piè di pagina. Come tutto il resto del sito, è bello e semplice. Se stai cercando di fare un lavoro extra, stanno cercando scrittori quindi assicurati di fermarti al sito e fare domanda.
Trovo un po 'strano che la sezione dei social network sia stata duplicata esattamente qui piuttosto che in una forma più semplice, ma le icone probabilmente aumentano le percentuali di clic, quindi alla fine mi va bene.
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.