Ogni settimana diamo un'occhiata a un nuovo sito Web e analizziamo il design. Indicheremo sia le aree che sono fatte bene che quelle che potrebbero utilizzare del lavoro. Finalmente, finiremo chiedendoti di fornire il tuo feedback.
Il sito di oggi è Income Diary, un blog che offre consigli pratici e semplici su come guadagnare soldi online. Entriamo e vediamo cosa pensiamo!
Se desideri inviare il tuo sito web in una futura Critica del design, ci vogliono solo pochi minuti. Facciamo pagare $ 49 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.
A proposito di diario del reddito
"Ho lanciato IncomeDiary nel 2009 dopo una conferenza a cui ho partecipato a Washington a marzo dello stesso anno. Prima di questo, gestivo siti Web con successo da circa 4 anni e una delle cose più importanti che ho preso dall'incontrare imprenditori affini è stata, devi dare indietro! Questo è ciò che questo sito è tutto, educare e aiutare gli imprenditori di Internet, indipendentemente dal loro livello.
Ecco uno screenshot della homepage:
Prima impressione
Il diario del reddito non rompe gli ostacoli nel design del blog. È un design molto semplice che utilizza un layout visto su un milione di altri blog sul web. È una cosa negativa? Niente affatto. Allo stesso modo in cui i giornali alla fine sono caduti tutti in un formato simile e prevedibile, è perfettamente naturale che i blog arrivino su alcuni layout standard che funzionano bene.
Il vantaggio è che i nuovi visitatori sono immediatamente a loro agio con il formato e sanno come spostarsi dal secondo al carico del sito. Anche i layout innovativi sono fantastici, ma esiste un malinteso comune nel design che qualcosa che non sia innovativo non sia buono, e non è semplicemente una dichiarazione vera.
Detto questo, ci sono un sacco di scelte progettuali solide fatte su questo sito. Esteticamente, non mi fa saltare in aria, ma è abbastanza attraente e funzionalmente solido. La domanda principale che chiedo sempre per qualsiasi critica di design è: "Il progetto raggiunge il suo scopo ?? In questo caso, pensa che la risposta sia sì se lo scopo è quello di istruire con successo le persone su come fare soldi online. Esploriamo perché questo è vero.
Combinazione di colori
Se hai familiarità con le nostre critiche di design, dovresti già sapere cosa dirò di questa combinazione di colori. Usa il semplice trucco a colori che non puoi quasi sbagliare:
Innanzitutto, il designer ha scelto un colore principale, in questo caso il verde. Il verde è una scelta solida, non per qualcosa di estetico, ma per la correlazione psicologica che inevitabilmente facciamo: verde = denaro. Questo sito fa soldi, quindi non c'è colore più appropriato!
Successivamente, sono state scelte alcune tonalità diverse di questo colore. Questo fornisce un modo decente per avere variazioni sottili in tutto il design: gradienti, diverse barre di intestazione, ecc. Infine, è stato scelto un colore che integra ma si distingue dal colore principale. Questa tecnica offre un percorso incredibilmente sicuro per scegliere una combinazione di colori che non è né monotona né eccessivamente occupata.
Logo
Come ogni altra cosa, il logo richiede un percorso molto sicuro e prevedibile. Questo è qualcosa di importante che vale la pena discutere. È un logo generico e noioso? Sì. È meglio di un non-designer che tenta di creare un logo complesso? Assolutamente. La linea di fondo è che non tutti coloro che creano un sito Web è un designer professionista. Se questo è il tuo caso, non preoccuparti di digitare il nome del tuo sito web in un modo semplice e chiamarlo un giorno. Un giorno in cui hai il budget (anche se probabilmente questo sito dovrebbe avere ragione?), Puoi assumere un professionista per creare un'identità unica per te.
Una cosa che penso che questo sito debba rielaborare è la tagline sul logo. È semplicemente troppo sottile e minuscola e non legge bene. Una soluzione semplice potrebbe essere semplicemente aumentare la dimensione di questa linea in modo che abbia la stessa larghezza orizzontale della linea sopra di essa.
Navigazione
L'area di navigazione è un classico formato di navigazione CSS con grandi blocchi che definiscono ciascun collegamento. Una cosa su cui critico costantemente i designer in queste critiche sono gli effetti di link hover così sottili che a malapena si può dire che ne esiste uno, specialmente se si è un utente daltonico. Fortunatamente, non è questo il caso.
Come puoi vedere, la differenza tra gli stati di hover e non-hover è piuttosto drammatica e può essere vista chiaramente da tutti gli utenti. Questo può sembrare piccolo, ma piccoli errori possono rovinare un design, quindi è importante avere questa roba giusta.
Gerarchia delle informazioni
La creazione di una solida gerarchia informativa è il fulcro di ciò che i tuoi obiettivi sono in un web design. Se annoti tutte le cose che vuoi realizzare con un web design, questo dovrebbe essere sempre in cima alla lista.
Uno degli aspetti più solidi di questo design è come tutte le informazioni sulla pagina sono strutturate. Ad esempio, si noti che il post più recente nel feed home ha un'importanza visiva maggiore rispetto agli altri post sotto forma di un'immagine di anteprima più grande.
Usiamo questo stesso trucco sulla homepage di Design Shack in misura ancora maggiore. È un po 'sottile sul diario del reddito e vorrei anche suggerire che il designer trovi un modo aggiuntivo per farlo risaltare ancora di più (colore di sfondo diverso, titolo più grande, ecc.).
C'è anche un altro livello di differenziazione. Mentre scorri verso il basso l'elenco dei post, c'è una sezione con alcuni prodotti che puoi acquistare. È qui che arriva l'altro colore di cui abbiamo discusso prima:
Questo contenuto è gettato in una bella scatola minimale con testo solido e layout di immagine e un sacco di spazio bianco. È un ottimo modo per impostare questo contenuto oltre al feed principale.
Ora, anche se mi piace il design di questa piccola area, sono un perfezionista, quindi c'è una cosa che mi fa impazzire:
Il pulsante sotto l'anteprima del prodotto è quasi la stessa larghezza dell'immagine sopra, ma non del tutto. È letteralmente un modo di pochi pixel ma non posso fare a meno di essere distratto da esso. O renderlo della stessa larghezza o renderlo molto più stretto, qualsiasi altra cosa sembra un errore.
footer
Termineremo questa critica con una rapida occhiata al footer, semplicemente perché mi piace come sembra. Adoro il modo in cui il contenuto interrompe la linea del footer, il passaggio dal grigio al bianco quando si passa con il mouse su un link, la presentazione pulita e minimale delle icone social e il sottile tocco di texture dietro il logo. A mio parere, questa è la parte più bella del sito. Una strana conclusione per essere sicuro, ma io sono solo un grande fan chiunque non si allenti e getta su un brutto piano come l'ultimo passo di un progetto.
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 anche di essere rispettoso nei confronti del designer del sito e di offrire una consulenza chiara e costruttiva priva di insulti ostili.