2022 Tendenze di web design per ispirare il tuo prossimo progetto di sito web

C'è qualcosa che non va in TOO trendy?

Vedo che molti designer di siti Web si perdono, attirati dal design "super fantasioso", a scapito del fatto che i loro siti Web siano utilizzabili e funzionali.

“La maggior parte dei designer vive in una sorta di realtà alternativa, creando cose inutili l'una per l'altra. Poi diventano tendenze”. – Utente di Webflow Blazej

Oggi esamineremo 3 tendenze per il 2022: ciò non ti farà sacrificare l'usabilità del progetto del tuo sito Web, ma ti aiuterà a portarlo al livello successivo.

2022 Web Deisign Trend #1 – Ritagli di soggetti con sfondi colorati

Fai in modo che questa tendenza del sito web 2022 funzioni per te:

• L'uso di un'app "shape maker" come ShapeDivider.app può aiutarti a creare queste forme naturali se desideri una scorciatoia piacevole.
• La scelta dell'immagine perfetta sarà più importante per questi, poiché è facile anche "foto d'archivio" con molte immagini su Internet con sfondi bianchi.

2022 Web Design Trend #2 – Lavoro in bianco e nero

• La scelta di un altro colore oltre al bianco e nero può rendere il design POP!
• Avere meno colori con cui lavorare, rende davvero più semplice la progettazione di questi tipi di siti Web!
• Fai in modo che il colore funzioni per te, usalo per i pulsanti chiave e le cose su cui vuoi attirare l'attenzione.

2022 Web Design Trend n. 3 – Elementi di design fantasma

Fai in modo che questa tendenza del web design 2022 funzioni per te:

• Unisci un elemento che non vuoi necessariamente sporgere come un pollice dolorante.
• Crea un'estetica di fascia alta utilizzando questo aspetto più sottile.

Anni precedenti di tendenze del sito web

Amiamo i bei siti Web, incentrati sull'esperienza dell'utente e costruiti in un modo che sia allo stesso tempo elegante e senza tempo. La chiave è... non diventare TROPPO trendy in un modo che sarà fuori moda prima che tu possa dire "animazione di parallasse".

• Non saltare su ogni nuova tendenza.
• Tieni d'occhio ciò che è sia elegante che efficace.
• Ciascuna delle tendenze in primo piano di seguito avrà un piccolo estratto sul perché è elegante e uno separato sul perché – o se – è efficace.

Le prime tre tendenze di web design del 2020

1. Tipografia grande

Perché è elegante? In un mondo in cui tutti stanno inserendo più testo possibile nei loro progetti per soddisfare 200 parti interessate... se riesci a ridurlo a un messaggio chiave che è super breve e lo rende enorme: vinci.

È efficace: è molto efficace perché le persone sanno su cosa concentrarsi! Il problema con ogni pezzo di testo che ha le stesse dimensioni o solo piccole variazioni l'uno dell'altro, ovviamente, è che non è chiaro quale sia la parte più importante.

2. Eroe più piccolo, immagini di eroi più efficaci

Perché è elegante? Quanto è glorioso non coprire le tue bellissime immagini? Le persone lo adorano perché sembra coeso ed è meno probabile che tu abbia problemi con la stratificazione che sono difficili (esempi nel prossimo articolo).

È efficace: può certamente esserlo: il punto cruciale è che le immagini sono buone e aiutano davvero le persone a immaginare di trarre vantaggio dal tuo prodotto o servizio. Senza buone immagini, questo potrebbe semplicemente sembrare di cattivo gusto.

3. Elementi a strati

Perché è elegante? Proprio come nella moda, la stratificazione intenzionale è artificiosa: sembra intenzionale e quindi può sembrare molto bella.

