Risorse per Web Designer, Developer, Web Marketing, Seo e Photoshop

Web design trend: tendenze e stili del 2011

Pubblicato in Creazione siti web

E’ sufficiente disegnare layout accattivanti in Photoshop? Forse lo era 5 anni fa.
Oggi, l’utente medio di internet non si ferma alla bellezza ma chiede la sostanza.
Con il 2011 è iniziato un anno, anzi un decennio dove alla bellezza vanno affiancati assolutamente contenuti e funzionalità.
Un bravo web designer è in grado di creare un ambiente che affascina e conquista l’utente a tal punto che egli si dimentica dell’esistenza del tasto “indietro”. Per riuscirci sono diversi gli elementi di cui tener conto: combinazione di colori armoniosi, design intuitivo, informazioni facilmente accessibili e risposte veloci, senza mai sottovalutare il potere della semplicità.
Naturalmente, queste regole sono sempre esistite, ma la vera novità del 2011 è che non vanno applicate per soddisfare utenti che navigano il web solo tramite desktop o computer portatile, ma bisogna fare i conti e rendere il design adattabile a smart phone, netbook, tablet e simili.

La domanda è siamo pronti ad affrontare queste nuove sfide?
Date un’occhiata alla top 10 dei trend del web design per il 2011.

HTML5 + CSS3

Questo è un sospiro di sollievo! HTML5 e CSS3 negli ultimi 2 anni sono stati utilizzati molto poco dai web designer, nel 2011 si prevede che ci sarà un esplosione nel loro utilizzo, infatti sembra che si stia finalmente iniziando ad abbandonare Flash. Questo non significa che Flash e HTML5 siano avversari, anzi, vi è abbondanza di spazio nel web per entrambi ma il problema è che i web designer negli anni passati hanno abusato fin troppo di Flash creando anche interi siti utilizzando questa tecnologia (cosa altamente sconsigliata). HTML5 ha il vantaggio di ridurre in parte il peso delle pagine, anche se non può (ancora) sostituire totalmente gli straordinari elementi di design che si possono realizzare con Flash.

Forse ancora più interessante è il fatto che CSS3 permette di ridurre il lavoro da fare con Photoshop, visto che tra le altre cose offre funzionalità avanzate per realizzare effetti grafici accattivanti tipo ombreggiatura del testo, aggiunta di font partcolari, angoli arrotondati trasparenze, sfondi multipli …

Siti per cellulari

Smartphones, iPads, netbook ecc … C’è una quantità vertiginosa di prodotti di telefonia mobile a disposizione del consumatore nel 2011 e questo vuol dire che il web designer deve rispondere alle esigenze di tutti gli utenti, qualunque sia il dispositivo che utilizzano.
Quello che è più interessante a proposito degli schermi dei dispositivi celllari, è che costringono i designer a essere creativi con molto poco a disposizione.
Avere successo con un sito Mobile però non è così arduo come ci si può immaginare, sempre che si seguano alcuni principi base:

• I links devono essere disegnati per essere facilmente cliccabili
• I testi devono essere leggibili o, comunque, efficacemente zoommabili.

Uso di semplici combinazioni di colori

Semplicità. Non c’è niente che dà un impatto forte come un messaggio semplice su uno sfondo rilassante. Per “Rilassante”, non si intende in questo caso il nero o il bianco, ma gradazioni particolari di verde, giallo o perchè no, anche rosso. Usare questi colori primari e limitare la tavolozza a due o tre colori lavorando con le sfumature può portare ad un risultato veramente notevole.

Progettare anche per touch screen e non solo per il mouse

La tecnologia è diventata molto più tattile e la destinazione da raggiungere navigando è letteralmente ” a portata di mano”.
I touchscreen sono ormai sul mercato da anni, e la loro presenza continua ad aumentare. Tralasciando le discussioni sulla loro effettiva utilità, è logico pensare che nei prossimi anni continueremo a nascere dispositivi che li utilizzano, seguendo l’esempio dell’iPad.
Quanto il nostro design è orientato al touch? Quanto invece è orientato al mouse?
Come web designer, noi abbiamo il culto del mouse. Facciamo compiere azioni (cambio colore, sottolineatura) ai nostri link quando avviene il passaggio del mouse, cosa impossibile con il touchscreen. Come farà il nostro sito a indicare i link ai visitatori?
Allo stesso modo, in che modo i visitatori potranno sfogliare il vostro sito?

