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 è Okay Geek, un fantastico gadget e un blog tecnologico.
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.
A proposito di Okay Geek
Precedentemente noto come? T3ch H3lp ?, Okay Geek è un blog di tecnologia ri-pensato che si sforza di portare contenuti originali geniali per le persone che hanno una passione per la tecnologia. Abbiamo creato Okay Geek da zero usando Squarespace ei nostri strumenti personalizzati. Vogliamo che Okay Geek sia un sito web veloce, ben progettato e facile da usare e crediamo di averlo fatto molto bene.
Ecco uno screenshot della homepage:
Impressione iniziale
Sai, ho scritto quasi sessanta di queste recensioni. All'inizio è stato abbastanza facile, ho ricevuto molte presentazioni che erano grandiose, ma avevo alcune aree solide che necessitavano di miglioramenti. Ultimamente, i mittenti non mi hanno reso così facile. Ok Geek è uno di questi siti.
È abbastanza facile criticare un sito brutto, ma questo è stupendo. Nonostante sia un po 'sul lato template, per quanto riguarda i blog tecnologici, questo è sicuramente uno dei più attraenti che ho visto da un po'. Voglio dire, hai visto Gizmodo ultimamente? Ma sto divagando?
In conclusione, Okay Geek è un sito di grande impatto con contenuti che trovo davvero interessanti. Dopo aver letto questa recensione, assicurati di fermarti al sito per verificarlo.
Alla luce di non avere molto in termini di commenti negativi, diamo un'occhiata ad alcune cose che mi piacciono su Okay Geek.
Un sacco di spazio bianco
Lo spazio bianco è una bestia difficile da impugnare correttamente. Molti designer sembrano aver paura di ciò e stipare tutto sulla pagina estremamente vicini tra loro. Altri cadono nella trappola di usare sempre una larghezza di gronda preimpostata in un framework CSS e non analizzano mai realmente se gli oggetti abbiano davvero bisogno di più spazio per respirare.
Lo spazio bianco è qualcosa che dovresti analizzare in base al design, non esiste una formula magica che funzioni meglio per ogni sito. Okay Geek ha davvero aperto il tradizionale layout del blog di Envato e ha dato a ogni colonna un sacco di spazio. Il risultato è una sensazione piacevole e ariosa che conferisce a ogni singolo pezzo l'enfasi necessaria per distinguersi dal resto del contenuto.
Una piccola nota, quella casella a destra nell'immagine qui sopra è solo una tad troppo alto. Bump giù alcuni pixel per farlo allineare con la colonna di sinistra.
Adaptive Whitespace
Forse ancora più importante è il fatto che lo spazio bianco risponde molto bene alle finestre del browser di dimensioni diverse. Man mano che la finestra diventa più piccola o più grande, il layout esegue piccole regolazioni che comprimono il layout in uno spazio più piccolo mantenendo tutto bello e leggibile.
Suggerimento: query multimediali
Un suggerimento che probabilmente mi vedrai iniziare a fare molto è l'incorporazione di query multimediali per rendere il sito migliore con alcune dimensioni generiche preimpostate. Okay Geek dispone già di uno straordinario sito mobile per smartphone, ma le query multimediali e gli stili personalizzati potrebbero aiutare a rafforzare il design per i layout intermedi e tablet.
Un colpo di testa
Sono un sucker per una buona intestazione. Per siti come questi, servono davvero come la copertina di cui giudichi il libro. Qui l'intestazione è bella e grande, contiene gli elementi necessari per la ricerca e la navigazione nel punto in cui ti aspetteresti che siano e ha tre grandi immagini di articoli in primo piano con effetti di hover animati.
Posizionare questi articoli di funzionalità direttamente nell'intestazione è un ottimo modo per attirare l'attenzione degli utenti immediatamente. So che non riesco a resistere a un clic se vedo una storia su The Legend of Zelda!
Belle anteprime dei post
Un'altra cosa che mi piace molto è il design generale delle anteprime dei post. Sono belle e grandi con un sacco di contenuti teaser. Mi piacciono particolarmente quelle immagini enormi, che ti attirano davvero (anche se penso che il sito potrebbe avere un successo in termini di prestazioni per loro).
Posso dire che sono stati fatti molti sforzi e sforzi per rendere questo sito così bello. Ci sono molti piccoli tocchi che fanno molta strada, come il fatto che quando si passa con il mouse su un'anteprima di un post, appare il minimo effetto di sospensione dell'ombra. Un bel tocco!
Suggerimento: allineamento del testo e pulsante Salva
Ho due piccole preoccupazioni su quest'area. Innanzitutto, il testo del paragrafo in basso è troppo lontano a sinistra. Dovrebbe avere gli stessi margini dell'altro contenuto nella scatola, ma sembra uscire da questi e arrivare goffamente vicino al limite.
Inoltre, adoro l'integrazione di Instapaper qui dalla home page. Il mio unico problema è che non c'è davvero modo di dire che il pulsante Salva è un collegamento a Instapaper. ?Salva questo? è un po 'vago e non necessariamente un termine con cui abbiamo familiarità in un contesto di blog. Forse un? Salva su Instapaper? pulsante sarebbe più appropriato.
Una barra laterale utile
Il layout generale a due colonne di Okay Geek è piuttosto popolare, ma la colonna di destra è generalmente invasa da confusione e inutili rifiuti che nessuno vuole guardare. Tuttavia, ho trovato la barra laterale di Okay Geek abbastanza interessante. Fare il miglio supplementare per creare effettivamente materiale pertinente per questa sezione aiuta davvero a giustificare l'area agli utenti piuttosto che renderla semplicemente una pubblicità. Questo aiuta anche a far conoscere ai tuoi inserzionisti alcune visualizzazioni!
Seriamente sociale
Okay Geek non risparmia sforzi nel cercare di farti condividere i loro contenuti con i tuoi amici.Questa impresa può facilmente diventare il massimo, soprattutto con tutti i vari link e pulsanti sociali sparsi sul sito.
Tuttavia, ogni piccola area sociale è progettata su misura per adattarsi perfettamente al tema del blog, in modo da renderlo ancora più disordinato. I blog vivono e muoiono sui social, quindi è indispensabile un'integrazione solida!
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.