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 è Tech Cores. Entriamo e vediamo cosa pensiamo!
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 Tech Cores
"Abbiamo passato lunghe notti e bevuto innumerevoli tazze di caffè per portarti a casa in un blog tecnologico. Come sempre, sentiti libero di leggere il nostro staff e sfogliare il frutto di tutto il nostro lavoro.
Ecco uno screenshot della homepage:
Prima impressione
? Preferisco di gran lunga vedere un sito randagio generico rispetto alla tipica confusione di disordine che i blog tecnologici ci lanciano.La mia prima impressione di Tech Cores è un po 'mista. Da un lato, è un design molto pulito che ha un layout solido. Sembra quasi un'app di notizie piuttosto che un sito di notizie (in senso buono). L'ampia UI a tre colonne con categorie a sinistra, un feed nel mezzo e singoli articoli a destra si sente decisamente come il modello Reeder per Mac applicato al web.
Contribuire a questa sensazione di pulizia è anche la mancanza di pubblicità, o pubblicità di qualsiasi tipo. È strano vedere qualcuno che investe tempo in un sito come questo in questi giorni senza un modello di profitto guidato dagli annunci pubblicitari.
Detto questo, nonostante il fatto che il layout sia solido, penso che il vero stile visivo della pagina, la ciliegina, se lo si desidera, sia abbastanza generico. Con la miscela di sfumature grigie e blu lisce, sembra quasi qualcosa che l'SDK di iOS ha appena sputato.
Questa non è necessariamente una cosa orribile, è solo qualcosa da considerare. Come ex tipografo, mi interessa moltissimo il branding e nulla dell'aspetto di questo sito sembra possedere? il che significa che non c'è nulla nel design che sia distinto dai Tech Tech.
A parte questo, penso che, nel complesso, il sito sarà ancora abbastanza attraente per il visitatore medio. Preferisco di gran lunga vedere un sito randagio generico rispetto alla tipica confusione di disordine che i blog tecnologici ci lanciano.
Layout reattivo
Un obiettivo importante per questo layout era ovviamente quello di essere molto flessibile e reattivo a diverse dimensioni di viewport. Man mano che la pagina si restringe, il primo passo su questa strada è far cadere la terza colonna, lasciando il feed di notizie un po 'fluido come la parte più ampia.
Su un desktop, il layout non risponde molto bene ai cambiamenti di dimensioni, le cose diventano fastidiose quando si raggiunge una larghezza di circa 700px. Tuttavia, dando un'occhiata al mio iPad, è sembrato perfetto sia in orizzontale che in verticale. Ciò significa che hanno dedicato più tempo a concentrarsi su larghezze specifiche del dispositivo rispetto alle dimensioni di viewport arbitrarie, una strategia che non sono necessariamente d'accordo. Anche il comportamento reattivo sembra un po 'buggy, non ho avuto uno screenshot, ma una volta ho avuto un problema con la colonna sbagliata che si comprime sulla home page.
Portando il sito su un dispositivo mobile, ho notato che, mentre il feed risponde in modo decente alla larghezza super stretta, l'intestazione con il logo è stata completamente distrutta.
Comunque, ben fatto!
Questa sezione sembra una critica severa, ma non lo è. Voglio rendere questo progetto chiaro e reattivo è ancora molto nuovo e tutti sta ancora cercando di capire come fare meglio. Per gridare forte, il sito che stai leggendo non è affatto reattivo (ancora) quindi non possiamo essere troppo veloci per giudicare gli altri.
Il fatto che Tech Cores abbia fatto passi avanti nell'ottimizzare la propria esperienza per vari dispositivi molto diversi non è un'impresa da poco per un sito di notizie homegrown e io do loro il merito principale di quanto hanno realizzato.
Branding e messaggio
Ho già parlato un po 'di come il sito nel suo complesso potrebbe essere più unico da una prospettiva di branding. Oltre lo schema dei colori, ci sono altri punti in cui si pone lo stesso problema.
Per i principianti, non sono particolarmente affezionato al logo:
Non ho molto altro da dire al riguardo se non che non lo faccio per me. Riesco a vedere un'idea che potrebbe essere trasformata in qualcosa di veramente bello nelle mani di un talentuoso designer di logo, ma questo ha un aspetto amatoriale che sembra un po 'gettato insieme.
Ancora più importante del logo è ciò che il tuo sito mi dice di sé. Immagina di incappare in qualche modo su questo sito, cosa vedo? La parola? Tech? mi dà un suggerimento e vedo molte immagini di telefoni cellulari, quindi recensisci le app per dispositivi mobili? Dopo un'attenta ispezione, trovo una recensione dell'app per Mac, anche se Mac OS non è menzionato nel titolo né in nessuno dei tag associati.
Il mio punto è, non farmi lavorare per questo, dimmi solo cosa succede su questo sito. C'è un miglio di spazio vuoto in cima che chiede solo una tagline di qualche tipo. Anche solo l'inserimento di qualcosa nella barra del titolo della pagina del browser sarebbe un lungo cammino. Ad esempio, la barra del titolo di Gizmodo dice? Gizmodo, la guida dei gadget.?
Questo non è molto lungo e troppo mirato, usa solo alcune parole ben scelte per dirmi su cosa si concentra tutto il contenuto del sito.
usabilità
Per concludere, mi piacerebbe parlare di alcuni dei vari problemi legati all'usabilità che ho con il sito e come funziona.
Il sito utilizza molte tecniche Ajax, quindi il contenuto si carica senza sentirsi come un aggiornamento completo della pagina. Questo è un po 'carino e un po' fastidioso a volte a causa di problemi che si presentano.Per esempio, se vado alla home page e clicco su una delle storie in primo piano all'estrema destra, poi premo il pulsante indietro, mi dà un post generico casuale invece di riportarmi effettivamente dove volevo andare.
Inoltre, non sono pazzo per il feed principale. Nessuno dei contenuti del testo è vivo e selezionabile, un tratto che trasporta nelle finestre popup come la sezione Informazioni. Il feed inoltre non ha alcun tipo di effetto hover o modifica del cursore per indicare che tutto ciò che è contenuto è cliccabile.
Inoltre, piaccia o no, gli utenti si aspettano che il logo sia un secondo link per la home page. Ho cliccato su di esso una dozzina di volte nel corso di questa critica ed ero costantemente frustrato dal fatto che non fosse successo nulla.
Infine, penso che il? Tip noi? il pulsante è un po 'confuso. Potrebbe non essere un grosso problema, ma quando l'ho visto, il mio cervello ha immediatamente detto che stanno chiedendo soldi? e l'ho ignorato. Solo dopo un secondo o terzo sguardo ho notato che in realtà stavi chiedendo suggerimenti relativi alla tecnologia e non una donazione di qualche tipo.
Sommario
Per riassumere, Tech Cores è un sito di notizie di tecnologia ben strutturato che potrebbe utilizzare un sacco di tweaking. Quella architettura principale è spesso la parte più difficile di una riprogettazione importante quindi penso che da qui, i cambiamenti incrementali non saranno così difficili come sembrano. Prendete in considerazione un restyling di colore e consistenza, armatevi delle domande dei media e assicuratevi che il sito abbia un marchio chiaro, sia esteticamente che dal punto di vista della messaggistica.
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.