Oltretutto, nel 2011, non si ha più a che fare con una dimensione dello schermo fissa. I visitatori che utilizzano strumenti touchscreen possono modificare il loro orientamento di visualizzazione da verticale a orizzontale a loro piacimento. Il nostro design deve essere flessibile per adattarsi a qualsiasi layout.

Il boom della Tipografia

Si potrebbe parlare di trend della tipografia ogni anno. Ma nel 2010 abbiamo visto alcuni cambi di gran rilevanza dovuti sopratutto al grande sviluppo che ha avuto la tecnologia di sostituzione dei fonts e all’ottima accoglienza di servizi “fonts as services”, in cui terzi offrono l’uso di fonts archiviati nei loro servers ai web designers, che li possono usare nei loro progetti.

Inoltre, possiamo affermare che i designers stanno diventando sempre più audaci nell’uso della tipografia, rendendo sempre più sottile la barriera tra arte grafica tradizionale e web design.

Grandi immagini di background

L’uso di immagini enormi come sfondo crescerà nel 2011. Queste immagini sono ad alta risoluzione e coprono l’intero sito. Le Foto di grandi dimensioni sono un modo immediato per catturare il pubblico che non può fare a meno di vederle e farsene un parere personale. La foto di sfondo deve essere di contenuto appropriata, non basta avere una bella immagine in background, senza alcun contesto perchè può disturbare l’utente. Si tende a scegliere immagini morbide e leggermente trasparenti, che non mettano in ombra il contenuto, ma che si armonizzano con essi.

L’influenza delle UI (User Interface) nel disegno web

Se fossi uno scommettitore già nel 2009, avrei messo tutti i miei soldi in applicazioni iPhone, applicazioni per Android, applicazioni di Apple, le applicazioni per PC, applicazioni web …
Questa frenesia per creare sempre nuove apps ha contagiato anche il mondo del web design in un modo davvero interessante, i siti web infatti sembrano sempre più delle vere e proprie applicazioni online. Tutto, finestre, menú contestuali, bottoni… sono stati introdotti nel disegno web per creare siti decisamente più usabili e naturali.

L’integrazione immersiva di Script (Sliders jQuery, etc.)

A differenza degli anni passati in cui i plugins erano soltanto un aggiunta, un intero design può basarsi su scripts e plugins che fanno molto di più che aggiungere qualcosa al design, possono arrivare a definire l’intera esperienza visuale dello stesso.

Siti a singola pagina e vcard

I siti a singola pagina sono una delle tendenze del momento, e non hanno fatto fatica a trovare spazio nel web, sopratutto con l’avvento delle vcard.
Spesso si crede che i siti web a pagina singola siano semplici da progettare, ma non sempre è così, anzi saper sfruttare al massimo lo spazio a disposizione è una cosa che mette alla prova le capacità degli sviluppatori.

Inoltre i VCard, una sorta di biglietto da visita virtuale, nell’ultimo periodo hanno dato il via ad una nuova moda sostituendo il classico portfolio in quei casi dove si vuole mettere in risalto esclusivamente le informazioni basilari e le varie tipologie di contatto. Per maggiori approfondimenti sui Vcard vi consiglio l’articolo su yourInspirationWeb “Portfolio? No vcard!”

Collegamento live costante

Ultima, ma certamente non meno importante, è l’attenzione costante al real time nel web design. Internet è, per sua natura, un ambiente sterile, siamo noi a renderlo più umano, condividendo tutto ciò che fa parte della nostra vita. In blog personali e portfolii nel 2011 sarà ancor più facile visualizzare live feed di Twitter (non solo un link alla pagina di Twitter), Fousquare e altri social network.

Liberamente tratto da: Web design trend in 2011 – The State of Web Design Trends: 2011 Annual Edition

Tweet

Autore: Salvatore Sodano

Salvatore inizia a svolgere l’attività di web designer nel 2001 alla quale poco dopo affianca quella di graphic designer. Negli ultimi anni la passione per Seo e web marketing prende il sopravvento e lo spinge a curare oltre all’estetica dei siti anche ottimizzazione, posizionamento per i motori di ricerca e usabilità. Contatta Salvatore