È efficace: dipende davvero dall'elemento specifico. NON può davvero essere efficace se non ha la fotografia giusta, i giusti elementi di supporto, la giusta sovrapposizione per il contrasto o la giusta tipografia (funziona meglio con i caratteri più pesanti). Fai attenzione a non abusarne e ad usarla quando hai elementi solidi che funzionano insieme e "hai il controllo su di essi". Spesso un cliente potrebbe scambiare un'immagine che ora non funziona, quindi è importante che venga eseguita con i componenti giusti quando sai che non cambieranno spesso.

Altre menzioni d'onore:

Tipografia verticale : utilizzata per gli elementi dell'interfaccia utente, può dare una sensazione più intenzionale ai progetti.

Ritagli di forma organica - Anche l'esempio di Pops Diabetes sopra utilizza questa tendenza.

Immagini offset del 10% – Anche l'articolo Schaefco sopra presenta questo –

Ritagli tipografici - Ho visto alcuni fantastici esempi di questo. Una grande lettera in grassetto viene ritagliata da uno spazio bianco e talvolta contiene un video dietro, dando un effetto a strati davvero interessante.

Video su ogni pagina – Se fai video regolarmente, perché non crearne uno per ciascuno dei tuoi servizi chiave e includerli per aumentare il “tempo sul sito”? Ottimo per SEO e ottimo per i tuoi utenti che non hanno voglia di leggere. (Suggerimento: la maggior parte di noi preferirebbe guardare un video.)

Animazioni complementari leggere : le animazioni attirano l'attenzione, soprattutto se si muovono un po', ma assicurati di attirare l'attenzione delle persone sulla cosa giusta. Oppure assicurati che le animazioni siano effettivamente buone / abbiano uno stile che si abbini davvero al tuo marchio.

Più caratteri Serif: i caratteri Serif sono più facili da leggere! Sono felice di vedere i serif tornare nel 2020 e oltre!

Altri designer assumono 2020 Web Design Trends (crowdsourced.)

I servizi di web design negli ultimi tempi si concentrano sul fornire la migliore esperienza agli utenti nel momento in cui stanno navigando attraverso il sito web. Pertanto, diventa piuttosto importante da parte degli sviluppatori assicurarsi che funzionino di conseguenza.
Quindi, ecco un elenco delle 17 principali tendenze di web design e interfaccia utente per l'anno 2020.

1. Minimalismo aperto e colorato
Al giorno d'oggi, se stai ancora pensando al design minimalista utilizzando sfondi in bianco e nero, quei giorni sono finiti. Il minimalismo aperto e colorato è l'ultima tendenza che conferisce una sensazione coesa e accattivante ai progetti web.

2. Mobile friendly
Con il crescente utilizzo dei dispositivi mobili, i progettisti devono assicurarsi che il sito Web sia ottimizzato per i dispositivi mobili in modo che ciascuno degli utenti possa visualizzare il sito Web tramite i propri dispositivi mobili con facilità. È proprio qui che viene in soccorso un servizio di web design reattivo.

3. Intestazioni sovradimensionate
Intestazioni e titoli di grandi dimensioni sono diventati estremamente comuni negli ultimi tempi in modo da attirare l'attenzione dei lettori poiché hanno molto meno tempo da dedicare al sito web. Pertanto, i titoli sono così creati in modo tale da catturare l'attenzione dei lettori.

4. Colori vivaci, sfumature difficili e sfondi scuri
I siti Web di oggi si concentrano sulla fornitura della migliore esperienza utente e quindi i servizi di web design si concentrano in particolare sulla stessa. L'uso di sfumature più complesse insieme a una fantastica resa dei colori con uno sfondo scuro è diventato più comune nell'anno 2019. Un classico mix di tutti e tre è la tendenza.

5. Velocità di caricamento del sito web
I clienti di oggi hanno sempre fretta e quindi un sito Web a caricamento lento viene semplicemente ignorato dagli utenti. Pertanto, la velocità di caricamento del sito Web deve essere molto più elevata, che è esattamente quella che è diventata l'ultima tendenza per una migliore esperienza utente.

