Share
I progetti variano per portata e dimensioni e le sfide che comportano variano allo stesso modo. Come web designer solitario, il più grande lavoro di cui sono responsabile è FlashDen. Insieme a migliaia di membri attivi che chattano, caricano e acquistano, il sito elabora grandi quantità di denaro e grandi quantità di traffico.
Progettare, ridisegnare, mantenere e lavorare con un team di sviluppatori mi ha fornito alcuni utili spunti e suggerimenti per semplificare la vita. E da oggi abbiamo lanciato la mia ultima riprogettazione del sito, mi sembra un buon momento per scrivere i miei 7 migliori consigli!
Il primo e più grande consiglio che posso dare è di progettare il sito in modo che sia facile da mantenere. Spesso, quando si progetta un sito, è possibile sacrificare le cose per l'estetica. Ad esempio, potresti usare immagini in cui il testo o gli stili sarebbero sufficienti. Oppure potresti deliberatamente scegliere una struttura di menu che non ha spazio per crescere. Quando il sito è grande, diventa una pessima idea.
Quando ho costruito la primissima versione di FlashDen quasi due anni fa, ho usato le immagini per i pulsanti. Sembravano davvero belli, ma mi sono ritrovato con una libreria di 100 immagini di pulsanti diversi, per non parlare dei rollover. Poi, nei prossimi due mesi, ogni volta che uno sviluppatore aveva bisogno di un nuovo pulsante, dovevano chiedermi di creare un'immagine. Inutile dire che ho imparato la lezione abbastanza rapidamente, e siamo passati a una lezione con un solo pulsante che forse non sembra altrettanto buona, ma è molto meglio per la pace della mente.
Un altro aspetto della manutenibilità è pensare a come il sito crescerà e cambierà. Ad esempio, quando vengono aggiunte nuove pagine, dove vanno? All'inizio volevo avere una navigazione orizzontale, ma questo è davvero limitato. Dopo alcuni esperimenti, abbiamo finito con l'utilizzo di un navigatore verticale, tenendo conto degli elementi del sottomenu, e in aggiunta abbiamo aggiunto una struttura a schede nelle pagine per consentire il raggruppamento delle pagine correlate. Non sto dicendo che sia la migliore navigazione del mondo, ma certamente significa che non stiamo riprogettando ogni volta che una nuova sezione viene aggiunta al sito!
Quindi, nel progettare un sito grande, cerca modi per rendere la vita più semplice in seguito, perché sarai felice di averlo fatto!
Una delle maggiori differenze tra un sito grande e uno piccolo è il numero di diversi tipi di utenti che potrebbero utilizzare il sito. Ad esempio, su FlashDen, ci sono acquirenti, autori, visitatori, amministratori e membri. Ogni gruppo ha un diverso insieme di obiettivi e compiti che devono svolgere. A volte questi compiti si sovrappongono, ma a volte sono piuttosto diversi.
L'esempio migliore di un luogo in cui le attività dell'utente sono in conflitto tra loro è su una homepage. Da nessun'altra parte di un sito convergono tutti i gruppi di utenti, e da nessun'altra parte è così vitale assicurarsi che tutti ottengano ciò che vogliono. E, ovviamente, devi stare attento che nel servire un gruppo di utenti non ne stai ignorando un altro.
In questa ultima riprogettazione di FlashDen, l'area più grande su cui ho lavorato è stata la homepage. La prima cosa che ho fatto è stata elencare a me stesso tutte le cose che ogni gruppo di utenti deve fare:
Quando sai cosa vogliono fare i diversi gruppi di utenti, puoi progettare una pagina che risolva tutti i loro bisogni. Inutile dire che questo è un compito che diventa esponenzialmente più difficile più gruppi e compiti ci sono. Su altre pagine del sito, è spesso necessario preoccuparsi di un sottoinsieme di gruppi di utenti, ma nella home page convergono tutti. Non a caso, la homepage è il pezzo più importante del lavoro di progettazione che devi fare su un sito.
Prima di poter risolvere le diverse esigenze, però, è necessario dare la priorità ai gruppi di utenti, e per fare ciò, è necessario capire cosa sta cercando di raggiungere il sito.
Sebbene ogni gruppo di utenti si senta naturalmente il più importante, spetta a voi stabilire le priorità in base a ciò che il sito stesso sta cercando di raggiungere. Ad esempio, su FlashDen, dopo esserci seduti con il team, abbiamo tratto alcune conclusioni come segue:
Di conseguenza, è possibile concludere che la home page ha bisogno di utenti server in questo ordine: Visitatori> Acquirenti> Autori> Membri> Amministratori.
Capire cosa il tuo sito sta cercando di ottenere è il thread finale che cuce insieme le attività dell'utente e ti dice cosa dovresti provare a mettere sulla pagina. Idealmente, su ogni pagina chiave, è necessario identificare i gruppi di utenti, i compiti e le priorità. Per una pagina vitale come la home page, lo faccio formalmente sulla carta, e per le pagine minori spesso lo faccio semplicemente nella mia testa durante la progettazione.
È solo dopo hai capito gruppi di utenti, attività, obiettivi del sito, priorità e così via che è ora di progettare! È davvero fondamentale farlo per primo perché, a livello pratico, riduce drasticamente le probabilità che tu abbia intenzione di tornare indietro e rifare il tuo progetto. Ogni volta che ho appena iniziato a progettare un grande sito senza analizzarlo prima, ho inevitabilmente dovuto rielaborare molti schermi o anche un'intera interfaccia.
Un sacco di designer amano usare wireframe a questo punto, cioè semplicemente stendere un mucchio di linee e scatole che indicano approssimativamente dove le cose dovrebbero andare. Personalmente, preferisco lavorare in Photoshop sin dall'inizio perché sono abbastanza veloce e mi permette di vedere veramente cosa succederà. Penso anche che ci sia di più nella progettazione delle informazioni rispetto a dove qualcosa appare in una pagina. La semplice modifica dei colori e dei colori di sfondo può rendere improvvisamente più importante un elemento della pagina più in basso nella pagina.
Una volta che hai un'idea approssimativa di come le informazioni devono lavorare insieme, dovresti trovare un progetto funzionante che sia generalmente OK, quindi perfezionare, perfezionare, perfezionare. Spesso finisco con cinque o sei versioni dello stesso look, in cui ho provato a variare cose diverse come dimensioni dei tipi, immagini, modifiche al layout, sfondi e così via, per vedere come influenza le informazioni che stai presentando.
Non importa quanto tu sia bravo a pensare che sia il primo layout, posso garantire che dopo aver trascorso più tempo e ottenuto più versioni, avrai scoperto che il tuo originale non era proprio bello come prima pensavi. A volte finisci per buttare via l'intero disegno e ricominciare da capo, ma se hai una buona base, la rifinitura dovrebbe portarti ad un ottimo finale.
In ogni grande lavoro, avrai molte altre opinioni coinvolte. Nella maggior parte dei casi queste saranno le opinioni del tuo cliente. Prima di avviare FlashDen, lavoravo con tutti i tipi di società che costruivano siti web. Tra questi, ho avuto la sfortuna di progettare per diverse grandi compagnie assicurative e alcune organizzazioni governative. Dico sfortuna perché quando arrivi a quella dimensione di cliente hai a che fare con un lotto delle parti interessate, e in molte situazioni non è chiaro dove risieda il vero potere di prendere decisioni. Ciò può comportare incontri senza fine, cambiamenti infiniti e un alto grado di difficoltà per portare a termine la tua visione.
Qualunque sia il cliente, è molto importante avere le loro opinioni. A parte tutto, nella maggior parte dei casi sanno molto di più sull'azienda di te. Spero che sappiano di più sugli utenti di te, e con questa conoscenza saranno in grado di dare consigli costruttivi.
È anche importante avere l'opinione del team di sviluppo con cui si sta lavorando. In FlashDen, abbiamo la fortuna di avere due sviluppatori che hanno molta esperienza nella progettazione e nell'usabilità dell'interfaccia utente. E il loro contributo, insieme al resto del team, ha fatto molta differenza nel prodotto finale.
Ma alla fine, spetta a te, in qualità di designer esperto, di presentare l'ultima chiamata. Se hai un cliente difficile, questo può essere complicato, perché un cliente spesso crede di dover effettuare le chiamate finali. In tal caso, è necessario (a) trovare i modi per spiegare, istruire e mostrare al cliente che le proprie scelte sono a loro vantaggio; e (b) a volte morde il proiettile e accetta le direttive del cliente come ulteriore vincolo nel progetto, e trova i modi per farlo funzionare.
Quando stai programmando un progetto per un grande sito, è davvero importante pensare ancora al futuro. Il modo in cui gestisci i tuoi file e cartelle ti influenzerà molto più tardi. Ad esempio, recentemente abbiamo deciso di creare un sito gemello per FlashDen che si concentra solo sull'audio, chiamato AudioJungle. Per semplificare le cose, il sito eseguirà lo stesso codice HTML, con solo fogli di stile per farlo sembrare un sito diverso. Uno sviluppo del genere solleva ogni sorta di nuove sfide alle mie strutture di file e cartelle, ai miei fogli di stile e al mio HTML. Ecco alcune cose da tenere a mente:
Più grande è il sito, meno è probabile che un designer possa vedere o modificare ogni singola pagina. Se sei un singolo designer in un grande sito, come me, allora potresti anche non voler essere chiamato per tutto. Quindi vale la pena di creare un foglio di stile che quasi automaticamente rende le cose belle. Per esempio:
E questo di default avvolge il testo con un piccolo bordo attorno ad esso e un titolo. È facile per uno sviluppatore lavorare e fa un buon lavoro nel separare il testo e renderlo più leggibile. Abbiamo anche un componente della barra laterale, che è solo un altro pacchetto per contenuti di testo extra, ma che di nuovo rende la pagina più visiva.
Naturalmente, è ottimale se ogni pagina passa attraverso un designer, ma è anche molto meno stressante sapendo che anche se non lo fanno, sarà comunque un aspetto professionale e uniforme.
Quindi quelli sono i miei consigli. Se hai dei tuoi da lavorare su siti più grandi, lascia un commento!
Accentsconagua