Tendències de disseny web per al 2016

Tant si estàs pensant en renovar la teva pàgina web perquè se t’ha quedat antiquada, com si ne vols fer una de nova, o simplement perquè t’agrada estar al dia que quines són les noves tendències de disseny a l’entorn web, volem repassar què es va establir al 2015 i què podem predir que passarà aquest any 2016.

Plantilles vs. UX personalitzat

El paradigma nascut del disseny responsive (disseny web adaptat a tots els dispositius) ha tingut un gran impacte en la manera d’estructurar la web. L’aparició de frameworks com Bootstrap, Foundation o Skeleton, entre d’altres han creat un sistema que accelera el procés de disseny de les webs, que nativament estan adaptats a dispositius mòbils i que tenen una alta compatibilitat amb tots els navegadors moderns.
Gràcies a això, han sorgit multitud d’exel·lents plantilles que abarateixen molt els costos de creació d’una web i que acosten un bon disseny a petites empreses, però que uniformitzen l’aspecte de en que es presenten la majoria de llocs web.
Per l’altre costat, les companyies que vulguin diferenciar-se, hauran d’invertir a la recerca d’un UX (user experience) personalitzat, que realment no tingui res a veure amb la resta.

 

brackets

Imatge: brackets.io

halo5

Imatge: Halo 5

Integració de dissenys

Una altra tendència començada durant el 2015 és la integració de menús per a tots els dispositius.
Generalment s’estructura un menú visible per a equips d’escriptori i un menú de tres línies (hamburguer) que amaga i mostra aquest mateix menú. Aquesta característica representa, en els millors dels casos, crear dos comportaments per a un mateix menú de navegació i, moltes vegades, estructurar dos menúns diferents, un que es mostri en en pantalles d’un màxim d’amplada i un altre que es mostri en la resta de pantalles que excedeixin aquest límits.
Des de mitjans de 2015, molts dissenyadors han començat a utilitzar el mateix tipus de menú (menú hamburguer) per a tots els dispositius. Així doncs, de ben segur que aquesta pràctica es consolidarà, donat l’estalvi de disseny i de programació que suposa crear un sol menú en comptes de dos.
Tanmateix, no considero que sigui una pràctica que es pugui aplicar a tots els llocs, i vindrà donada pel públic objectiu a la que estigui dirigida la web.

boplay

Imatge: B&O Play

Vídeos i full imatges

Les velocitats de connexió i la tecnologia de la part del servidor ha accelerat les càrregues de la web, fent que podem col·locar imatges de molta qualitat sense haver de desesperar mentre es carrega la pàgina.
La utilització d’aquestes imatges de gran mida és molt comú ja en qualsevol pàgina, normalment inserides en sliders a la capçalera.
Possiblement, l’excés d’utilització d’sliders, el pes que aporta a la pàgina i la distracció que causa al visitant, són motius més que suficients per començar a abandonar aquesta tècnica.
El que sí s’està implementant i que possiblement començaran a substituir-los, són els vídeos de fons, encara que en dispositius mòbils no es dispara l’autoplay. Per tant, si es supera aquest escull, segurament veurem la proliferació d’aquesta tècnica.
Estan apareixent també els vídeos 360º de facebook, que segurament es podran aplicar com a background i que responguin a la posició del punter.

acme

Imatge: ACME

jwalter

Imatge: J. Walter Thompson

Animacions avançades

La implementació de totes les característiques de CSS3 per part dels navegadors està cada vegada més complerta, i la definitiva desaparició d’Internet Explorer (navegador maleit per al dissenyadors) és cada vegada més pròxima.
Per tant, cada vegada hi ha menys motius per a no utilitzar tota la potència de CSS3 i veurem noves animacions creades amb estils.

animation-fillanimation-play

Imatges animades: CSS Animations for Beginners

 

Disseny de Cards (targetes)

La utilització de cards tipus pinterest és una bona manera de mostrar totes les possibilitats d’interacció amb un element en un sol espai. Aquesta pràctica és consolida en les preferències dels dissenyadors web.

pinterest

Imatge: Pinterest

Material Design

Material design és un nou llenguatge desenvolupat per Google i que es va llençar a mitjans de 2014. Aquest llenguatge ha evolucionat del Flat design. Utilitza els conceptes d’ombres i els moviments per crear disseny més realistes.

material-design

Imatge: Squidfunk

Conclusió

Tot això plegat, farà que les webs siguin més interactives i intuïtives, alhora que millorarà l’experiència d’usuari i enfortirà la imatge de marca de les empreses.
S’ha de tenir un bon motiu per a no seguir aquestes noves tendències, o tenir una molt bona imatge de marca que per si mateixa ja crei tendències.

La crisi aguditza l’enginy

Ja ho va dir Albert Einstein que és en els moments de crisi en que sorgeix el millor de cadascú i és la millor aliada de la creativitat , la inventiva, els descobriments i les grans estratègies.

Ariane Prin estudiant de la Royal College of Art, veient el cost que suposen els materials que s’utilitzen durant la carrera ha buscat una solució reciclant els residus específics que cada departament de l’escola.

Després de navegar per internet i fer molts experiments va dissenyar un llapis construït a base de farina de la cafeteria, argila de la classe de ceràmica, grafit de la classe de vidre i cera del departament de joieria. Així doncs ha desenvolupat aquest projecte de reciclatge i ella i el seus amics han produït 160 llapis que van vendre durant una exposició d’Art de l’escola. L’objectiu és poder crear llapis suficients per a cada alumne (al voltant de 1044 exemplars durant tots els cursos).

Aquest projecte pretén ensenyar com reaprofitar recursos, promocionar el disseny sostenible i alhora treure un petita ajuda per al finançament dels estudis.

http://www.arianeprin.com

Deixalles amb estil

Avui en dia és molt difícil reaprofitar residus sense passar per complicats processos per tornar-los a la cadena productiva. Raúl Laurí però ha trobat una manera d’aprofitar deixalles i convertir-les en objectes útils. Ningú hagués imaginat que el pòsit del cafè pogués servir per decorar o per il·luminar la nostra llar.

El dissenyador ha creat a partir d’aquesta deixalla un nou material patentat que, juntament amb una resina, es converteix en un material emmotllable, resistent i lleuger.

Així doncs, Raúl ens mostra com la investigació, l’experimentació, el reaprofitament i el disseny poden aconseguir elements innovadors sostenibles.

Però el més important potser no és que estigui fet de cafè, ni potser tampoc la bellesa amb que el transforma en objectes d’utilitat, sinó que obre les portes a explorar i experimentar amb qualsevol cosa que ens podem imaginar.

Les llums Decafé van ser guardonades durant la Milan Design Week 2012 amb el premi que atorga el Salone Satellite Awards.

http://www.rlauri.com/