it
English Español Deutsch Français Italiano Português (Brasil) Русский 中文 日本語
Invia il post
Torna ai giochi
Amplia le tue conoscenze:
Web design

Web Design: Linee Guida per il 2019

66
Wow-Score
Il Wow-Score mostra il livello di interazione del posto di un blog. Si calcola sulla correlazione tra il tempo di lettura attivo degli utenti, la loro velocità di scrolling e la lunghezza dell'articolo.

Web Design: Linee Guida per il 2019

claudio lanaro
Web Design: Linee Guida per il 2019

Se stai leggendo questo post immagino che tu voglia conoscere le tendenze del 2019 in termini di web design. Sei alla ricerca di nuovi trend per poter modificare il tuo sito, il tuo blog o magari sei un consulente e vuoi consigliare al meglio i tuoi clienti portandogli dei risultati tangibili grazie alle tue scelte.

Bene, posso anticiparti che ci sono 3 accortezze grafiche che quest'anno sicuramente andranno alla grande e che potranno fare la fortuna di un sito facendolo apparire all'avanguardia e in linea con i design dei grandi brand.

Maggiori info UI: 5 errori di design e usabilità - L'esempio pratico delle chiavi dell'auto Post Enrico Maioli

Prima di elencarti, però, queste tre soluzioni da implementare quanto prima, voglio farti seguire un ragionamento. La grafica web che funziona non è come la "moda" delle passerelle di Milano, non si sveglia uno stilista che dice "da oggi vanno i siti one page"; la grafica web segue una regola principale: come deve essere il mio sito per favorire la User Experience ed essere indicizzato nei motori di ricerca?

Per questo motivo, le soluzioni che andrò a suggerirti non sono semplici scelte stilistiche, ma intuizioni funzionali che porteranno il tuo utente a sentirsi a suo agio sul tuo sito e quindi a farti posizionare meglio nei motori di ricerca. 

Bene, se cerchi una domanda a queste domande, sei arrivato sull'articolo giusto, continua a leggere e saprai quali sono le 3 soluzioni di web design che guideranno il 2019. Prima però chiariamo 2 presupposti fondamentali nella progettazione di un sito web:

Speed

Nel mondo della connessione, di Internet, dell'informazione digitale, la velocità è la chiave! Vogliamo tutto e lo vogliamo subito. Di qualsiasi cosa abbiamo bisogno, Internet e il web ci aiutano a orientarci e ci danno risposte alle nostre domande e lo fanno in pochissimo tempo. Più passa il tempo e meno pazienza abbiamo, ci stiamo abituando ad avere tutto il mondo a portata di qualche click. Nelle conferenze dei venditori c'è un mantra che si ripete fino allo sfinimento:

Non c’è una seconda occasione per fare una buona prima impressione

3 secondi è il tempo medio che un utente aspetta affinché si carichi il sito che sta cercando e quando questo non avviene si verificano 2 scenari:

  1. Sbuffare, aspettare comunque, ma partire con diffidenza;
  2. Fare click sul pulsante "indietro" e andare sul sito subito successivo al tuo! Probabilmente il tuo competitor.

La velocità di caricamento di una pagina web può fare la differenza tra: vissero per sempre felici e clienti a "sì, mi sembra di averlo visto quel sito, ma non c'era niente di interessante".

Maggiori info Come velocizzare un sito web lento? Post Carlo Pandian

Questo come ci aiuta nella nostra ricerca del design web perfetto? I siti web devono caricarsi il più velocemente possibile, il web design deve dare la priorità alla velocità di caricamento già dalla progettazione del sito stesso. Non basta più, ma aggiungo io non è mai stato sufficiente, affidarsi a designer che ci creano un bel sito da un bell'aspetto, il web design perfetto nasce dall'unione di Design accattivante e "bit sostenibile".

Addio quindi a foto gigantesche, video non compressi, javascript e animazioni pesanti.

