Critica di progettazione Web n. 55: Gadget-O
Ogni settimana diamo un'occhiata a un nuovo sito Web e analizziamo il design. Indicheremo entrambe le aree che hanno funzionato bene oltre a quelle che potrebbero usare un po 'di lavoro. Infine, finiremo chiedendoti di fornire il tuo feedback.
Il sito di oggi è Gadget-O, un sito dedicato a gadget divertenti!
Esplora Envato Elements
Se desideri inviare il tuo sito Web per essere presentato in una futura critica al design, bastano pochi minuti. Facciamo pagare $ 49 per criticare il tuo design - molto meno di quanto pagheresti per un consulente per dare un'occhiata al tuo sito! Puoi saperne di più qui.
Informazioni su Gadget-O
Gadget-O è un sito dal design stimolante e creativo. Ci sono cinque sezioni da sfogliare, tecnologia, spazio vitale, dispositivi indossabili, trasporti e sport, tutti con tonnellate di grandi idee, invenzioni e design. Non importa quello che ti piace, non puoi fare a meno di apprezzare la straordinaria ingegnosità in mostra qui.
Ad essere sincero, mi ci è voluta un'eternità a scrivere questa critica perché continuavo a farmi distrarre da tutte le cose interessanti che sono sul sito! Una ciotola che tiene separati latte e cereali, una borsa che rende ammuffito il tuo panino in modo che nessuno lo rubi, una bici che si ripiega 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 a sinistra e un feed di immagini a destra.
Il sito scorre in orizzontale e contiene anteprime grandi e belle 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. Ciò rende immediatamente evidente che il sito scorre lateralmente ed elimina l'imbarazzante fase di "comprensione".
Molti designer ti diranno di non fare mai una pergamena orizzontale, ma non mi piace esprimere giudizi così ampi. Questo sito ha un aspetto fantastico con questo formato e apprezzo lo sforzo di creare un'atmosfera unica.
Detto questo, vorrei vedere una vista a griglia alternativa. Ciò non solo soddisferebbe chiunque non sia pazzo della pergamena orizzontale, ma sarebbe anche un ottimo modo per sfogliare rapidamente molti dei contenuti di cui non sei di umore "uno alla volta".
Sidebar
La barra laterale / navigazione a sinistra del sito è super semplice, che mantiene tutto bello e facile da usare. Mi piace molto la tipografia sottile, maiuscola e compressa per il menu e l'illusione dello scritto tipografico sulle linee di separazione.
Penso che anche il designer abbia fatto un ottimo lavoro con il logo. È memorabile e amichevole e dà davvero personalità al sito.
Nota come tutte le informazioni social si adattano perfettamente al tema generale del sito. Troppo spesso i designer inseriscono i loghi social come ripensamento, creando sgradevoli occhi su una pagina altrimenti di bell'aspetto. Questo designer si è preso il tempo necessario per rendere le icone social importanti e attraenti.
Anteprime gadget
Ogni gadget è rappresentato da una grande casella contenente solo un'immagine di anteprima, il titolo, un pulsante Facebook e una sezione data / tag. L'effetto complessivo è minimo e attraente.
Ogni miniatura è in realtà un dispositivo di scorrimento dell'immagine e ti darà più anteprime del gadget se fai clic sulle piccole frecce. Questa è una funzionalità fantastica in quanto non sempre puoi avere una solida idea di cosa sia qualcosa nella prima immagine.
Palette dei colori
La tavolozza dei colori è una delle mie cose preferite sul sito. Per la maggior parte, è una tavolozza molto neutra con toni complementari kaki / fiocchi d'avena davvero carini.
L'ultimo colore mostrato sopra ovviamente lancia una chiave inglese nel tema, ma penso che sia un buon modo. Quel verde intenso nel logo lo aiuta a distinguersi dal resto della pagina e ad attirare la tua attenzione. Tuttavia, fornisce un bel punto focale alla tavolozza invece di un semplice cambiamento che i tuoi 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, questo sembra fantastico ... all'inizio. È ben strutturato e ha molte informazioni utili e altri prodotti da verificare.
Ero pronto a dare un grande pollice in su, ma poi sono andato a scorrere verso il basso e non è successo niente. Ci sono contenuti extra che sono ovviamente tagliati, ma non ci riesco. 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 ridimensionate la finestra del browser in modo che sia minuscola, nessuna barra di scorrimento appare mai.
È probabile che il designer abbia creato la pagina su uno schermo di grandi dimensioni e semplicemente non abbia mai controllato su uno più piccolo (sono su un MacBook da 13 pollici), ma data la prevalenza dei notebook negli ultimi anni, si tratta di un bel problema di bug.
Consiglio vivamente di dare un'occhiata a questa pagina e risolverlo al più presto. Per essere onesti, il 99% dei contenuti può essere visto bene sul mio schermo, ma avere questo bug è una brutta imperfezione in un sito quasi perfetto.
Impressione generale
Adoro il sito Gadget-O. Il contenuto è sorprendente, fino al punto di creare dipendenza, e posso dire che è stato pensato molto alla progettazione del sito per evidenziare davvero bene i prodotti. Mi piace quando i progettisti pensano prima ai contenuti e creano un design incentrato sulla vetrina per mostrarlo bene. Funziona semplicemente molto meglio che cercare di inserire contenuti in un tema visivo preformato.
Questo sito semplice e bello segna un punto quasi perfetto nel mio libro. Le pagine dei prodotti devono sicuramente essere riparate il prima possibile e, come ho già detto, mi piacerebbe avere una vista opzionale sulla home page di Gird, ma per il resto posso solo dire che continuate così!
Il tuo turno!
Ora che hai letto i miei commenti, chiedi aiuto e dai ulteriori consigli al designer. Facci sapere cosa pensi sia fantastico del design e cosa pensi possa essere più forte. Come sempre, ti chiediamo anche di essere rispettoso del progettista del sito e di offrire chiari consigli costruttivi privi di eventuali insulti aspri.