6. Animazioni e illustrazioni di livello successivo
Gli utenti sono sempre in attesa di qualcosa di nuovo in ogni momento. Questo può essere facilmente ottenuto con le animazioni e le illustrazioni di livello successivo, che è esattamente il motivo per cui queste sono diventate l'ultima tendenza.

7. Griglie CSS
Le griglie CSS sono ancora una delle tendenze di web design più popolari che svolgono un ruolo fondamentale nel rendere il web design molto più semplice. Negli ultimi tempi, è un mix di alcuni nuovi strumenti con funzionalità esistenti. Il moderno CSS di oggi offre un livello completamente nuovo di reattività, interazione e visualizzazione dei dati.

8. Schemi di colori chiari e scuri
Per creare qualcosa di eccitante per gli utenti, l'uso di schemi di colori chiari e scuri è semplicemente troppo buono. Questo crea un'impressione positiva sugli utenti, quindi vantaggiosa.

9. Esperienze 3D immersive
Le immagini e la grafica 3D sono senza dubbio troppo buone per i servizi di web design in modo che possano essere creati design web attraenti che lo rendono accattivante per gli utenti. Le coinvolgenti esperienze 3D danno vita al tuo sito web e offrono grandi esperienze agli utenti.

10. Brutalismo Il brutalismo è un'altra tendenza importante in aumento, il che è abbastanza evidente dal fatto che più marchi preferiscono utilizzare concetti audaci, grintosi e sfacciati per abbracciare il loro lato ribelle interiore.

11. Elementi volanti e fluttuanti
Per catturare l'attenzione degli utenti, le immagini volanti e fluttuanti sono estremamente efficaci.

12. Forme organiche e geometriche
L'uso di forme geometriche e organiche per i servizi di web design ha preso il suo posto in modo abbastanza solido da qualche parte tra i design piatti e le griglie spezzate.

13. Cose sovrapposte
L'effetto di sovrapposizione è sicuramente una delle tendenze più calde dell'anno 2020. Le cose sovrapposte creano interesse visivo per alcuni tipi specifici di contenuti. Questo concetto è un ottimo trucco per stimolare gli interessi delle persone, ma deve essere fatto con attenzione con i servizi di web design.

14. Video aumentato
L'aggiunta di più video dà più vita al sito Web e ha la capacità di catturare l'attenzione di quasi tutti come nessun altro mezzo di comunicazione. Questa è senza dubbio una tendenza del 2020 e continuerà per molto tempo.

15. Layout asimmetrici e griglie spezzate
I layout asimmetrici del sito Web insieme all'uso di griglie spezzate al momento della progettazione Web sono diventati più comuni al giorno d'oggi.

16. Realtà aumentata
Le interfacce solo schermo non sono sufficienti per il mondo di oggi e gli utenti vogliono che le interazioni fisiche avvengano all'interno del mondo reale. È qui che i web designer devono pensare a qualcosa di nuovo per offrire la funzione di realtà aumentata.

17. Micro interazioni
L'importanza delle micro-interazioni non può essere trascurata a tutti i costi. Questi sono semplicemente fantastici per creare eventi che sono piuttosto invitanti, quindi in aumento nell'anno 2020.
Ora, quando conosci le principali tendenze del web design e dell'interfaccia utente per il 2020, non perdere altro tempo ma incorporale nel tuo sito Web per offrire agli utenti esperienze fantastiche.

Esempi di tendenze di web design comuni usate male

Come si determina se una tendenza viene utilizzata male? Empatia e intuizione. Consulta il tuo cricket jiminy interiore. Ti piacerebbe se qualcuno te lo facesse con il suo sito web? Se la risposta è no, forse dovresti rinunciare ai cinquanta pop-up anche se "hai così tante iscrizioni alla newsletter" che puoi spammarle per il resto della tua vita.

Funziona? Congratulazioni, hai convertito altre 5 persone e ti sei incazzato per altre 40, rovinando la percezione del tuo marchio e facendole riconsiderare l'idea di fare di nuovo clic sui tuoi contenuti di autocelebrazione. Quindi sì, hai indovinato il mio esempio numero uno di una tendenza di web design usata male è:

