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 è Wallpapa, un sito che offre download di sfondi desktop gratuiti.
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.
Wallpapa
? Ci piacciono le immagini di alta qualità e gli sfondi per desktop più interessanti. Su Internet ci sono molti siti che possono aiutare a risolvere questo problema, ma tutti hanno alcune lacune. Abbiamo progettato e realizzato un servizio pratico, versatile e ovviamente utile, che speriamo tu approvi. Per raggiungere i nostri obiettivi, abbiamo esaminato il problema da entrambe le parti. Dagli artisti che vogliono condividere il loro lavoro con altre persone e ottenere feedback, così come dagli utenti che sono anche preoccupati per il nostro problema.
Ecco la home page del sito:
Prime impressioni
Nel complesso, Wallpapa non è un sito dall'aspetto negativo. Il nome è accattivante, il design di base è bello, luminoso e abbastanza minimale da porre l'accento sulle miniature.
Esistono molti modi ovvi per cercare sfondi come la barra di ricerca e le categorie nell'intestazione e la nuvola di tag nel piè di pagina. Esistono anche alcune opzioni più avanzate come la ricerca per colore o dispositivo (iPhone, iPad, ecc.)
Allineamento
Mentre guardo il sito, l'errore principale che noto è un scarso allineamento. La pagina sta cercando di essere allineata al centro, ma tutto è leggermente fuori. Se la griglia è il principale centro di equilibrio, allora tutto ciò che si blocca a sinistra dovrebbe essere sospeso a destra. Lo screenshot qui sotto mostra come questo non sia semplicemente il caso.
Problemi di allineamento come quello sopra possono essere visti in tutta la pagina e dovrebbero essere regolati se l'allineamento del centro deve essere onorato.
Detto questo, raramente sono d'accordo con il centro che giustifica tutto il contenuto di una pagina. Nella teoria del design di base si impara che gli allineamenti del centro sono i più deboli, soprattutto perché non c'è un bordo solido che i tuoi occhi possano seguire.
Ciò non significa che gli allineamenti dei centri non dovrebbero mai essere usati, ma solo che dovrebbero essere applicati con attenzione. A mio parere, gli allineamenti al centro funzionano meglio quando si dispone di una pagina grande e molto poco da posizionare su di essa. Tuttavia, questa è una pagina piuttosto contenuta e potrebbe utilizzare un po 'più di struttura.
Se cambi l'allineamento, trovane uno e attaccalo. Con questo intendo applicarlo alle categorie, agli elementi di intestazione, ai tag, al contenuto del footer extra; tutto.
Effetti al passaggio del mouse
Quando si passa con il mouse su una miniatura, l'anteprima è oscurata e viene fornito un collegamento per scaricare l'immagine. È un bell'effetto ma il link si applica solo al frammento nella parte inferiore della miniatura, non all'intera area dell'immagine.
Questo è un po 'confuso e cattivo per l'usabilità. Gli utenti si aspettano di essere in grado di fare clic sulla miniatura dell'immagine che vogliono vedere, essere costretti a cercare il posto giusto per fare clic è un modo rapido per indurli a spostarsi su un altro sito.
La grande immagine
Le modifiche suggerite sopra sono abbastanza ridotte, ma penso che qui ci sia un problema molto più grande riguardo a come viene presentato il contenuto del sito.
Quando un utente visita questo sito per la prima volta, riceve una serie di miniature e tag. Dal nome del sito e dal titolo della pagina (che molti utenti potrebbero perdere) devono interpretare esattamente cosa sta succedendo e cosa si vuole che facciano.
Come designer, spesso pensiamo che alcune cose siano così ovvie da non dover essere dette. Tuttavia, il nostro punto di vista è completamente di parte perché siamo noi a creare il sito. In questo caso, il designer probabilmente ha detto qualcosa del genere: beh, qualsiasi idiota può vedere che è un sito di sfondi !? Ma non è questo il punto.
Solo perché un utente può capire che cosa è il sito non significa che dovrebbero essere costretti a farlo. Colpiarli sopra la testa con una semplice e semplice affermazione è un metodo di marketing provato e vero. Se stai offrendo download di sfondi gratuiti, il tuo sito dovrebbe dirlo forte e orgoglioso.
Inoltre, non penso che sia l'ideale che la prima cosa che vedi siano le anteprime. Sembra una pagina di contenuto, non una pagina di benvenuto. Questo ti fa sentire come se stessi camminando nel mezzo di qualcosa piuttosto che all'inizio.
Le miniature forniscono anche una pagina senza fuoco chiaro. Ancora una volta, questo va bene per una pagina di contenuto ma non per una pagina di benvenuto. Vuoi qualcosa da succhiare negli utenti e farli rimanere in giro. Di solito hai solo un secondo per convincere un utente che il tuo sito è quello che vogliono. Se nulla attira la loro attenzione entro quel secondo, passeranno direttamente alla loro prossima scheda aperta.
La soluzione
Poiché l'obiettivo principale di questo sito è l'immagine attraente, è logico utilizzarne un po 'per attirare l'attenzione delle persone e mostrare il tuo prodotto allo stesso tempo. Considera il mockup veloce e sporco di seguito:
Ora abbiamo un chiaro punto di messa a fuoco! C'è una grande immagine attraente vicino alla parte superiore della pagina che urla per attirare l'attenzione. Immagino questo come un dispositivo di scorrimento immagine jQuery che cicla tra i download in primo piano. Questo ti permette di mostrare molti contenuti in uno spazio relativamente piccolo.
Si noti che ho incluso anche i suggerimenti di cui sopra. Tutto qui, con l'esclusione del? Prossimo? pulsante, aderisce fortemente all'allineamento della griglia principale. Ancora più importante, c'è un bel messaggio che informa le persone che stai regalando contenuti premium gratuiti. Questo informa immediatamente i visitatori che hai qualcosa di valore che vorresti condividere con loro.
In ogni pagina che disegni, cerca sempre di immaginare di vederlo per la prima volta. Sapresti qual è il sito? Vuoi rimanere in giro? Chiedi ad alcune persone intorno a te di dare un'occhiata senza dire loro del sito e quindi di fare alcune domande su qualsiasi cosa tu ritenga debba essere ovvia dal punto di vista dell'utente.
Prestare inoltre molta attenzione al fatto se si sta facendo o meno una dichiarazione di valore. Piaccia o no, Internet è un luogo estremamente competitivo e se vuoi che il traffico arrivi al tuo sito devi diventare un venditore. Il lavoro di un designer è di vendere il sito in meno di un secondo. Questo quasi sempre prende una dichiarazione audace, sia attraverso l'immagine di parole o entrambi.
Qual è la tua dichiarazione?
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.