Come progettare web in stile “Googley”

Verso la fine del 2007, Google ha deciso di scrivere nero su bianco le caratteristiche di un’interfaccia in stile Google, Googley appunto. Questo per guidare gli sviluppatori Google sparsi in tutto il mondo. E’ stato incaricato a redarre questo documento il gruppo "User Experience", UX per gli amici, che all’interno dell’azienda si occupa di design delle interfacce utente, di visual design, di sviluppo web e di user interface writing.

Googley

Sono stati elaborati 10 punti fondamentali, una sorta di 10 comandamenti del web design che secondo gli autori consentiranno ai team di sviluppo di pensare in grande e di prendere decisioni eleganti e intelligenti. Ecco i 10 principi del web design "Googley":

  1. UTILE. Focalizzare la propria attenzione sull’utente - sulla sua vita, il suo lavoro, i suoi sogni.
  2. VELOCE. Ogni millisecondo dell’utente è prezioso. Non bisogna sprecarlo. Ecco perchè i siti di Google si caricano velocemente e non ci fanno aspettare inutilmente il caricamento di immagini inutili e pesanti.
  3. SEMPLICE. La semplicità è sempre vincente. La troviamo nell’accessibilità, nel visual appeal, nella velocità di caricamento e nella facilità d’uso di un’interfaccia. I migliori design devono includere solo le caratteristiche che permettono alle persone di raggiungere i loro scopi.
  4. ACCATTIVANTE. Catturare gli utenti normali, attrarre gli esperti.
  5. INNOVATIVO. Spingere costantemente all’innovazione.
  6. UNIVERSALE. Progettare pensando universalmente. Un contenuto deve poter essere letto da chiunque, nonostante la velocità di connessione, il dispositivo utilizzato, la lingua dell’utente.
  7. REDDITIZIO. Aumentare il business attuale, senza precludere quello del futuro. Per esempio, Google cerca di mostrare sempre i banner più pertinenti e in maniera sempre più diffusa per aumentare le sue entrate. Tuttavia tutela gli advertiser, in modo che ricevano utenti interessati e siano così incentivati a continuare il rapporto con Google.
  8. BELLO. Deliziare gli occhi senza mai distrarre la mente.
  9. AFFIDABILE. Guadagnare la fiducia degli utenti. L’interfaccia deve essere efficente e professionale, le azioni intraprese devono essere facilmente reversibili, i banner devono essere facilmente identificati, la terminologia consistente e l’utente non deve mai essere sgradevolmente sorpreso.
  10. UMANO. Aggiungere un tocco umano. I testi e gli elementi di design sono sempre amichivoli, veloci e scaltri e non sono mai noiosi, arroganti e di corte vedute.

Decisamente un gran bel elenco di concetti e regole da seguire quando progettiamo un sito. Dovremo tutti sforzarci di seguirle per ottenere un mondo (virtuale) migliore.

Articoli Correlati

Progettare form per applicazioni web

Idee e suggerimenti su come progettare il modulo per la propria applicazione web. Si possono commettere errori che si possono evitare prendendo le giuste precauzioni. Questa guida vi illustra le tecniche indispensabili per creare il vostro modulo web.
, , , ,

Bottoni in stile iPhone, ecco un ottimo tutorial per Photoshop

Sull’onda dell’entusiasmo verso il cellulare dell’Apple, iPhone, si stanno diffondendo in rete schede tecniche, recensioni e recensioni su questo promettente telefonino. Il design dell’interfaccia grafica, molto simile al Desktop di Mac OS X, ha colpito l’interesse di molti designer.…

Creare bottoni in stile Web 2.0

Ogni giorno la rete propone nuovi servizi Web 2.0 che hanno la caratteristica di essere strumenti semplici e chiari. Non c’è uno stile dichiarato a priori, nessuno ha mai definito cosa vuole dire uno stile web 2.0. L’unica cosa che…
, ,

Una sitemap di stile

Riprendendo l’articolo di ieri, oggi segnalo un ottimo tutorial per creare la mappa del proprio sito solamente utilizzando liste non ordinate e un foglio di stile. SlickMap CSS è un foglio di stile semplice creato appositamente per creare…
, , , , , ,

Scrivere e ripulire un foglio di stile: due strumenti per CSS

Ora vi presento due strumenti utili per chi deve lavorare con i fogli di stile. Sono entrambi gratuiti e di di facile utilizzo.

Altri articoli...

Creare un footer in stile Web 2.0

Da quando Web 2.0 ha rivoluzionato il modo di concepire il design dei siti web, anche i footer, ovvero la parte finale delle pagine web, hanno acquistato un ruolo importante nell'equilibrio dei valori della pagina. Eccovi un ottimo tutorial per farvene uno in casa.
, , ,

Il tuo albero genealogico online in stile web 2.0

Per chi non avesse mai visto un’applicazione web 2.0, eccovi un ottimo esempio. Si tratta di Geni, uno strumento online che vi permette di creare con pochi click il vostro albero genealogico. Geni facilita la creazione dell’albero genealogico attraverso…
, ,

PrtScr: un Print Screen con stile

Sicuramente in giro per la rete ci sono tantissimi software che permettono di catturare lo schermo, ovvero fare il copia e incolla di quello che si vede sul monitor del proprio pc per poi magari elaborarlo con strumenti di fotoritocco.…
, , ,

Una timeline di stile

Oggi vi segnalo questo ottimo articolo che vi mostra come creare una timeline utilizzando semplicemente una lista non ordinata di elementi opportunamente impaginata con un foglio di stile. Questo è il risultato, una rappresentazione semplice e lineare con un…
, , , ,

Menu di navigazione con i fogli di stile

Oggi sono capitato su Exploding Boy, il blog di Christopher Ware, un web e graphic designer dell'Alabama. Su questo bel sito l'autore mette a disposizione un buon numero di risorse da poter riutilizzare.
, , ,


Un commento

26 apr 08

Ho sempre immaginato che il successo di Google sia dovuto al fatto che il sito è stato costruito proprio seguendo le linee citate sopra citate.

Semplice, veloce, e intuitivo, fanno la differenza!

Ottimi consigli, grazie!

Come progettare web in stile “Googley”

   ( dai lo so che non va bene per un seo-man scrivere un link cosi….ma mica devo cambiarmi la vita con sto blog su….) Poi dopo mi pare un click (si perche’ di base si parte dalla pagina principale del blog…) ti mandaQUI   ( in realta’ arrivi in una pagina dalla quale poi arrivi li…) e l’amico dopo aver “tradotto” pari parii dieci comandamenti del gigante ti da finalmente la strada maestra e cioe’ la pagina di Google :

In genere solo raramente mi soffermo in una lettura più attenta di questo genere di articoli (ipotizzando con arroganza di non aver nulla di nuovo da imparare ). Eppure questa volta non ho potuto proprio ignorareil post in questione, dopo aver appreso dal titolo che il dispensatore di consigli di turno era niente-po-po-di-meno-chè l’onnipotente Google.

Scrivi il tuo commento

* Nome, Email e Commento sono richiesti

Vuoi ricevere gli ultimi articoli e tenere d'occhio i commenti direttamente sul tuo PC?

Dynamick Toolbar

Potrai inoltre navigare ascoltando decine di radio on line, accedere a centinaia di TV in streaming e chattare con gli altri visitatori del sito.

Per Windows 2000/XP. No spyware!

Libere offerte di viaggio