Il design strategico: costruire siti di successo in 6 passaggi
Il Web Design non è un’arte. E’ un’insieme di diverse specializzazioni – dal copywriting alla tipografia al layout e la grafica – tutte fuse insieme per creare un’interfaccia che non solo si distingue per un’estetica elegante, ma che comunica funzionalità e facilita un accesso comodo e facile al suo contenuto.
Per mettere insieme queste elementi di Web Design e raggiungere risultati importanti bisogna avere una direzione chiara, una direzione che possa essere di riferimento per ogni aspetto del design, attraverso un obiettivo comune. Bisogna pensare in maniera strategica.
Cos’è il design strategico?
Il design strategico è la fusione di vostri obiettivi di organizzazione con ogni singolo aspetto del processo di design. Non state semplicemente creando un’interfaccia bella e funzionale. State creando un’interfaccia che vi aiuterà a raggiungere gli obiettivi dell’azienda.
Ci sono anche fin troppi siti con una veste grafica notevole e pieni di tutte le ultime tecnologie, ma che falliscono miseramente nel proprio scopo principale. Gli ultimi trend nel design sono importanti perchè forniscono sempre un’ispirazione al passo con i tempi e nuove tecniche, ma la loro implementazione deve essere intelligente ed oculata. Ad esempio, un blog non è una brochure pubblicitaria; è necessario concentrarsi sull’usabilità e la leggibilità piuttosto che sullo stile. Allo stesso modo, un sito web che promuove un gioco dovrebbe essere caratterizzato da una grafica e uno stile particolari, perchè in questo caso l’estetica gioca un ruolo molto importante.
Quando un designer crea un sito seguendo il trend del momento (ad esempio l’ormai abusatissimo Web 2.0) senza pensare assolutamente alle funzionalità e al business del sito stesso, difficilmente il risultato finale potrà soddisfare le sue aspettative.
Il Web Design è tutto lì: creazione di un’interfaccia che comunichi funzionalità, usabilità e accessibilità, tutto condito con uno stile che lasci il segno. Un Web Design efficace ha bisogno che tutti questi elementi siano in linea con gli obiettivi del sito e dell’azienda stessa che commissiona il sito. Il design strategico è la ricerca di questi obiettivi per usarli nel proprio design.
Implementazione del design strategico
Ora vediamo in 6 passaggi come pensare strategicamente su un progetto di Web Design:
1. Stabiliamo i nostri obiettivi
Una delle prime operazioni da fare in fase di startup di un progetto di Web Design è essere chiari sugli obiettivi del cliente o dell’azienda. Cosa pensate di raggiungere con questo nuovo sito web? Qual è lo scopo principale del sito? Chiedete al vostro cliente, al vostro manager o a voi stessi. Se le risposte non sono ancora chiare, allora bisognerà discuterne e mettere dei punti fermi. E’ necessario avere una direzione chiara per poter dare uno scopo al nostro design.
Ricordate che un sito web non è un’opera d’arte; è un’interfaccia che fornisce una funzionalità. Questa può essere vendere prodotti, fornire contenuto informativo, divertire, informare o fornire accesso ad un servizio. Qualunque sia la funzionalità, il design deve essere studiato per supportarla totalmente. Gli obiettivi sono importanti anche se state effettuando un restyling. Chiedetevi perchè state effettuando un redesign: volete incrementare il numero di iscrizioni, diminuire il bounce-rate o aumentare la partecipazione degli utenti?
Diamo un’occhiata, ad esempio, al sito web del New York Times. La sua funzione è fornire contenuto informativo. L’intefaccia molto essenziale è perfetta per questo scopo. Al contrario, AdaptD è uno studio di Web Design, quindi l’obiettivo non è fornire informazioni ma stupire i visitatori con il design, mostrare una gallery dei lavori e pubblicizzare i servizi dell’azienda. In questo caso la grafica ha un ruolo molto importante, e AdaptD garantisce un’esperienza di navigazione bella e ricca di colori.
2. Identifichiamo la nostra audience
Identificare la nostra audience gioca un ruolo importantissimo per decidere come sarà il nostro sito web. Molte informazioni possono influenzare il nostro design, tipo l’età, il sesso, la professione e la competenza tecnica. Un sito web di un gioco per computer avrà un’audience giovanile e quindi uno stile diverso da quello di un giornale di business, decisamente più serio. L’usabilità in questo caso giocherà un ruolo più importante per un’audience meno giovane e meno tecnica.
Tutto questo non solo potrà influenzare l’estetica generale del sito ma determinerà anche molti dettagli, come la grandezza dei font, quindi è necessario conoscere bene l’audience che andremo a interessare.
Prendiamo ad esempio il re-design rockeggiante di jQuery. In questo caso il designer ha esagerato nel tentativo di creare sensazione, fallendo nell’interessare un’audience più seria e decisamente più tecnica. Da allora, la grafica rock è stata modificata con una molto più semplice e conservativa.
Il target del sito Disney sono i bambini. Qui lo scopo è di divertire e di coinvolgere, e il sito raggiunge questo scopo inserendo i contenuti in un’interfaccia colorata con molti elementi interattivi.
3. Determinare l’immagine brand
Molti designer oggi tendono a seguire troppo le mode grafico/tecniche del momento e perdono di vista qual è il tipo di immagine che serve davvero all’azienda. Pulsanti glossy, sfumature, riflessioni possono andar bene per taluni siti web, ma possono essere totalmente sbagliati per il nostro brand.
Pensiamo, ad esempio, ai colori. Pensiamo alle sensazioni e alle emozioni che vogliamo scaturire. Il nostro design dovrebbe rappresentare la personalità e le caratteristiche del nostro brand. Tutto ha un proprio brand: anche se non vendiamo un prodotto o forniamo un servizio – ad esempio, un blog – il vostro sito web sicuramente da delle sensazioni ai vostri visitatori. Dovete decidere voi quali emozioni dare tramite il design.
Carbonica è un sito web nato per aiutarci a ridurre le emissioni di carbonio nell’atmosfera. L’ambiente amichevole rappresentato nel sito web è caratterizzato da immagini di carta e texture, e da tonalità di verde terra e marrone.
Restaurantica è un sito di recensioni di ristoranti. Il design è basato su uno stile che rappresenta le informazioni sotto forma di un vero e proprio menu da ristorante.
4. Design basato su obiettivi
Abbiamo stabilito lo scopo del nostro sito, identificato gli obiettivi, il target e l’immagine brand. Ora possiamo procedere all’implementazione del tutto. Come possiamo sincronizzare il design con la nostra strategia? Vediamo questo esempio.
Supponiamo che il nostro obiettivo primario è incrementare il numero di iscritti al nostro servizio Web. Come può il design raggiungere questo obiettivo? Ci sono almeno tre elementi che fanno la differenza:
- Creiamo una sezione “Servizi” sulla nostra pagina principale quanto più chiara possibile. I nostri visitatori non devono poter dubitare neanche un secondo sulle funzionalità del nostro sito web.
- Usiamo colori e contrasto in modo da evidenziare il pulsante e/o il link di registrazione. Se gli utenti non lo trovano, difficilmente potranno iscriversi.
- Ripuliamo il processo di iscrizione, eliminando gli elementi superflui; gli utenti possono compilare queste informazioni aggiuntive in un secondo momento. Se il form risulta lungo potrebbe portare a noia e non verrà mai compilato.
Questi sono tre semplici consigli che possono aiutarci nel design a raggiungere l’obiettivo di aumentare il numero di iscrizioni al nostro servizio. Gli obiettivi possono cambiare, ma la strategia è sempre la stessa: focalizzare tutti gli elementi di design per raggiungere questi obiettivi.
La stessa strategia si applica anche al nostro brand e alla nostra audience: creiamo una grafica che si adatta ad entrambe. Se la principale caratteristica del nostro sito è il divertimento, allora creiamo un”esperienza”. Possiamo usare tutti i colori e le immagini per farlo. Al contrario, se stiamo creando un stio che è focalizzato sulle informazioni, tipo un blog o un magazine, allora l’attenzione maggiore va su usabilità e leggibilità. Creiamo un’interfaccia che possa scomparire e che non distragga l’utente nella lettura.
Stubmatic è un’applicazione di box-office online. Il sito web esterno ha due scopi: illustrare il servizio e invitare le persone ad iscriversi. I nuovi visitatori possono restare sul sito solo per pochi secondi, quindi per non perderli bisogna essere sintetici. Possiamo farlo in questo modo:
- Usiamo immagini grandi e diagrammi per illustrare le funzionalità base del nostro prodotto e/o servizio.
- Mostriamo screenshots della nostra applicazione. Le persone vogliono vedere com’è prima di effettuare un download o di iscriversi.
- Fornire un tour guidato, con esempi descrittivi di come questo servizio può aiutarci a risolvere un problema. Mostriamo anche un video; meno sforzi fanno gli utenti per capire, meglio è.
- Mettere ben in evidenza il link di iscrizione in tutte le pagine.
Per avere successo il nostro sito web deve fare l’uso migliore della poca attenzione che i visitatori possono dedicare in fase di navigazione, non solo informando ma anche educando gli stessi utenti su cosa fa realmente il prodotto, e vendendo bene i benefici che può portare. Stubmatic usa elementi di design in maniera efficace per raggiungere questi obiettivi.
TechCrunch è un dei più popolari blog tecnici. Il restyling recente ha rimosso ogni singolo elemento grafico inutile dalla pagina. Ciò che è rimasto è solo il contenuto, la pubblicità e la navigazione. Linee sottili e sfurmature di grigio delineano la struttura della pagina, l’interfaccia quindi p molto essenziale e tutto ciò da massimo risalto ai contenuti. Per un blog con molti articoli pubblicati in un solo giorno, questo stile è l’ideale perchè permette un’accesso facile e veloce al contenuto.
5. Analizziamo i risultati
Una volta disegnato e pubblicato il nostro sito web, dobbiamo analizzare il nostro successo. E’ importante quanto i primi due passaggi perchè senza questa analisi non sapremo mai se stiamo o meno raggiungendo i nostri obiettivi.
Se l’obiettivo è di incrementare il numero di iscrizioni al nostro servizio, misuriamolo e vediamo se i cambiamenti portano a risultati positivi. Se vogliamo incrementare i sottoscrittori del nostro blog, controlliamo le statistiche RSS. Se vogliamo incrementare il coinvolgimento degli utenti, controlliamo se ci sono più commeni o più post sui forum.
Possiamo anche richiedere un feedback direttamente agli utenti, e sarebbe un ottimo modo per vedere se siamo sui binari giusti. Facciamo però attenzione a non implementare ogni singolo consiglio che ci verrà dato. Ognuno ha un proprio gusto, quindi le opinioni saranno certamente diversificate. Se decidiamo di collezionare i feedback, cerchiamo allora schemi comuni e partiamo da quelli per un’analisi.
Lo studio completo dell’analisi statistica del nostro sito web non è argomento di questo articolo, la cosa importante è che ci sia la possibilità di verificare il raggiungimento o meno dei nostri obiettivi primari. E’ un’informazione essenziale per capire se siamo sulla strada giusta.
6. Kaizen
Esiste una filosofia giapponese chiamata “Kaizen”, che si concentra sul miglioramento costante usando piccoli passi. Quando lavoriamo sul nostro sito web, dovremmo pensare in maniera Kaizen, perchè la versione che abbiamo pubblicato non è la versione finale. Non ci sarà mai una versione finale.
Possiamo sempre implementare miglioramenti, e la natura stessa di un sito web ci permette di farlo in qualunque momento. Questo perchè un sito web non è una rivista che stampiamo e vendiamo: una volta che una rivista è nelle nostre mani, non possiamo fare nessun cambiamento e nessuna correzione. Un sito web, invece, è pubblicato su un server: se c’è un errore , possiamo correggerlo. Allo stesso modo possiamo introdurre miglioramenti graduali e aggiornalo per renderlo sempre più efficace nello svolgere la propria funzione.
Usando i risultati della nostra analisi, possiamo identificare le aree con i maggiori problemi. Magari i nostri utenti non riescono a trovare il link RSS, oppure il bounce-rate è troppo alto oppure una pagina importante non riceve abbastanza visite. Qualunque sia il problema, esisterà sempre un modo per migliorare.