Pop-up invadenti

I pop-up invasivi e del tipo che non riesci a capire come chiudere o che ti costringono a rispondere a una domanda ridicola sono terribili.

Come farlo meglio – Regala qualcosa di valore quando qualcuno se ne va

Invece di provare a spingere qualcuno nella tua lista e-mail, tira. Se mi stai regalando qualcosa di valore, non mi dispiace che mi hai messo in faccia un vecchio grande pop-up, anzi, potrei essere un po' incuriosito. Ciò che è importante notare è che il contenuto è la variabile. Non spolverare qualche carta bianca di merda, costruisci qualcosa di fantastico – lavora con una squadra per costruire qualcosa di eccezionale – qualunque cosa tu debba fare e poi rendilo il fulcro. Abbinalo a un pop-up "exit-intent" e non costringere nessuno a prendere una decisione: dai sempre modi chiari per x il pop-up.

Scroll infinito

Non abbiamo bisogno di un chiaro invito all'azione alla fine o di un bel piè di pagina con una navigazione ben congegnata

Forse questo è un esempio del mio cinico cervello da vecchio perché non riesco nemmeno a gestire quando Twitter cambia da stelle a cuori, ma se stiamo applicando la regola d'oro qui, odio finire un articolo e avere qualcun altro fare una scelta su quale articolo voglio leggere dopo. Prendere la decisione per loro potrebbe essere piacevole con i video di Facebook e YouTube perché ehi, è un video e sto solo uscendo comunque, ma per i contenuti devi leggere, mi dispiace, non penso che lo farai una decisione sulle mie preferenze accuratamente basata su un articolo o contenuto che ho finito.

Lo avverto con il fatto che i siti tipo galleria / Pinterest in cui stai navigando una serie di elementi sembrano avere qualche vantaggio per questo tipo di navigazione, ma potrebbe essere limitato ai social. Il resto di noi ha bisogno della soddisfazione di una conclusione e di più navigazione.

Come farlo meglio – Pensa a cosa una persona vorrebbe fare dopo aver letto, digita questa categoria o tipo di contenuto sul sito.

Ogni tipo di contenuto del sito può avere un tipo di pre-piè di pagina con altri articoli simili, elementi di navigazione e idealmente un paio di passaggi chiari su misura per ciò che hanno appena finito. Per quanto io odio il carattere "Lobster" nell'esempio sopra (Messages Home), penso che Jared abbia riflettuto a lungo su ciò a cui le persone potrebbero essere interessate dopo aver finito di leggere una pagina di contenuti e averli condivisi in un modo visivo che è chiaro e semplice. Se solo altri footer fossero così fortunati. Lo ammetto, ho un feticismo del footer.

3. Parallasse che distrae dolorosamente che non aggiunge alcun valore tranne un millisecondo di oooh-ahhh.

Questa organizzazione artistica e culturale ha movimento, ha profondità, ma ha un significato? Non riesco a immaginare come i cerchi nella parte posteriore aggiungano alcun elemento utile tranne che a un certo punto era originale o non ancora fatto molto. IE un espediente - ma hey hanno vinto un premio per il sito ... quindi il sito deve essere buono, giusto?

Il movimento e la profondità possono essere fantastici se implementati con gusto, sfortunatamente, un gran numero di persone si è precipitato a implementare il parallasse senza molte intenzioni ponderate su come avrebbe davvero aiutato i visitatori e aggiunto valore. I design grandi e spaziosi sono belli, ma se stai cercando di entrare nel vivo del contenuto di un sito Web e scoprire davvero come o perché vorresti lavorare con un'azienda o acquistare un prodotto, i lunghi siti di parallasse non hanno senso.

Come farlo meglio – Implementare in modo sottile per aggiungere un po' di profondità e utilizzare con parsimonia in un modo che aggiunga un po' di intrigo ai prodotti quando appropriato.

