Web design e interfacce
Il design di un sito non serve a piacere: serve a far compiere un'azione. Un sito bello che non genera contatti ha fallito, per quanto premi possa vincere.
Questo non significa che l'estetica non conti. Significa che viene dopo: prima si stabilisce cosa deve succedere, poi si progetta perché succeda.
Le decisioni che contano davvero
La maggior parte delle discussioni sul design riguarda colori e caratteri. Le scelte che incidono sui risultati sono altre:
- Cosa si vede senza scorrere — i primi secondi determinano se il visitatore resta
- Dove sta l'azione — un pulsante raggiungibile da ogni punto della pagina converte più di uno solo in fondo
- Quante scelte si presentano — troppe opzioni producono nessuna decisione
- Cosa si legge davvero — le persone scansionano, non leggono. La gerarchia visiva decide cosa vedono
- Quanto è faticoso il modulo — ogni campo in più fa perdere una percentuale di chi compilava
Mobile-first non è una formula
Oltre la metà del traffico arriva da telefono, e in alcuni settori si supera il settanta per cento. Progettare prima per desktop e poi comprimere produce siti che su mobile funzionano male.
Partire dal telefono impone disciplina: lo spazio limitato costringe a decidere cosa è davvero importante. Quello che resta, poi, funziona anche su schermo grande.
L'accessibilità riguarda più persone di quante si pensi
Non solo chi ha disabilità permanenti. Riguarda chi ha sessant'anni e fatica a leggere caratteri piccoli, chi guarda lo schermo al sole, chi ha una mano occupata.
Le regole di base non costano nulla se applicate dall'inizio: contrasto sufficiente, aree di tocco adeguate, testi ridimensionabili, navigazione possibile senza mouse. Aggiungerle dopo costa molto di più.
Dalla grafica al codice, senza passaggi persi
Quando il design lo fa uno studio e lo sviluppo un altro, si perde qualcosa nel passaggio: dettagli non specificati, comportamenti non definiti, stati che nessuno aveva previsto.
Progettiamo e sviluppiamo internamente. Il design nasce già sapendo come verrà costruito, e il codice rispetta quello che è stato progettato.
Cosa comprende
- Analisi degli obiettivi e dei percorsi utente
- Wireframe e struttura delle pagine principali
- Progettazione grafica mobile-first
- Design system con componenti e regole documentate
- Verifica di accessibilità WCAG
- File sorgenti consegnati al cliente
- Sviluppo del sito se richiesto
- Conversione da Figma o da PSD se il progetto esiste già
Il design è una fase della realizzazione siti web.