La pàgina web s’ha convertit en la veritable carta de presentació d’una empresa i en el seu major vehiculador de negoci. El recomanable és que tingui un disseny innovador i creatiu i que posicioni molt bé a cercadors per obtenir bons resultats SEO. Aquestes són les tendècies web pel 2018.
DISSENY:
• Disseny en esquelet. Aquesta tècnica ja està començant a ser utilitzada per sites com Facebook o Linkedin. Permet que el web es carregui en etapes, d’allò més simple vers el més complex, proporcionant en el procés de càrrega un esquelet de pantalla perquè l’usuari pugui anar fent-se la idea de l’estructura que es trabarà. Això significa un augment en la usabilidad del lloc visitat.
• Disseny modular. Pinterest és el millor exemple. Està prenent el testimoni del denominat “disseny hamburguesa” perquè fa que la web funcioni mitjançant mòduls independents, proporcionant una gran capacitat d’adaptació a les dimensions de cada dispositiu.
• PWA (aplicacions web progressives). Es comporta com una aplicació nativa però utilitza tecnologia web, ocupant menys espai i incrementant la seva funcionalitat.
COLORS I FORMES:
En màrqueting digital cada vegada existeix més demanda d’il·lustracions i infografies pròpies, deixant enrere els bancs d’imatges. Es busquen dissenys més interactius i diferenciadors:
• Colors vius, degradats i bicromatismes.
• Formes geomètriques i textures de la vida real.
• Fons sobre forma i superposicions de colors simples per a un efecte de profunditat i textura.
• Flat design o disseny gràfic plà. Recuperació del disseny minimalista combinat amb una imatge neta i fons blancs o pastís.
• Minimalisme en branding i logos.
• Formes i botons personalitzats.
IMATGES, VÍDEOS I EFECTES
Compte amb els temps de càrrega! Podrien repercutir negativament en la usabilitat i en el nivell de qualitat general del web. Els efectes que estan cobrant una major importància:
• Heroimatges, Gifs o vídeos que ocupen tota la pàgina, servint de carta de presentació de la marca.
• Microinteraccions. Accions que provoquen un canvi quan l’usuari interactua amb ells, per exemple, quan s’introdueix un producte en el carret, que aquest es mogui o canviï de forma.
• Efectes hover. S’activen quan l’usuari se situa sobre una imatge i aquesta canvia.
• Efecte parallax. Moviments a diferents velocitats d’elements web que s’activen en fer scroll, donant-li profunditat a la pàgina.
• Realitat virtual i 360.
TIPOGRAFIES I GRANDÀRIES
El contingut visual guanya terreny a l’escrit i la grandària de lletra utilitzat és cada vegada major per cridar l’atenció de l’usuari. La tipografia és utilitzada com a forma i no com a text per comunicar.
• Les tipografies “hand made” o vintage segueixen estant presents en aconseguir una major diferenciació i distinció de les habituals. No obstant això, les tipografies circulars i la Sans Serif també ocupen gran lloc entre les preferides.
• Tipografies desenquadrades, així com el text en superposició amb imatges.
• Combinació de textos o títols horitzontals i verticals per cridar l’atenció dels internautes.