Aspetta, non sto dicendo che nel 2019 diremo addio a video e immagini, anzi, ma quest'anno saranno incorporati in modo tale da non rallentare i tempi di caricamento del sito.

Da Mobile Friendly a Mobile First

Sei alla ricerca di un preventivo per un sito? Se trovi scritto Mobile Friendly o Responsive, lascia perdere!

Ora mi spiego. Nel 2019 dire che un sito sarà Responsive, significa non essere al passo con i tempi. Ok, queste affermazioni sono un po' forti, ma voglio essere così drastico perché bisogna avere chiaro un concetto: Mobile is the King.

Nelle mie attività di consulenza l'ho sentita decine di volte, capita sicuramente anche a te o forse sei tu a pensare del tuo mercato questa frase: No vabbè ma il mio cliente guarda il sito da pc. La risposta a questa domanda la da Google: il 71% del traffico internet è da Mobile. Non esiste nessuna categoria di sito che sia fruita maggiormente da desktop. Ti vedi più spesso a casa a navigare davanti al pc o seduto sul divano a fare ricerche su mobile e cellulare? Per esserne ancora più sicuro puoi verificare il traffico che arriva al tuo sito da mobile con il tool Analisi traffico di SEMrush.

Design sito responsive: analisi del traffico da mobile

Analizza il tuo traffico mobile

con Analisi traffico di SEMrush

Please specify a valid domain, e.g., www.example.com

Questo con il design cosa c'entra? Qualche anno fa i siti venivano progettati per desktop e adattati a un utilizzo mobile, la chiave vincente ora è progettare il sito per l'utente mobile e successivamente creare una versione per l'utente desktop. Pensare il sito in questo modo non ti aiuterà solo a soddisfare il tuo cliente offrendogli l'esperienza migliore sul device che utilizza di più, ma non è notizia di oggi quella che vede i motori di ricerca favorire i siti mobile addirittura con liste di risultati di ricerca diversi.

Progettare in questo modo, dunque, ti aiuterà a raggiungere un miglior ranking SEO.

Queste sono le chiavi principali che guideranno il web design del 2019, e ora ecco i 3 Must Do's del 2019.

Le 3 linee guida per il Web design nel 2019

1. Asymmetrical Layouts

Nel 2019 la tendenza del web design riguarda il pensare fuori dalla... griglia. I design asimmetrici stanno lasciando il segno in questo inizio d'anno, il restyling di molti brand, infatti, è segnato da questa nuova spinta.

Perché se il design deve essere minimalista e il nostro utente è distratto, creare delle asimmetrie di layout ci aiuta a recuperare l'attenzione.

Sai cos'è la cecità da disattenzione? Il nostro cervello è molto attivo e reagisce all'ambiente che ci circonda pre-elaborando le informazioni: seleziona, sceglie e rinforza quello che vuole farci vedere. Per dirigere l'attenzione in maniera volontaria su stimoli di maggiore interesse, possiamo usare contrasti e discrepanze che creano un evento inatteso, richiamando l'attenzione.

Esempio web design asimmetrico per il 2019

Per questo motivo, le giuste asimmetrie inserite nel posto giusto, possono attirare l'attenzione del nostro utente che altrimenti avrebbe semplicemente "scrollato verso il basso". Quindi via libera a gerarchie di asimmetria, posizionamenti insoliti degli elementi in pagina, stratificazioni di colori, motivi irregolari e uso dello spazio in maniera creativa.

Design asimmetrico sul sito di Dropbox

Samsung: esempio di sito con design asimmetrico

2. Addio Lato

Ancora non ci credo veramente, ma probabilmente il 2019 sarà l'anno nel quale saluteremo il Lato. No, non sarà così, ma in un design che diventa sempre più semplice e chiaro, la tipografia ritrova le sue "grazie". I caratteri sans-serif vengono sempre più considerati senz'anima, quindi una tipografia personalizzata sta diventando il must have dei grandi brand.

