Tre tendenze di progettazione di siti Web WordPress che devi conoscere

Pensa a quanto è cambiato dal 2011. Quante tendenze di design di siti Web e nuove tecnologie sono cadute in disgrazia? Quanti nuovi dispositivi si sono fatti strada sul mercato? Quante nuove tendenze sono emerse e hanno guadagnato popolarità?

Non sorprende che WordPress si sia evoluto con il web. Il WordPress di oggi è una bestia molto diversa dal WordPress di cinque anni fa, e al limite irriconoscibile rispetto al WordPress del 2003. Ma questa è una buona cosa.

Dopotutto, l'unica costante sul web è il cambiamento. Come designer, lo sai meglio di chiunque altro, così come sai che il tuo lavoro è stare al passo con ciò che sta cambiando e ciò che cambierà in futuro. Fortunatamente, se sai dove cercare, non è difficile.

Ho cercato te: ecco alcune delle tendenze più importanti ed essenziali che colpiscono il mondo del design di WordPress (e il Web più ampio) quest'anno, tutte strettamente legate alla mobilità.

Il design senza pagina continuerà a dominare

Arrivati ​​sul Web per la prima volta nel 2014, i siti Web a pagina singola stanno guadagnando popolarità al ritmo di un treno merci in fuga. Particolarmente adatti per piccole imprese, agenzie di design e siti di prodotti, questi siti Web di "pagina di destinazione" sono ideali sia per l'acquisizione di lead che per la narrazione. Con questo in mente, non sorprende particolarmente che anche i temi WordPress a pagina singola stiano guadagnando molto terreno.

Ma cosa sta guidando questa tendenza, esattamente? Perché i siti Web "senza pagina" sono così importanti ora? E come puoi sapere se il tuo sito dovrebbe seguire l'esempio?

"I siti Web tradizionali hanno un intero elenco di problemi ugualmente dannosi", spiega Chuck Longanecker di Digital Telepathy. "Sono i chiacchieroni del cocktail party, blaterando con chiunque sia a portata d'orecchio una raffica di informazioni auto-esaltanti senza alcun tipo di interesse per la persona che ascolta... Con connessioni veloci e un pubblico abituato a esperienze a scorrimento lungo nelle app mobili, design senza pagine si toglie di mezzo al visitatore in modo che possa godersi il flusso e completare il suo obiettivo.

In altre parole, i dispositivi mobili hanno cambiato le abitudini di navigazione del nostro pubblico. Come designer, devi tenere conto delle loro nuove abitudini: la loro aspettativa di un sito Web semplice e snello, la loro tendenza a navigare sul proprio telefono o tablet e il loro desiderio di contenuti facilmente digeribili.

Questo cambiamento di mercato ha avuto un altro effetto collaterale più inaspettato: i temi multiuso sono esplosi negli ultimi anni. Ricchi di funzionalità e facili da installare, questi temi consentono ai proprietari di siti Web di personalizzare facilmente le proprie pagine per dispositivi mobili, computer desktop e altro ancora. Sono a prova di futuro e consentono la creazione di siti Web ben progettati che sono anche altamente funzionali.

Più immagini, più tipografia, più parallasse

Strettamente correlati al passaggio al design senza pagina, i siti Web si stanno concentrando sempre più sulla tipografia, sulle immagini e sullo scorrimento del parallasse. Il minimalismo è il re del castello qui, e meno elementi visivi una pagina può lanciare all'utente pur continuando a trasmettere il suo messaggio, meglio è. Non solo aiuta un sito a sembrare più nitido, ma riduce anche i tempi di caricamento in misura considerevole.

Per quanto riguarda la tipografia, con il passaggio al minimalismo, proprietari di siti, editori e utenti hanno iniziato ad aspettarsi design più puliti sui siti che visitano. Parte della chiave sta nel fornire un testo più bello e presentato meglio. Anche strumenti come Google Fonts e Adobe Typekit hanno fatto molto per aiutare le cose, rendendo molto più semplice la creazione di siti Web con testo migliore e più professionale.

Infine, lo scorrimento del parallasse, che mi è sempre piaciuto molto, sta ottenendo molto successo di recente. Per chi non lo sapesse, come funziona è piuttosto semplice: devi semplicemente configurare il tuo sito in modo che lo sfondo si muova più lentamente del primo piano (se non del tutto). Questo non solo crea l'illusione della profondità di campo, ma è un ottimo modo per dare un tocco in più ai siti Web a pagina singola.

Molto rumore per le micro-interazioni

Le app mobili hanno un po' viziato l'utente finale, se ci si ferma a pensarci. Quelli più progettati sono pieni di funzionalità note come micro-interazioni: piccoli frammenti di feedback che vengono forniti a un visitatore in base a come interagiscono con il tuo sito. Certo, questo concetto non è particolarmente nuovo. Nel 2013, Foster of Mysterious Pants li chiamava interazioni con il pluriball. Questo perché sono soddisfacenti e migliorano notevolmente l'esperienza dell'utente rendendo le cose più viscerali.

Per te, questo significa che, soprattutto visto il passaggio all'ingrosso al mobile, devi conoscere le micro-interazioni e come incorporarle nel tuo sito.

"In UX, ciò che conta è come gestisci gli utenti e come si sentono quando usano il prodotto [in questo caso, il tuo sito web]", scrive Dmytro Svarytsevych di Web Designer Depot. "Le micro-interazioni forniscono agli utenti il ​​feedback necessario e la comprensione dei processi in corso, rendendo un'interfaccia accessibile, non importa quanto complicata possa essere la logica alla base."
Ecco come puoi aggiungere una microinterazione al tuo sito, secondo Creative Bloq:

• Conoscere il trigger: questo è ciò che accade per dare il via alla microinterazione. Potrebbe essere qualsiasi cosa, da un utente che accede al tuo sito per la prima volta a lui che lascia un commento su un articolo o acquista un prodotto. I migliori trigger sono quelli in cui il sistema osserva il comportamento di un utente e lo utilizza per il contesto, ad es. fornendo loro una pagina che visitano frequentemente quando arrivano sul tuo sito.
• Stabilisci le regole: "Regole" potrebbe essere un termine improprio qui. Essenzialmente, sono le linee guida che determinano come funziona una particolare microinterazione: cosa può accadere, cosa dovrebbe accadere e cosa non può o non succede. Ad esempio, un sito di e-commerce potrebbe avvisarti se inavvertitamente aggiungi due volte lo stesso prodotto al carrello.
• Determinare il feedback: quale feedback fornirete all'utente? Come migliorerai la loro esperienza del tuo sito?
• Scopri per quanto tempo dura la microinterazione: la tua microinterazione termina automaticamente senza l'input dell'utente? Come cambia ogni volta che viene utilizzato?

"Il feedback è il luogo in cui aggiungere un tocco di personalità alla tua microinterazione", legge Creative Bloq. "A volte un po' di umorismo o vantaggio può funzionare molto bene e viene apprezzato, in particolare in situazioni che possono essere frustranti, come un messaggio di errore o quando qualcosa impiega molto tempo a caricarsi".

Rimanere al passo con le tendenze del design del sito web

WordPress è in continua evoluzione, fianco a fianco con il web. Non è necessario essere colti alla sprovvista da quell'evoluzione. Tenendo d'occhio le ultime tendenze, puoi assicurarti di essere molto più avanti della curva quando quelle tendenze diventeranno finalmente realtà.