Un concorrente appare curato su ogni schermo. Un altro sembra affollato e datato, anche se entrambi vendono servizi simili. La differenza di solito dipende dal processo di design e dalle abitudini che ci stanno dietro. La noti subito, anche se non sai ancora nominare ogni regola.
Il processo di design va dalla ricerca e dagli obiettivi fino a schizzi, feedback e rifinitura finale. Questo capitolo spiega che cosa significa in parole semplici, perché incide sul tuo sito e sul tuo marketing e come applicarlo senza perderti nel gergo. Vedrai anche come la grafica rientri nello stesso quadro. Procediamo passo dopo passo.
Come funziona il processo di design
Il processo di design va dalla ricerca e dagli obiettivi fino a schizzi, feedback e rifinitura finale.
I wireframe stanno spesso a metà strada tra le idee abbozzate e il design visivo completo.
Un processo di design chiaro evita rifacimenti costosi a progetto avanzato.
Le fasi che puoi usare in qualsiasi progetto
Scrivi obiettivi, pubblico e sezioni necessarie prima di aprire uno strumento di design.
Prima viene la ricerca, poi un layout di massima, poi la rifinitura visiva. Passare subito a colori e caratteri di solito costringe a rifare il lavoro.
Wireframe e struttura si collegano direttamente a cos'è un wireframe e a buoni esempi di design di siti web in questo modulo.
Una checklist pratica da usare oggi
Scrivi obiettivi, pubblico e sezioni necessarie prima di aprire uno strumento di design.
Quando rivedi una pagina, chiediti se il processo di design si nota già al primo scorrimento su smartphone. In caso contrario, riordina le sezioni prima di rifinire i dettagli.
Salva gli screenshot prima e dopo ogni modifica, così capisci che cosa ha fatto davvero la differenza per il processo di design sul tuo sito.
Condividi questa checklist con chiunque aggiorni il tuo sito, così la grafica resta coerente sulle nuove pagine.
Scegli una metrica da tenere d'occhio questo mese, come il tempo sulla pagina o gli invii dei moduli iniziati, così le modifiche al design si collegano ai risultati dell'attività e non solo al gusto.
Come questo tema si collega al resto del tuo marchio
Le scelte visive raramente restano su una sola pagina. I wireframe stanno spesso a metà strada tra le idee abbozzate e il design visivo completo.
I tuoi post social, le tue email e i materiali stampati dovrebbero richiamare la stessa gerarchia, gli stessi colori e le stesse regole tipografiche che usi sul web.
Quando l'aspetto del marchio si sfilaccia, i clienti avvertono una stonatura sottile anche se non sanno spiegarla.
Usa il design sbagliato di un sito web per confrontare appunti con un capitolo collegato di questo modulo.
Un processo di design chiaro evita rifacimenti costosi a progetto avanzato.
Domande che molti trascurano
Termini secondari come cos'è la grafica e cos'è un wireframe ti aiutano a cercare esempi più approfonditi e a confrontare il tuo lavoro con gli standard più comuni.
I wireframe stanno spesso a metà strada tra le idee abbozzate e il design visivo completo.
Scrivi una modifica con un prima e un dopo che metterai alla prova su una pagina online questa settimana. Piccole modifiche misurate valgono più di piani vaghi.
Insegnare al tuo team un vocabolario comune sul processo di design riduce i giri di revisione con designer e agenzie.
Strumenti che rendono più facili gli aggiornamenti visivi
Per sistemare molti problemi di layout e di stile non serve codice su misura. Un editor visivo ti permette di regolare spaziatura, colori e tipografia mentre guardi l'anteprima su smartphone e su computer.
WEMASY include un creatore di siti con modifica visiva, così puoi pubblicare le modifiche senza aspettare uno sviluppatore per ogni ritocco. Apri il creatore di siti quando sei pronto a mettere in pratica quello che hai imparato.
Quando pubblichi gli aggiornamenti, rileggi cos'è un wireframe e buoni esempi di design di siti web, così il modulo resta collegato nella tua mente.
Ora hai una lente di lettura pratica per il processo di design. Usala quando controlli il tuo sito, approvi materiali di marketing o dai istruzioni a un designer. Continua con buoni esempi di design di siti web e il design sbagliato di un sito web per mantenere lo slancio in questo modulo.
Domande frequenti
Quanto tempo ci vuole per migliorare il processo di design?
Con poche sessioni mirate la maggior parte delle piccole imprese ottiene pagine più chiare, una volta applicate le basi di questo capitolo. Parti dalla home page, poi estendi le stesse regole alle pagine dei servizi e dei contatti.
Serve un designer per lavorare sul processo di design?
Un designer aiuta nei rebranding complessi, ma molti interventi sul processo di design si possono fare da soli, una volta che sai che cosa guardare. Usa cos'è un wireframe insieme a questo capitolo per avere indicazioni collegate.
WEMASY può aiutarti ad applicare il processo di design al tuo sito?
WEMASY include un editor visivo nel creatore di siti, così puoi cambiare layout, colori e tipografia senza codice. Apri il creatore di siti per aggiornare i modelli e vedere l'anteprima delle modifiche su smartphone.
Qual è l'errore più comune nel processo di design?
Molti cercano di sistemare tutto in una volta invece di procedere una pagina alla volta. Scegli una sola priorità, come la leggibilità o il contrasto, poi consulta buoni esempi di design di siti web per il miglioramento successivo.
Che legame c'è tra il processo di design e la SEO?
Una gerarchia visiva chiara e un testo leggibile tengono i visitatori più a lungo sulla pagina, e questo sostiene i segnali di coinvolgimento che i motori di ricerca osservano. Abbina le correzioni di design a una buona struttura dei contenuti per ottenere i risultati migliori.
Che cosa studiare dopo il processo di design?
Continua con cos'è un wireframe e buoni esempi di design di siti web in questo libro, per costruire un sistema visivo completo per il tuo marchio online.