Ormai, forse molti di voi hanno visto l'articolo del New York Times Snow Fall, pubblicato nel 2012. L'articolo usa parallasse e video in un modo che era quasi disarmante perché all'epoca era così progressista.

Le chiavi che rendono questo sito così bello?

• Forte enfasi sul contenuto: gli elementi tipografici sono molto ben congegnati e leggibili
• I trattamenti del titolo danno una chiara gerarchia
• Tutto questo gioca insieme abbastanza bene in modo che l'aspetto della parallasse non sia al centro della scena, ma piuttosto un piacevole pezzo sottile per un quadro più ampio.

Che è esattamente il modo in cui la parallasse può essere utilizzata con gusto nel 2016, senza sentirsi un espediente.

Tendenze di web design dal 2019

I web designer non sono diversi dai fashion designer, in quanto devono costantemente tenere un orecchio per terra quando si tratta di ascoltare quali saranno le ultime tendenze per il prossimo anno nel web design.

Un web designer intelligente non solo tiene a mente l'immagine del marchio durante la creazione del layout di un sito, ma anche l'usabilità per l'utente. Per questo motivo, ogni anno i designer eliminano i dettagli di progettazione che non piacevano agli utenti e ampliano quelli che piacciono agli utenti.

Quest'anno non è diverso, ed ecco un elenco delle principali tendenze da cercare nel web design per il 2019.

Sfondi video

Probabilmente hai visto una discreta quantità di siti Web che incorporano sfondi video di grandi dimensioni per coinvolgere l'utente. Gli sfondi video sono un ottimo modo per dare all'utente uno sguardo all'interno della tua attività.

Dai un'occhiata al sito web della società di sviluppo immobiliare Ditto , che mette in evidenza i loro sviluppi residenziali con le persone che trascorrono le loro giornate, offrendo all'utente la possibilità di vedere l'interno delle unità in modo coinvolgente.

Abbiamo collaborato con Deneen Pottery anche per implementare un video sul loro background, che presenta filmati reali delle loro ceramiche fatte a mano.

Sfondi di particelle

Per le aziende che desiderano ancora incorporare il movimento nei loro siti Web, gli sfondi di particelle sono un'ottima alternativa agli sfondi video, soprattutto se sei preoccupato per il tempo di caricamento con un video di sfondo più grande. Queste animazioni sono javascript che creano movimenti naturali e coinvolgenti come parte dello sfondo.

Heystack ha utilizzato un intricato background di particelle per il proprio sito e ci aspettiamo che più designer facciano lo stesso.

Layout asimmetrici

Gli aspetti unici e distintivi del web design asimmetrico lo rendono attraente in termini di differenziazione del tuo sito dagli altri. In contrasto con lo stile minimalista che è stato popolare per alcuni anni, i design asimmetrici sono più affollati ma sembrano ugualmente puliti e professionali se fatti bene.

Di recente abbiamo lanciato questo sito Web per Sustainable 9, che presenta forme sovrapposte e sebbene vi sia una parvenza di equilibrio, ci sono certamente elementi asimmetrici, che aggiungono profondità ad esso.

Tipografia audace

La scelta della giusta tipografia può fare la differenza nell'avere una frequenza di rimbalzo bassa piuttosto che alta. La scelta di una tipografia in grassetto, specialmente con caratteri di grandi dimensioni, può davvero attirare l'attenzione dell'utente del tuo sito.

Queste due home page di siti Web, create da un web designer su Dribble, esemplificano perfettamente la natura semplice e moderna del carattere tipografico in grassetto.

Animazioni integrate

Le animazioni integrate sono esattamente come suonano: animazioni posizionate in tutto il sito Web per aggiungere un'ulteriore sensazione di vivacità, movimento e coinvolgimento al sito Web. Come hai notato, il movimento è un grande tema da cercare nel web design per il prossimo anno.

