Qui a Design Shack offriamo un servizio semplice ma utile chiamato una critica del web design. È fondamentalmente un servizio di consulenza che puoi sfruttare per un pazzo prezzo economico in cambio di lasciarlo postare sul sito come strumento educativo.
Ho scritto personalmente fino a ottantacinque cinque di queste cose (# 85 verrà pubblicato più tardi questa settimana). Questo è un sacco di consigli sul design! Continua a leggere per vedere cosa ho imparato sul web design nel processo, sia dai buoni esempi che dai cattivi.
Critiche di Web Design
Quando qualcuno sottopone una pagina per una critica, la riverso, prendo nota di ciò che funziona bene, cosa potrebbe essere migliore e cosa deve essere risolto immediatamente. Quindi scrivo tutto come post di critica al web design.
? In realtà sto imparando da voi ragazzi tanto quanto voi da me !?È ovvio che sto usando queste critiche come strumento di insegnamento, ma quello che potresti aver perso è che non sto insegnando rigorosamente, in realtà sto imparando da voi ragazzi tanto quanto voi da me! È spesso che otteniamo un sito Web per la critica che è veramente fantastico, mentre analizzo e spiegando perché è così eccezionale, sto assorbendo tecniche, idee, schemi dell'interfaccia utente e altro ancora.
Dopo una ventina di queste cose ho notato che alcuni schemi e tendenze sono emersi, consigli che stavo dando ancora e ancora, luoghi in cui i designer tendevano ad essere forti e deboli, errori che spesso vengono fatti. Sessanta critiche dopo e ho molto da dire sulle aree in cui la maggior parte dei designer deve concentrarsi sul miglioramento.
1. La regola dei tre secondi
Se hai letto alcune delle critiche che ho scritto, avrai probabilmente notato che comincio sempre con quello che la mia prima impressione mi dice del sito. Quando carico quella pagina nel browser, cosa posso dire della pagina nei primi tre secondi?
? Cosa posso dire della pagina nei primi tre secondi ??Tre secondi che dici? A cosa serve? La risposta è che, come browser web, mi ci vogliono solo pochi secondi per decidere del tuo sito è quello che sto cercando, dopo di che ho preso la mia decisione se andrò avanti o approfondire ulteriormente.
Per alcuni designer, questa sfida porta a catturare l'attenzione dell'utente con qualcosa di appariscente da trascinare. Questa è una buona tecnica, ma potrebbe non essere appropriata per tutte le situazioni di progettazione. La verità universale qui è che dovrei sempre, al minimo, sapere chi sei e perché il tuo sito esiste in questi primi secondi.
Lo abbiamo visto ben fatto in Design Critique n. 66 con l'intestazione del sito di IdentyMe.
Sia la grafica che i messaggi si uniscono per creare un messaggio cristallino che è leggibile in un istante: questo sito ti consente di creare biglietti da visita virtuali.
Quando vediamo questo fatto bene, è difficile immaginare come qualcuno possa rovinare tutto, ma è molto più spesso il caso che i siti che ho criticato mi mancano il marchio in quest'area con messaggi vaghi. Dimentichiamo che quando siamo vicini a un progetto, spesso possiamo perdere di vista il fatto che non tutti sanno cosa significa tutto ciò che facciamo.
Dopo alcuni incontri, sai tutto sulle attività del tuo cliente e ti viene in mente che devi ancora spiegare a tutti gli altri cosa diavolo? La logistica di Smith? fa e ciò che il loro sito Web sta cercando di realizzare.
2. Design orientato agli obiettivi
La seconda cosa importante che ho imparato sul web design è che i progetti hanno molto più successo quando vengono affrontati con una serie ben precisa di obiettivi. La lezione precedente era in realtà solo un'estensione di questo: uno dei principali obiettivi di qualsiasi sito è comunicare il proprio scopo.
"È un po 'come essere un tassista che salta chiedendo al tizio sul sedile posteriore dove sta andando e invece guida in qualche posto casuale, sperando che riesca a farlo bene."Troppo spesso, i designer aprono Photoshop e iniziano a delineare idee a caso. Questo è un grande esercizio creativo, ma come metodo principale per costruire siti client, fa schifo. È un po 'come essere un tassista che salta chiedendo al tizio sul sedile posteriore dove sta andando e invece guida in qualche posto a caso, sperando che riesca a farlo bene.
Invece, ciò che deve accadere è che un insieme molto intenzionale di obiettivi dovrebbe essere elaborato da te e dal tuo cliente su ciò che speri di realizzare con il design. Questo dovrebbe accadere prima di scrivere una singola riga di codice o creare un singolo PSD.
Abbiamo visto questa idea messa in pratica in modo molto efficace in Web Design Critique # 61: Undead Kit. Dato che il sito stava vendendo un kit pensato per aiutarti a sopravvivere a un'apocalisse zombie in arrivo, c'erano due ovvi sotto-obiettivi che il sito doveva raggiungere.
Il primo era quello di mostrare cosa esattamente fosse nel caso in cui i potenziali acquirenti sapessero in cosa stavano andando a finire:
Il secondo sotto-obiettivo era spiegare come gli acquirenti avrebbero usato il loro kit per sopravvivere. Elencare gli articoli non è sufficiente, le persone hanno bisogno di vedere il beneficio di questi elementi nella pratica.
Come puoi vedere, entrambi questi obiettivi sono stati raggiunti attraverso fantastiche illustrazioni e semplici descrizioni di testo. Il progettista era ancora in grado di scioccare e flettere i suoi muscoli creativi, ma lo ha fatto in un modo che ha portato il sito in una direzione di successo.
3. Le tendenze del design sono come sfondi
Immagina la casa di tua nonna. Immagina tutte le cose lì dentro che indicano che la casa è di proprietà di qualcuno cresciuto in un'epoca diversa dalla tua: i gingilli di porcellana che adornano ogni scaffale, gli schemi cromatici che scricciano gli occhi e, naturalmente, la carta da parati. Strato su strato di carta da parati, un elemento di design primario (anche se ora abbastanza antiquato) nella stanza che cambiava ogni pochi anni per adattarsi alle ultime tendenze.
"Se dovessi staccare questi strati uno alla volta, viaggerei nel tempo."Le case di proprietà di vari membri della mia famiglia hanno sicuramente sacrificato il 5% della loro metratura a strati di follia della carta da parati. Se dovessi staccare questi strati uno alla volta, viaggerei nel tempo e vedrai vari modelli e colori che una volta erano considerati adatti a coprire una stanza, ma furono anni dopo sdegnati come un errore orribile e rimpiazzati da qualcosa che avrebbe solo servire per continuare questo ciclo incessante.
Rispetto allo sfondo, il web design è ancora agli inizi, ma siamo già arrivati abbastanza lontano da vedere che le tendenze del design qui operano sugli stessi principi. Afferra qualsiasi tendenza di design che sembrava così eccezionale cinque anni fa e probabilmente ora funge da qualcosa che risale a un sito.
Abbiamo visto questo in pratica con i modelli, le trame e gli effetti di smussatura utilizzati sul sito da Web Design Critique # 74:
Qui vediamo quello che un tempo poteva essere il design all'avanguardia, ma ora sembra semplicemente qualcosa di ben oltre il suo tempo. I web designer sono animali volubili e quando il mob si muove, ti muovi con esso o ti lasci indietro.
Anche se si tiene conto del fatto che il sito sopra ha un tocco volutamente retrò, il design non funziona ancora perché il modo in cui tiriamo fuori il retro si evolve nel corso degli anni!
? Moda, televisione, Hollywood, cibo, nulla sfugge alla portata della moda.?Potresti pensare che stare al passo con le tendenze del design moderno (o impostarne di nuove) sia sciocco, ma non è assolutamente così. Le tendenze del web design si evolvono come parte della tua cultura nel suo complesso. Moda, televisione, Hollywood, cibo, niente sfugge alla moda. Proprio come i lavoratori di tutte quelle industrie devono mantenere il passo o rischiare di diventare irrilevanti, lo stesso vale per i web designer.
Non mi credi? Trova qualcuno che non ha costruito un sito web dal 1999 e lascia che progettino il tuo nuovo portfolio. Le probabilità sono, tu scatto al pensiero.
4. Molti Web designer stanno ancora lottando con la tipografia
Negli ultimi due o tre anni, i web designer hanno completamente abbracciato la tipografia. Questa particolare area del design è andata ben oltre la tendenza di molti designer ed è diventata un'ossessione. Esegui una ricerca per? Tipografia? su Pinterest o Dribbble e vedrai innumerevoli esempi di straordinaria arte tipografica.
Combina questo con servizi come Typekit e Google Web Fonts, che portano bellissimi caratteri personalizzati sul Web, e vedi un settore che è cresciuto a passi da gigante in quest'area in un brevissimo lasso di tempo.
Detto questo, uno dei problemi che mi imbatto più spesso nel web design è la scarsa tipografia. Ciò richiede molte forme: poca conoscenza di come combinare efficacemente caratteri tipografici, scarsa scelta dei caratteri, brutta creta di Photoshop, ridimensionamento dispari, altezza della riga squished, ecc. Ecco un esempio tratto dalla Critique n. 73:
Potremmo concentrare la nostra attenzione su un pezzo di arte tipografica per ore e ore, ma quando stiamo lavorando a un progetto dal vivo, il tipo viene affrettato e spinto in diretta senza un'adeguata preparazione o esame. I bravi designer di stampa si lamentano degli esempi di kerning come quello sopra perché sanno che nel loro settore non si può tornare indietro. Una volta stampato, hai finito.
"I bravi designer di stampa si lamentano degli esempi di kerning come quello sopra visto che sanno che nel loro settore non si può tornare indietro. Una volta stampato, hai finito.?Con i web designer, la consapevolezza che tutto può essere facilmente aggiornato in qualsiasi momento può portare a lavori sciatti e affrettati. Prenditi il tempo per ottenere il tuo tipo giusto la prima volta.
5. Meno è più
Dal momento che ho esaminato questi 85 siti Web e suggerito modifiche che devono essere apportate, è onestamente un caso molto raro in cui la mia impressione è che la pagina sia troppo scarsa.
Invece, faccio sempre fatica a convincere i progettisti a capire che in realtà stanno provando troppo a riempire la pagina. Ciò si traduce in disegni ingombranti e testuali che nessuno impiega veramente il tempo a setacciare.
? Sto sempre cercando di convincere i progettisti a capire che in realtà stanno provando troppo a riempire la pagina?Il web è un luogo frenetico. C'è una ragione per cui il termine è formulato? piuttosto che? leggere il web.? Saltiamo rapidamente da un posto all'altro alla ricerca di qualsiasi cosa salti fuori e attira la nostra attenzione.
Le cose che lo fanno sono in genere semplici e attraenti con alcune affermazioni audaci e / o immagini che si distinguono da ciò che li circonda. Le pagine piene di disordine presentano un caso di sovraccarico di informazioni e passiamo rapidamente.
Considera l'esempio qui sotto dalla Critica n. 68:
Questa scatola non è affatto brutta, ma può essere resa più efficace eliminando la maggior parte del testo e aggiungendo in un piccolo contrasto tipografico:
Il tipo non è l'unica area in cui le cose devono essere semplificate. Considera questo esempio della Critique n. 77:
Questo è un classico esempio di semplice tentativo di spremere troppe cose in un piccolo spazio. Non pensiamo in modo critico all'organizzazione dei contenuti, ma ci concentriamo su un punto in cui abbiamo ancora un sacco di cose da includere e nessun posto dove metterlo, quindi ci limitiamo a stipare e il risultato è una brutta, inefficace confusione.
Cosa hai imparato?
Quindi ecco, cinque lezioni che ho imparato sul web design dalla scrittura di ottantacinque critiche. Ora è il tuo turno.
Leggi le nostre recensioni sul web design? Cosa hai imparato da loro? Come possiamo renderli ancora migliori? Lascia un commento e facci sapere.