Esempio di web design con tipografia personalizzata

Nei Brand Book trovano spazio indicazioni per il tipo di carattere da utilizzare sul web, e una tipografia particolare e specifica può aiutare a dare un'identità a un sito, soprattutto quando contrapposta a un design minimalista e privo di "fronzoli".

3. Micro Animazioni

Puliti, creativi, semplici, veloci, ma non dimentichiamoci che con il nostro sito parliamo a degli utenti e, si spera, a nostri futuri clienti. Per questo motivo nel 2019 le micro-animazioni possono creare un'esperienza unica di interazione con l'utente mentre naviga.

Non parlo del semplice cambio di colore su un pulsante, parlo di vere e proprie interazioni che possono invogliare l'utente a "provare" il nostro sito. Lo spostamento di oggetti inoltre aiuta a mantenere l'attenzione dell'utente e, se fatte bene, creano una piccola esperienza che resterà nella mente dell'utente.

Siti web con animazioni per stimolare l'utente

Un piccolo trucco che puoi utilizzare sul tuo sito? Se per vari motivi il caricamento delle pagine del tuo sito dura più di 3 secondi, prova a implementare una micro-animazione di caricamento, non la classica rotellina che gira su se stessa. Così facendo puoi trasformare un punto debole in una particolarità.

Cosa ne pensi dei trend di Web design che ho individuato per il 2019?

Ne hai altri da suggerire? Aspetto i tuoi consigli, commenti e perché no, le tue perplessità!

claudio lanaro
Pro

Fa ottime domande e dà risposte brillanti.

Creare è dare un mondo alle proprie idee. Ho imparato da subito che mettere la mia creatività a
disposizione di una strategia diventa una chiave vincente che sui libri di economia
chiamano marketing, così dopo aver lavorato su diversi set cinematografici e pubblicitari sono diventato un web marketing manager in diverse aziende multinazionali e ho effettuato attività di docenza in corsi di scrittura creativa e per il web, ho deciso di diventare imprenditore portando avanti un progetto di crescita personale.
Amplia le tue conoscenze:
Web design
Condividi il post
o

Commenti

2000
Alessandro Frangioni
Maestro

Un veterano della community.

Ottimi suggerimenti!
Luca Carchesio
Esperto

Offre preziosi consigli e dà profondità alla conversazione.

Ciao Claudio, personalmente adoro le tendenze del 2019 che aprono le porte definitivamente ad animazioni con svg e css3, stupendi font, "pulsanterie" a prova di miope e illustrazioni "humans". Il tutto, lato mobile, porta davvero una ventata di freschezza e soprattutto usabilità. Grazie per il tuo articolo..

Invia un feedback

Your feedback must contain at least 3 words (10 characters).

Useremo questa email solo per rispondere al tuo feedback. Informativa sulla privacy

Thank you for your feedback!

Sistema di ranking nella community

Il punteggio della Community SEMrush riflette il livello di riconoscimento professionale nella nostra community. Apprezziamo i contributi di qualità: i membri con il punteggio più alto riceveranno preziosi incentivi. Partecipa alle discussioni, scrivi post e parla nei webinar, adotta un tono amichevole, cerca di essere sempre d'aiuto, e arriverai al vertice delle classifiche.

  • Nuovo arrivato
    Si è appena iscritto o è troppo timido per dire qualcosa.
  • Entusiasta
    Ogni tanto prende parte alle conversazioni.
  • Aiutante
    Un membro esperto, sempre lieto di dare una mano.
  • Maestro
    Un veterano della community.
  • Pro
    Fa ottime domande e dà risposte brillanti.
  • Esperto
    Offre preziosi consigli e dà profondità alla conversazione.
  • Guru
    Un grande saggio del marketing digitale.
  • Superstar
    Sa tutto... o quasi.
  • Leggenda
    Arrivare fin qui non è affatto semplice.