30 Species in Pieces, un sito web dedicato all'educazione delle persone sugli animali in via di estinzione, utilizza animazioni nitide e coinvolgenti nel loro semplice web design per dargli vita.

Gradienti dinamici

Come abbiamo notato prima, le sfumature di colore stanno iniziando a tornare. I gradienti consentono la personalizzazione con i colori del tuo sito Web per creare qualcosa che incarni veramente il tuo marchio.

Apple ha utilizzato il gradiente per il colore del carattere per attenersi al tema dei suoi nuovi annunci per iPhone X.

Tendenze di web design sottovalutate dal 2018

Ogni anno, le tendenze del web design cambiano costantemente, quindi quella che sembrava "alla moda" qualche anno fa potrebbe non essere l'opzione migliore oggi. È quindi importante che tutti i titolari di attività commerciali rimangano aggiornati sulle ultime tendenze del web design al fine di vendere la propria attività e mantenere l'attenzione dei visitatori. Continua a leggere per scoprire sei delle più grandi tendenze di web design sottovalutate del 2018.

Layout a griglia spezzati

Molti siti Web utilizzano le griglie per garantire che ci sia una struttura dietro il testo, le immagini e i pulsanti di navigazione. Le griglie non solo forniscono una linea guida per i progettisti, ma aiutano anche i visitatori a navigare facilmente nel sito web. Tuttavia, quest'anno il tipico layout della griglia è rotto. Invece di seguire una regola definita, c'era l'opportunità di fare qualcosa di diverso con il web design. Gli sviluppatori si sono spostati verso layout di griglia spezzati che sono meno restrittivi. I layout a griglia spezzati consentono al testo e alle immagini di spostarsi all'interno e attraverso la pagina più liberamente. Quando gli elementi si sovrappongono, questo crea un web design armonioso che scorre naturalmente per il visitatore. È anche possibile ottenere layout di griglia spezzati attraverso l'uso di livelli, posizionamento insolito e tocchi sottili che rendono la pagina più coinvolgente.

2. Chatbot

Sempre più web designer stanno iniziando a implementare l'uso dei chatbot nei siti web. I chatbot sono comunemente visti sui siti Web aziendali situati nella parte inferiore destra dello schermo. La piccola finestra pop-up offre ai visitatori la possibilità di parlare con qualcuno dell'azienda o di ricevere assistenza automatizzata per qualsiasi richiesta. L'aggiunta di una finestra di chat al tuo web design significa che qualsiasi visitatore con una domanda può avere una risposta immediata. Alcune aziende hanno problemi ad avere un membro del personale disponibile per chattare. Tuttavia, è possibile programmare il tuo chatbot per rispondere alle domande più comuni e fornire dettagli su come contattare l'azienda se non conosce la risposta a una domanda.

Illustrazioni personalizzate

In passato, le immagini di web design consistevano principalmente in scatti di prodotti, GIF e fotografie editoriali che enfatizzavano le caratteristiche, la funzionalità e le dimensioni umane del prodotto. Nel 2018 c'è stato un leggero allontanamento da questo, con le illustrazioni che ora dominano il mercato. Gli sviluppatori hanno scoperto che le illustrazioni sono più coinvolgenti e invitanti. Hanno un messaggio chiaro e mirato che è personalizzato per il marchio. Le illustrazioni sono normalmente completate con combinazioni di colori non tradizionali che sperimentano vari contrasti, creando tensione ma anche mantenendo la leggibilità del web design.

Transizioni di pagina

Ogni volta che l'esperienza di un utente viene interrotta, c'è un'alta probabilità che possa lasciare il sito web. Questo può accadere anche quando passano da una pagina all'altra. Alcuni siti Web impiegano troppo tempo per essere caricati, mentre altri portano l'utente fuori dal contesto in cui si trovava prima dell'apertura della nuova pagina. È quindi essenziale che ogni web design abbia transizioni fluide ed efficienti tra le pagine. Quest'anno, sempre più siti Web stanno introducendo transizioni di pagina coerenti per i loro visitatori. Invece di passare a una nuova pagina, i visitatori possono visualizzare informazioni diverse sulla stessa pagina. Queste transizioni di pagina più fluide possono migliorare l'esperienza dell'utente e aumentare il coinvolgimento con il tuo marchio.

