2010 top web design trend: nuove direzioni per i visual designer di oggi a cura di Emmanuel Trogu

L’anno è appena incominciato e come per l’oroscopo anche noi facciamo previsioni sull’anno che abbiamo davanti e valutazioni sull’anno appena passato in termini di tipologie grafiche e stili che rappresentano e andranno a rappresentare il web. Vediamo dunque cosa teniamo e cosa cambiamo per il visual design 2010.
Tipografia
Abbiamo già visto nell’anno passato l’aumentare della dimensione dei caratteri soprattutto nella testata e nei titoli. Abbiamo visto un uso della tipografia ad ampio respiro senza l’ansia di riempire l’homepage (e le pagine interne) di contenuti microscopici e di difficile lettura.
Menu di navigazione
Un segno che l’usabilità è diventata importantissima nella progettazione dei siti è che sempre più spesso vediamo menu orizzontali.
Generalmente (personalmente ho dovuto cambiare idea) questa soluzione non è ben accetta, vista la frequenza con cui il cliente a sito ultimato si inventa due voci – a suo dire – fondamentali che devono (imperativo) essere visibili subito, si, proprio in quel menù.
Se non fosse che due voci in più in orizzontale proprio non ci stanno…
E’ un dato di fatto che il limite dei menu orizzontali è proprio la ridotta possibilità d’azione nello spazio (in larghezza). Ma è anche un limite avere voci inutili e ripetitive per esprimere concetti, in virtù del fatto che l’architettura dei contenuti è diventata così importante e ci aiuta a focalizzare l’uso dei messaggi.
Per approfondire vi consiglio di leggere l’articolo di Louis Lazaris.
Iniziano a vedersi anche i menù orizzontali che simulano il 3D, come si vede qui:
Rimarranno con noi:
Slider
Ampie testate con slider di immagini e/o testo che scorrono, per presentare in maniera visiva, coincisa ma diretta, i messaggi all’utente. L’abbiamo visto per presentare servizi, case history, ultimi lavori realizzati, per sintetizzare concetti e aiutarci a scegliere un tipo di navigazione piuttosto che un’altra.
One page site
I siti che racchiudono in un unica pagina tutte le informazioni; con uso di scroll e framework ajax in abbondanza.
Scketches
Si intensifica l’uso di skeches ed elementi iconografici: differenziarsi usando piccole illustrazioni, simboli o icone.
Intro boxes & modal boxes
Avete presente quei simpatici box – li avete presente: pensate a inviare un messaggio su facebook, ecco si, quelli - che hanno sostituiti i fastidiosissimi pop up?
Grazie all’uso di javascript possiamo avere un ottimo ritorno in fatto di usabilità, look&feel da parte dell’utente. Interazione breve ed efficace e si può tornare tranquillamente al contenuto.
Seo design
Realizzare un sito con tutte le carte in regola significa anche non dimenticarsi mai delle regole per l’ottimizzazione.
Una piccola guida: Seo Guide for Designers.
Novità (?)
Vedremo lo svilupparsi di html5 e nuove funzioni di css3?
Sembrerebbe di si:
Articoli recenti, come questo in cui possiamo tra le altre cose vedere l’uso di font:face e text-shadow. Per vedere altre potenzialità di css3 non perdetevi questo.
Vedremo quindi il moltiplicarsi dell’uso di tool tips. Eccone un bel compendio.
Mobile design
Inutile dire che grazie ai vari smartphone in giro sul mercato navigare sul web è diventato più comune, più facile, e anche più piacevole grazie all’attenzione riposta alla creazione di interfacce mobile user friendly.
Ottimizzare la navigabilità e l’architettura dei contenuti diventa quindi fondamentale; va abbinata a un design leggero, di pochi elementi ma disposti in maniera precisa, poiché lo spazio è limitato e il contenuto diventa principe indiscusso.
Se siete alle prime armi con il mobile design segnatevi questo link: http://mashable.com/2009/11/26/mobile-web-design/ vi aiuterà a capire alcuni passaggi fondamentali.
In conclusione
Prevedere trend e movimenti del web è sempre molto azzardato, vista la velocità delle evoluzioni tecnologiche in questo ambito. Speriamo anche di essere sorpresi e di vedere idee, proposte grafiche, sviluppi di applicazioni web in grado di far crescere gli utenti e il loro modo di utilizzare i propri device, siano essi piccoli iphone, netbook o in questo momento tanto discussi iPad.
;)
Tags: 2010, Architettura dell'informazione, communication, Intro boxes & modal boxes, mobile design, One page site, Scketches, Seo design, Slider, usability, visual design, web design, web trends