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 è Gadget-O, un sito dedicato ai gadget divertenti!
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 Gadget-O
Gadget-O è un sito con un design stimolante e creativo. Ci sono cinque sezioni da esplorare, tecnologia, spazio vitale, indossabili, trasporti e sport, tutti con tonnellate di grandi idee, invenzioni e progetti. Non importa in che cosa ti trovi, non puoi fare a meno di apprezzare l'incredibile ingegnosità esposta qui.
Ad essere onesti, ho impiegato un'eternità per scrivere questa critica perché mi sono sempre distratto da tutte le cose interessanti presenti sul sito! Una ciotola che tiene separati il latte e i cereali, una borsa che fa sembrare il tuo sandwich ammuffito, in modo che nessuno possa rubarlo, una bicicletta che si piega in uno zaino; la meraviglia non finisce mai.
Ecco uno screenshot della homepage:
Scorrimento orizzontale? È mai buono?
La homepage di Gadget-O è estremamente semplice. C'è una barra di navigazione e un logo sulla sinistra e un feed di immagini sulla destra.
Il sito scorre in orizzontale e contiene anteprime belle e di grandi dimensioni di ciascuno dei prodotti. I siti a scorrimento laterale sono davvero difficili da realizzare ma questo lo fa abbastanza bene. Il trucco è che puoi sempre vedere un'anteprima del prossimo prodotto della linea. Questo rende immediatamente evidente che il sito scorre di lato ed elimina l'imbarazzante? palcoscenico.
Un sacco di designer ti diranno di non fare mai una scroll orizzontale, ma non mi piace esprimere giudizi così radicali. Questo sito si presenta e si sente benissimo con questo formato e apprezzo lo sforzo per creare un'atmosfera unica.
Detto questo, mi piacerebbe vedere una griglia alternativa. Ciò non solo soddisferà chiunque non sia pazzo per lo scroll orizzontale, ma sarebbe un ottimo modo per sfogliare rapidamente molti contenuti di cui non si è in uno? Uno alla volta? umore.
Sidebar
La barra laterale / navigazione a sinistra del sito è semplicissima, il che rende tutto bello e facile da usare. Mi piace molto la tipografia sottile, maiuscola e compressa per il menu e l'illusione tipografica sulle linee di separazione.
Penso che anche il designer abbia fatto un ottimo lavoro con il logo. È sia memorabile che amichevole e conferisce davvero al sito una personalità.
Nota come tutte le informazioni social si adattino perfettamente al tema generale del sito. Troppo spesso i designer si limitano a inserire loghi social come un ripensamento, creando sguardi spiacevoli su una pagina altrimenti di bell'aspetto. Questo designer ha avuto il tempo di rendere le icone sociali sia importanti che attraenti.
Anteprime dei gadget
Ogni gadget è rappresentato da una grande scatola contenente solo un'immagine di anteprima, il titolo, un pulsante di Facebook e una sezione data / tag. L'effetto complessivo è abbastanza minimo e attraente.
Ogni miniatura è in realtà un cursore di immagine e ti darà più anteprime del gadget se fai clic sulle piccole frecce. Questa è una caratteristica fantastica in quanto non è sempre possibile avere una solida idea di ciò che qualcosa è nella prima immagine.
Palette dei colori
La tavolozza dei colori è una delle cose che preferisco del sito. Per la maggior parte, è una tavolozza molto neutra con toni complementari kaki / farina d'avena davvero piacevoli.
L'ultimo colore mostrato sopra getta certamente una chiave nel tema, ma penso che sia in un buon modo. Quel verde intenso nel logo lo distingue dal resto della pagina e attira la tua attenzione. Tuttavia, fornisce un bel punto focale alla tavolozza invece di una semplice modifica che gli occhi non riescono a gestire.
Pagina del prodotto
Quando fai clic su un progetto, vedi una pagina di prodotto dedicata come quella sopra. Come il resto del sito, sembra fantastico? All'inizio. È strutturato bene e ha un sacco di informazioni utili e altri prodotti da verificare.
Ero pronto a fare un grande complimento ma poi sono andato a scorrere verso il basso e non è successo niente. C'è del contenuto extra che è ovviamente tagliato, ma non riesco ad arrivarci. Non ci sono barre di scorrimento e l'azione di scorrimento sembra essere disabilitata (ho controllato in Safari e Firefox su un Mac). Anche se ridimensiona la finestra del browser in modo che sia piccola, non viene mai visualizzata alcuna barra di scorrimento.
È probabile che il designer abbia creato la pagina su un grande schermo e semplicemente non l'abbia mai verificata su uno più piccolo (io sono su un MacBook da 13 "), ma vista la prevalenza di notebook negli ultimi anni questo è un problema piuttosto insetto.
Consiglio vivamente di dare un'occhiata a questa pagina e risolvere il problema il prima possibile. Per essere onesti, il 99% dei contenuti può essere visto bene sul mio schermo, ma avere questo bug è un brutto difetto su un sito quasi perfetto.
Impressione generale
Adoro il sito Gadget-O. Il contenuto è sorprendente, fino al punto da creare dipendenza, e posso dire che ho pensato molto a progettare il sito per evidenziare bene i prodotti. io amore quando i progettisti pensano prima ai contenuti e creano un design incentrato sulla sua presentazione. Funziona semplicemente molto meglio che cercare di inserire i contenuti in un tema visivo preformato.
Questo semplice, bellissimo sito segna un quasi perfetto nel mio libro. Le pagine dei prodotti devono essere risolte il prima possibile e come ho detto prima mi piacerebbe avere una vista facoltativa di gird sulla homepage, ma altrimenti posso solo dire di continuare così!
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.