Brutalismo

Il 2018 ha visto un aumento dell'uso del brutalismo nel web design. Il brutalismo sta aprendo uno spazio in cui sviluppatori e designer possono fare ciò che vogliono, piuttosto che ciò che dovrebbero fare. Questo stile di web design è stato ispirato dall'architettura degli anni '50 che era semplicistica, economica e pratica. Il web design del brutalismo è crudo e accattivante. L'obiettivo principale è il contenuto, poiché è importante renderlo visivamente piacevole per il visitatore. Il web design brutale si manifesta attraverso strutture esposte, un senso di ruvidità e processi ponderati.

Contenuto video

Quest'anno ha visto anche un maggiore utilizzo di contenuti video sui siti web. Il video è un ottimo modo per trasmettere informazioni complesse in un formato visivo. I contenuti video non solo rendono i siti Web più moderni, ma creano anche un senso artistico che un'immagine statica non può semplicemente creare. I video sono uno strumento potente perché possono scivolare senza problemi nel tuo web design e rimanere comunque di altissima qualità, anche con molti colori, sfumature e dettagli. I video possono anche essere trasmessi in loop per garantire che i dettagli della copia e quelli del video rimangano all'unisono. Molti sviluppatori di siti Web vedono i visitatori rimanere sui siti Web più a lungo quando sono presenti contenuti video, con maggiori probabilità che i visitatori si iscrivano o aderiscano alle loro offerte di prodotti e servizi.Dal punto di vista del business: quali sono le tendenze per il web design nel 2017?

Tendenze di web design che muovono l'ago

1. Modulo di contatto in ogni pagina

Non contorcersi: se il tuo sito Web è un sito Web di generazione di lead, non vuoi rendere difficile la ricerca del modulo di contatto. Se puoi includerlo in ogni pagina, tanto meglio.

Può sembrare un semplice trucco, ma i migliori "trucchi" lo sono.

2. CTA sempre presente: pulsante di invito all'azione costante e forte

Non è necessario disporre del modulo di contatto per spingere le persone a contattarti, per ottenere una demo, per ottenere un preventivo o qualunque sia l'azione principale che desideri indurre il cliente a intraprendere. Invece, puoi includere sempre un grande pulsante in alto a destra. Quando scorrono, lascia il pulsante di invito all'azione nella parte superiore dello schermo con un'intestazione "appiccicosa" che segue i visitatori.

3. Sovraccaricare il design con fattori di fiducia come badge e testimonianze organizzative

Mi attengo solo alle cose più efficaci di cui so che alcuni membri del mio pubblico potrebbero non essere stati così consapevoli prima. I fattori di fiducia sono tutto nel web design: sono quasi tutto ciò a cui penso oltre al design visivo pulito, moderno ed esteticamente gradevole.

L'unico modo per convincere le persone ad agire (grandi pulsanti Call to Action, pulsanti Acquista ora, ecc.) è circondarle con questi elementi che le spiegano e le spingono a continuare, perché la FIDUCIA è assolutamente cruciale in qualsiasi transazione.

Hai resi gratuiti? Hai una spedizione veloce e gratuita? Hai una garanzia? Mostra queste cose.

Parte di un gruppo commerciale locale? Ufficio affari migliore? Hai un certificato SSL sul tuo negozio online?

Aggiungi una rappresentazione visiva per questi articoli e considera di adattarli allo stile del tuo sito web per aumentare ulteriormente la fiducia.

Uno degli elementi più importanti nella categoria dei fattori di fiducia che hanno la maggior parte delle aziende di qualità sono le recensioni e le testimonianze online. Consiglio vivamente di mostrarli in modo molto visibile sul tuo sito. Se si tratta di testimonianze, idealmente hai le foto dei clienti stessi per dare ancora più credibilità a ciò che hanno detto sul tuo prodotto o servizio.

