italia / design-web-toolkit

Questa libreria è deprecata, si consiglia l'utilizzo di Bootstrap Italia (https://italia.github.io/bootstrap-italia/)
Creative Commons Zero v1.0 Universal
93 stars 87 forks source link

finalizzare header e menu #6

Open gunzip opened 8 years ago

gunzip commented 8 years ago

La testata deve contenere le seguenti funzionalità:

La testata può inoltre contenere una o più delle seguenti funzionalità:

mirkobattisti commented 8 years ago

Secondo me questo punto:

dovrebbe stare nel primo gruppo "deve", almeno su desktop.

Aggiungo un'altro paio di questioni che derivano dall'esperienza relativa all'ultima versione del design che abbiamo implementato per i comuni (es http://www.comune.trento.it/.

  1. Abbiamo definito che alle quattro sezioni principali fossero associati 4 colori diversi. Al di là della questione accessibilità (non veicolare informazioni con l'uso dei colori), abbiamo trovato che questo è un valido ausilio a "capire dove si trova" per chi ha la possibilità di vedere i colori, quindi lo chiamerei "progressive enhancement".
  2. Nella barra sotto il menù (dove c'è il "cerca") ci sono le icone social, ma soprattutto telefono e email. Quelle due funzionalità sono molto utili soprattutto su mobile (penso in particolare al link sul telefono che predispone la chiamata se cliccato da smartphone). L'idea di metterle in alto era per facilitare il contatto del pubblico con il comune soprattuto su dispositivi mobili. Forse è accettabile che i link ai social network spariscano da mobile (ma dipende dal livello "social" che ha il comune in questione), mentre sono abbastanza certo che non nasconderei telefono e email.

Ogni considerazione in merito è ovviamente ben accetta.

gunzip commented 8 years ago

La questione del menu orizzontale obbligatorio è all'ordine del giorno e andrebbe "chiusa" asap. I problemi sono quelli noti

  1. va benissimo, tant'è che esiste un meccanismo simile sul sito di FP: es. http://www.funzionepubblica.gov.it/fonte/riforma-della-pa (la barra verde sotto l'header individua la sezione). potremmo inserirlo eventualmente come indicazione
  2. parliamone. quando le informazioni sui contatti sono più complesse (es. più email o numeri di telefono per i diversi uffici o dipartimenti) l'icona o il numero di per sé non comunicano a chi sto scrivendo / telefonando. si potrebbe utlizzare un link 'contatti' che porta al footer in corrispondenza delle informazioni relative (più prolisse)
AlessandroVecchi commented 8 years ago

Personalmente, quando entro in un qualsiasi sito web, per cercare i contatti scorro subito al footer. Non so dire se è una mia deformazione professionale o un'abitudine consolidata dall'esperienza di navigazione, magari @gunzip ci sa dire se sono state fatti test reali con utenti. D'altro canto è vero anche che entrando da mobile raggiungere il footer è meno immediato che da desktop, però non lo sento come un'esigenza così pressante.

Per la scelta dei colori dei menu, a mio parere, potrebbe essere lasciato libero agli sviluppatori senza mettere dei vincoli nelle linee guida.