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 è Influentials Network, un aggregatore di notizie e filtri politici.
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.
Informazioni su Influentials Network
? IN monitora costantemente e raccoglie le notizie politiche più virali e importanti su tutti i media. IN filtra automaticamente le 10 personalità e / o questioni politiche più rilevanti in un'unica pagina, dinamica e di facile scansione.
Ecco uno screenshot della homepage:
Prima impressione
Ad essere onesti, non c'è molto sul design di questo sito che sembra funzionare bene. Il layout complessivo a tre colonne è decente, ma il tema visivo e l'estetica generale potrebbero utilizzare un aggiornamento piuttosto drastico.
Un sacco di persone che vogliono una critica vogliono solo una pacca sulla spalla, ma ho parlato con il designer e lo sviluppatore di IN e ha espresso un sincero desiderio di ascoltare un feedback aperto e onesto riguardo al sito. Sa che c'è margine di miglioramento e sta cercando consigli chiari su come farlo. Con questo in mente, iniziamo!
Pensieri su News Aggregator Design
Gli aggregatori di notizie sono bestie molto strane per un web designer e confesso pienamente che le regole che governano il loro successo sembrano riguardare tutto tranne la bellezza estetica.
Ad esempio, un aggregatore che visito abbastanza spesso è Hacker News. Dai un'occhiata al loro design:
Come puoi vedere, questa non è esattamente una foto del web design moderno. Non è nemmeno un buon esempio di minimalismo moderno, è in realtà solo una lista di link con un riempimento di sfondo! Nonostante ciò, mi piace ancora fermarmi e vedere le ultime novità dal mondo dei nerd. Altri aggregatori popolari come Reddit non sono solo semplici, sono addirittura brutti.
Tutto ciò per dire, il mio primo istinto è di avvicinarmi alla progettazione di IN come qualsiasi altro sito, ma questo potrebbe non essere il modo migliore per farlo.
Lo sguardo di IN
Anche considerando lo stato attuale della progettazione di aggregatori, continuo a pensare che IN potrebbe usare del lavoro nel reparto visivo. Per cominciare, non sono un fan degli sfondi utilizzati in ogni sezione. Mi sento come se il sito fosse davvero gradevole. Siate sempre cauti nel trovare un trucco di design e abusarne attraverso l'uso eccessivo.
Inoltre, il contenuto principale ha uno sfondo grigio medio ed è affiancato da una striscia chiara su ciascun lato. Questo sembra un po 'imbarazzante per qualche motivo. I due colori sono probabilmente troppo simili. Non c'è alcun contrasto di colore reale per aiutare il contenuto principale a distinguersi, solo un leggero e confuso cambiamento di colore. Sinceramente penso che aggiunga inutili complicazioni visive e raccomandi di inondare l'intero sfondo con il grigio che attualmente occupa lo sfondo dell'area primaria al centro. Uno dei nostri obiettivi di posta per questo sito sarà semplificare il design abbastanza impegnato.
Un'altra cosa che penso possa far scattare all'istante l'attrazione visiva della pagina è il brutto ridimensionamento delle miniature. Le foto vengono allungate e schiacciate per adattarsi alle dimensioni della scatola preimpostate. Questo risultato è un design davvero goffo che suggerisce immediatamente un? Abbastanza buono? mentalità del designer.
Probabilmente ci sono molti plugin JavaScript per risolvere questo problema, anche alcuni intelligenti CSS potrebbero migliorare la situazione.
Intestazione
Il problema principale che ho con l'intestazione è il flusso di comunicazione. Attualmente, penso che contenga tutte le informazioni di cui ha bisogno, ma forse non nel giusto ordine.
Ecco come lo ridisegnerei. In alto a sinistra, dove attualmente c'è una scatola contenente una descrizione del sito, posizionerei il nome e il logo del sito in modo bello e grande in modo che le persone sappiano immediatamente dove si trovano. Quindi, sposterei la descrizione nella casella sotto la navigazione.
Inoltre, il? In fluenced? la linea non funziona È in un posto strano che sta buttando giù il layout del sito ed è formulato in modo tale da farlo sentire. Farei un tag secondario al logo del sito ed estrai gli spazi. Influentials Network: INfluenced, INformed, INspired.
Per quanto riguarda la navigazione, questa è una delle mie parti preferite della pagina semplicemente perché il nero apporta un contrasto tanto necessario alla pagina. Prenderò in considerazione la ricerca di altri posti per ripetere questo tema.
widget
Ad accompagnare il contenuto principale su entrambi i lati sono le barre laterali contenenti vari widget e sezioni di contenuto come la seguente:
Nel complesso, ognuno di questi potrebbe usare un po 'più di precisione e finezza. Ad esempio, il? What the Hill? la sezione precedente potrebbe utilizzare un breve descrittore che spiega cosa contiene la sezione. Anche qui il testo sembra abbastanza schiacciato, un po 'di altezza in più potrebbe fare molto.
Inoltre, ciascuno dei widget contiene le piccole frecce in alto e in basso nella parte superiore, consentendo di fare clic per sfogliare il contenuto. Questo potrebbe sembrare più minimale, ma una semplice scroll funzionerebbe molto meglio.
Un altro widget che ha bisogno di molto lavoro è la sezione foto. Questo è solo un grande spazio vuoto che non sembra funzionare correttamente.
Colonna IN 10
L'ultima sezione che possiamo esaminare è quella che considererei il contenuto principale della pagina. Abbiamo già menzionato il problema del dimensionamento delle foto e, a parte questo, quest'area sembra abbastanza decente.
Una cosa che potresti considerare di cambiare qui è l'effetto hover. Al momento sposta tutto di pochi pixel, ma il movimento è così leggero che sembra quasi un insetto.Aumentare la quantità di contenuto spostato o passare a qualcos'altro come un cambio di colore.
Inoltre, i pulsanti di condivisione sembrano troppo incoerenti. Prova a renderli ognuno delle stesse dimensioni e forma.
Conclusione
Penso che questo sito abbia bisogno di molto lavoro, ma penso anche che sia perfettamente fattibile. La mia raccomandazione è di prenderlo in pezzi. Concentrati sull'intestazione per una settimana e trascorri davvero del tempo facendo il meglio che puoi. Quindi spostati su un'altra sezione e trascorri un'altra settimana affinandola finché non è perfetta. In questo momento il problema principale del sito è che si sente affrettato, come se non fosse ancora pronto per il lancio, ma è stato comunque lanciato.
Come obiettivo a lungo termine, pensa a come puoi semplificare il contenuto. Interrompe l'aggiunta di funzioni e avvia le funzionalità di rimozione. Evidenziare meglio il contenuto principale ed eliminare tutto tranne il contenuto secondario più essenziale. Ogni volta che hai dei dubbi su come tagliare qualcosa, guarda di nuovo Hacker News e pensa a quanto sia semplice!
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.