Welcome to the jungle, el nostre post anual de tendències en disseny web del 2021.
Al llarg d’aquest article recorrerem les 6 referències que marcaran les tendències en disseny web.
A través d’exemples, recomanacions i aplicació d’aquestes tendències veurem quines seran aquestes tècniques creatives que venen trepitjant fort i que formaran part dels millors dissenys web del 2021.
Pots veure el post ampliat a Code Barcelona, on he analitzat amb més profunditat cadascun dels punts: Tendències en disseny web per al 2021
Tendències en disseny web per al 2021, be ahead
Scroll combinat
Una de les tendències en disseny web que la petarà el 2021 serà l’ús del scroll combinat en el disseny i la programació de la pàgina web.
A partir d’aquest any navegarem per pàgines que tindran una navegació en diferents sentits i passarem de fer el scroll vertical tradicional a ser en pàgines web que tenen un scroll combinat que ens desplaça en sentit vertical i horitzontal segons les seves necessitats.
Amb aquest recurs deixem de banda l’avorriment que està demostrat que tenen els scrolls verticals infinits, que ens allunyen del contingut que realment estem buscant i ens fan caure en un avorrit passeig automàtic.
El resultat final en el disseny i la usabilitat és brutal: dissenys web en què l’experiència de l’usuari s’enriqueix considerablement i la història que hi ha darrere del web queda perfectament redactada, explicada i assimilada pels usuaris finals, els nostres clients i viewers.
En quin disseny web puc aplicar aquest recurs?
- En dissenys web molt interactius
- En projectes avantguardistes
- En els millors dissenys web del 2021
Recorda que:
- L’ús d’un scroll vertical s’ha d’aplicar quan sigui necessari
- La combinació del scroll vertical implica tenir un disseny web molt ben plantejat
Pàgines web que incorporen aquesta tendència
Ad+D
Typography Principles
Bruno Arizio
Hero Home
La cinquena de les tendències en disseny web per al 2021 serà la Hero Home, o les pantalles d’inici a tope de tipografia i missatge.
La tipografia té una importància cabdal en tots els llistats de tendències en disseny dels últims tres anys; si a això hi sumem la importància que té el missatge, el resultat són els dissenys web en què la pantalla inicial està totalment ocupada per tipografia de grans dimensions i missatges potents.
El resultat són portades sensacionalistes en dissenys web, tal com eren o són els diaris que busquen un gran impacte en els lectors.
Frases potents i definitòries de l’empresa o del que ofereixen.
En quin disseny web puc aplicar aquest recurs?
- Que necessiti un disseny molt visual i d’impacte
- Que no estigui dirigit a un públic molt conservador
- Que vulguis cridar l’atenció i no deixar ningú indiferent
Recorda que:
- Recorda que, independentment de l’enfocament, l’usuari tendeix a fixar l’atenció en els elements grans.
- Hauràs de fer proves d’usuari per saber si el teu disseny web funciona realment i no es perd la informació
- Alguns clients es mostraran reticents a aquest tipus de disseny, així que prepara’t per vendre’l molt bé.
Pàgines web que incorporen aquesta tendència
Boost
Spline
Fledge
Contingut 3D
Una altra de les tendències en disseny web que pren protagonisme el 2021 és l’ús d’elements tridimensionals en el disseny web. Amb això no ens referim que el disseny tingui elements que simulin les 3 dimensions, sinó que són realment elements 3D.
Crec que el motiu principal perquè el 2021 sigui un bon any perquè aquesta tendència s’afermi és que la tecnologia en disseny i desenvolupament web, conjuntament amb la capacitat i l’amplada de banda d’internet, ho fan possible.
Ara la nostra connexió, els nostres dispositius i la tecnologia de construcció ja són capaços de suportar tota la nostra creativitat.
El resultat són dissenys web amb un aspecte molt modern, innovador, avantguardista i tecnològic, amb la qual cosa la imatge digital de qualsevol empresa millorarà uns quants enters.
En quin disseny web puc aplicar aquest recurs?
- Que necessiti un disseny molt visual i d’impacte
- Només apte per a un públic amb ganes d’estar a l’última en disseny i desenvolupament web
- Que vulguis cridar l’atenció i no deixar ningú indiferent
Recorda que:
- No apte per a desenvolupadors amb un nivell mitjà de programació
- Si no ho fas bé el resultat és contraproduent
- Alguns clients es mostraran reticents a aquest tipus de disseny, així que prepara’t per vendre’l molt bé.
Pàgines web que incorporen aquesta tendència
Gucci
Weed Center
Incube
Disseny web asimètric
La tercera tendència en disseny web del 2021 és el disseny web asimètric que, com bé descriu el seu nom, fa referència al disseny web en què l’estructura tradicional de quadrícula i grid es trenca per donar pas a dissenys molt més dinàmics i frescos.
L’objectiu és trencar amb dissenys web avorrits, molt semblants entre ells i que ens recorden pàgines web amb dissenys copiats o basats en un template preestablert.
Durant aquest any veurem florir dissenys web en què els dissenyadors tenen el repte de fer un disseny web asimètric que mantingui un equilibri comunicatiu amb els usuaris.
En quin disseny web puc aplicar aquest recurs?
- Que necessiti un disseny molt visual i d’impacte
- Que no estigui dirigit a un públic molt conservador
- Que vulguis cridar l’atenció i no deixar ningú indiferent
Recorda que:
- Recorda que, independentment de l’enfocament, l’usuari tendeix a fixar l’atenció en els elements grans.
- Hauràs de fer proves d’usuari per saber si el teu disseny web funciona realment i no es perd la informació
- Alguns clients es mostraran reticents a aquest tipus de disseny, així que prepara’t per vendre’l molt bé.
Pàgines web que incorporen aquesta tendència
Mill 3
Loft Garten
Sergey Vinogradov
Organic Shapes
La quarta de les nostres tendències en disseny web del 2021 és la de les Organic Shapes o, el que és el mateix, la incorporació de recursos gràfics i elements en el disseny web que tinguin formes orgàniques.
L’objectiu principal és allunyar-se dels angles pronunciats.
Si fem servir aquest recurs aconseguirem que la pàgina web tingui un aspecte molt orgànic, natural i personal.
Aquesta tendència del disseny web del 2021 busca l’acostament a l’usuari final perquè tingui una experiència d’usuari, UX, molt natural i tranquil·la. A més d’això, també pot servir com a contrapunt gràfic per a un contingut summament agressiu o dinàmic.
Aquest contrast final donarà un boost de millora al nostre disseny web i a l’experiència dels usuaris.
En quin disseny web puc aplicar aquest recurs?
- Que necessiti recursos orgànics per contrastar amb el contingut
- Que vulguem que l’usuari tingui una navegació suau i tranquil·la
- Acostar-nos a l’usuari
Recorda que:
- No és apte per a desenvolupadors sense talent
- Cal saber-lo aplicar perquè el resultat formi part d’un tot
- No tots els projectes aguanten aquest tipus de recursos
Pàgines web que incorporen aquesta tendència
Alessandra Zhanghi by Adoratorio
Thibaut Foussard
Nahel Moussi
Super Menú Burguer
L’última de les tendències en disseny web del 2021 que veurem a tot arreu és el super menú burguer a fullscreen.
Aquest recurs és una evolució lògica de la necessitat d’adaptar al màxim la nostra experiència web a les aplicacions de telèfons mòbils en pla app like i de la importància de la tipografia de grans dimensions.
Amb aquest tipus de menú a pantalla completa s’intenta desdibuixar la frontera entre el disseny web desktop i el disseny d’app mòbil, ja que es pretén que l’usuari tingui la mateixa sensació i comoditat que quan navega a través del seu mòbil.
Si l’estructura web es planteja correctament és un recurs que facilita a l’usuari la cerca de contingut i potencia la UX i el temps necessari per navegar.
En quin disseny web puc aplicar aquest recurs?
- Que estiguis buscant un disseny app like
- Per a pàgines web amb pocs o molt definits apartats
- Causar sensació a primera vista
Recorda que:
- L’arquitectura del web ha d’estar molt clara perquè aquest recurs funcioni
- Un disseny app like és vital perquè la UX sigui magnífica, així que lluita perquè el teu client ho entengui
- Pots anar un pas més enllà i aportar una mica més de contingut al menú obert, com per exemple informació del footer
Pàgines web que incorporen aquesta tendència
Ear Couture
Nieuw Bergen
Chungiyoo
Conclusions i resum per a mandrosos
Acabem de veure les 6 tendències en disseny web que protagonitzaran la major part dels dissenys web guanyadors del 2021.
A partir d’ara podràs analitzar tu mateix les pàgines web de l’any 2021 i detectar quines incorporen aquestes tendències en disseny web i de quina manera els creatius han aplicat aquests recursos.
Post complet
Pots veure el post ampliat a Code Barcelona, on he analitzat amb més profunditat cadascun dels punts: Tendències en disseny web per al 2021
