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 è il sito personale di Sabina Nore.
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.
A proposito di Sabina Nore
"Mentre questo sito mostra i miei vari sbocchi creativi, è il design, e più specificamente il web design, che è stata la mia professione ufficiale per oltre 10 anni. Ho creato siti web, animazioni Flash, disegni logo, brochure e poster, illustrazioni, mascotte, giochi Flash e altri articoli di design per clienti in tutto il mondo. Ogni nuovo cliente mi ha fatto conoscere il loro regno, che, anche se completamente nuovo per me all'inizio, sarebbe diventato molto familiare verso la fine del progetto. ?
Ecco uno screenshot della homepage:
Impressione iniziale
Come puoi vedere, questo è un sito unico! Ha una sensazione decisamente stravagante e fantastica come se fosse presa direttamente da un romanzo per bambini. Questo tipo di cose è estremamente difficile da estrarre e di solito si traduce in una pagina simile a quella degli anni '90. Certo, c'è un po 'di questo qui, ma forse non nei luoghi che penseresti immediatamente.
Posso certamente dire che molto lavoro è stato messo nel sito e che è stato pensato per essere un riflesso personale dell'autore. Con un po 'di ritocchi penso che possiamo portare il sito a lungo!
Musica
Per prima cosa, lo metto in evidenza letteralmente su ogni singolo sito che lo fa: i lettori di musica automatica sono un ottimo modo per indurre le persone a odiare il tuo sito. Generalmente ci aspettiamo che la nostra esperienza di navigazione sul web sia tranquilla e che un sito web possa iniziare a lanciare musica ed effetti sonori casualmente può essere spiacevolmente sorprendente e persino imbarazzante se il sito viene visitato in un ambiente pubblico.
Di solito raccomando che l'impostazione predefinita per i music player sia disattivata, con una scelta ovvia per aggiungere il suono solo se l'utente desidera farlo. Inoltre, il pulsante mute su questo sito attenua davvero l'audio e in realtà non lo uccide. Se un utente preme un pulsante per disattivare l'audio sul tuo sito, assicurati che lo faccia esattamente.
Mentre siamo in tema di pet peeves, potresti prendere in considerazione di attenuare un po 'il bagliore visivo. Il mouse brilla e il fumo animato può essere un po 'travolgente!
Intestazione
L'intestazione è in realtà piuttosto sorprendente. È super folle ma in un modo stranamente attraente che riesce nel tono misterioso che è destinato a impostare.
Indipendentemente dal fatto che ti piaccia o meno l'effetto finale, devi ammettere che è piuttosto la prodezza di Photoshop! C'è molto da fare in questa parte del sito, quindi scomporla pezzo per pezzo.
Icone sociali
Sicuramente non sarebbe facile trovare icone di social media che si adattino a questo tema, ma la lucentezza lucida su queste sembra riflettere la fantasia del resto della pagina. Non sono sicuro che siano personalizzati o solo un download di magazzino, ma la scelta è solida.
Elementi di navigazione
In tutta l'intestazione ci sono vari elementi che reagiscono mentre ci si sposta su di essi e si accede ad altre parti del sito quando si fa clic. Alcuni di questi sono in primo piano e ovvi, altri sono discreti e quasi nascosti.
Normalmente, direi mai e poi mai nascondere la tua navigazione! Tuttavia, queste immagini sono in realtà solo un modo secondario per navigare nel sito. Il vero menu di navigazione si trova in alto a sinistra, proprio dove lo si cercherebbe.
Dato che c'è un modo ovvio e facile da usare per navigare nel sito, non ho un problema con la caccia al tesoro qui sotto. Potrebbe anche essere abbastanza divertente per alcuni utenti.
Area del logo
Nel centro del sito, c'è un grande logo con il nome del designer. Questo rende immediatamente facile individuare il sito in cui sei incappato e include una citazione personale che fornisce una piccola panoramica di ciò che il sito è (un portafoglio di creatività). Tuttavia, ho un problema qui, vedi se riesci a individuarlo:
Per quanto possa sembrare divertente, non posso fare a meno di vedere? Sabina Snore? ogni volta che guardo questo logo! Il posizionamento del grande? S? a sinistra sembra che stia cercando di adattarsi alle parole. Sabina potrebbe considerare di impilare questi elementi o di riorganizzarsi in modo tale da suggerire la parola "russare"? scompare.
Contenuto di piè di pagina
Mentre l'intestazione è bizzarra ma ha un sacco di merito, la sezione del contenuto in fondo potrebbe utilizzare una ristrutturazione completa ed è di gran lunga la sezione più debole della pagina. C'è solo un sacco di contenuti da leggere qui ed è tutto un po 'schiacciato insieme in un grande blocco. Inoltre, il layout sembra spezzarsi e sovrapporsi a diversi browser.
Organizzare un sacco di contenuti scritti è dove il 95% dei web designer che presentano una critica su Design Shack non è all'altezza. È un compito difficile e uno che risulta troppo facilmente in un disastro visivo che nessuno legge. Mi piace sempre usare esempi reali per dimostrare che può essere effettivamente tirato fuori in modo strutturato e leggibile. Oggi arriva da Goldenboy Media:
Notate quanta parte del contenuto scritto viene visualizzato qui, forse non abbastanza come sul sito di Sabina, ma c'è una forte argomentazione per ridurre il contenuto della home page di Sabina a qualcosa di più gestibile. Le informazioni su Goldenboy Media sono suddivise estremamente bene. Esistono due sezioni distinte che utilizzano diverse tattiche organizzative per impedire la ridondanza. Il primo utilizza icone semplici e un layout a griglia, il secondo utilizza due grandi blocchi. Il risultato è super attraente e molto user friendly.
Non consiglio a Sabina di rubare questo layout direttamente, ma di usarlo e altri come ispirazione per organizzare le informazioni scritte in un modo che può essere risolto molto rapidamente.
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.