4. Avere un video per mostrare la tua proposta di valore chiave

Quando ho progettato DeneenPottery.com per la prima volta, ho lavorato con ciò che aveva il cliente: immagini delle loro tazze di alta qualità e un video che era un po' nascosto nel design. Abbiamo disegnato questo video prendendo un piccolo punto culminante che mostra innegabilmente la natura artigianale delle loro tazze e dando alle persone un assaggio del loro processo:

5. Design altamente attraente con spazio bianco: prendi in considerazione l'utilizzo di transizioni significative, sistemi di griglia sovrapposti e contenuto diviso per disegnare dicotomie

Lo spazio bianco è quel delizioso elemento di design che sembra far sembrare tutto più "di fascia alta":

In questo sito web, ho deciso di utilizzare la naturale apertura della fotografia per creare una sensazione di ampia decadenza.

Apple comprende gli spazi bianchi. Non significa che lo sfondo sia bianco, significa solo uno spazio aperto attorno all'argomento principale del design.

Ecco un esempio davvero alto dell'uso degli spazi bianchi da parte di Apple nel loro sito :

Transizioni significative

Google ha utilizzato per anni transizioni significative nel loro "Material Design", ma sempre più web designer stanno utilizzando questo per creare un modo efficace per dare più contesto all'azione che l'utente sta intraprendendo sul sito. Controlla lo stato al passaggio del mouse sul pulsante in basso, la diffusione del colore quando l'utente fa clic sul pulsante e quindi il modo in cui la finestra modale/popup cresce dopo aver fatto clic:

L'uso del design dei materiali in questo sito Web mi ha permesso di rendere il sito molto interattivo e molto moderno. Inoltre, utilizzando le convenzioni di Material Design, ti associ anche in modo sottile al tipo di esperienza utente su Google.com e ai numerosi prodotti di Google, poiché tutti corrispondono e utilizzano queste convenzioni.

Sistemi a griglia sovrapposti

Le scatole nel web design sono tradizionali affiancate, una sopra l'altra, ma molti designer utilizzano uno stile molto del 2017 chiamato sistema di griglia sovrapposta o sistema di griglia offset. Questo stile giustappone scatole e foto una sopra l'altra per un effetto più organico e fluido.

Dividi il colore o dividi le immagini per creare una dicotomia

Una dicotomia è la separazione di due cose, come "caldo e freddo" o "bene e male". Rendendo i due lati di un sito web molto diversi l'uno dall'altro, cattura l'attenzione del visitatore.

Puoi usarlo per tirare fuori gli elementi emotivi dell'essere opposti, o i due lati del cervello "emotivo e logico", "creativo e orientato ai sistemi" o semplicemente usarlo per creare un tocco visivo come questo design di Mateusz Koziorowski .

Qualunque cosa tu faccia, non buttarti nelle tendenze del web design, volenti o nolenti

Assicurati di considerare prima di tutto i tuoi obiettivi di business. Le tendenze del design visivo non sono nulla senza considerare cosa farà per quanto riguarda lo spostamento dell'ago con le tue entrate.

Un sito web migliore è proprio dietro l'angolo
Abbiamo fatto molta strada da quando sono stati lanciati i primi siti web. I web designer stanno diventando più dettagliati, più avventurosi e, francamente, migliori. I prossimi anni di web design saranno incentrati sul superare i limiti e provare nuove idee audaci. Qui a Hook, amiamo prendere un vecchio sito di cui ti sei stancato e trasformarlo in qualcosa che incapsula veramente l'avanguardia e l'unicità del tuo marchio. Se stai cercando di creare un nuovo sito, uno che coinvolga gli utenti e porti a più conversioni, contatta oggi Hook Agency per organizzare un incontro, dove parleremo di quali sono i tuoi obiettivi di business e di come possiamo implementarli nel tuo nuovo sito.