[Gruppo-web] Men¨ cambio sito

Mattia Migliorini deshack a ubuntu.com
Mar 10 Giu 2014 11:17:50 BST


-----BEGIN PGP SIGNED MESSAGE-----
Hash: SHA1

Ciao a tutti,
scusate per il ritardo.

> La soluzione di Mattia la chiamiamo Unity: una barra sulla sinistra
> che abbia un link per ogni portale della comunitÓ, a mo' di Unity
> ovviamente. Sugli schermi abbastanza grandi sarebbe visibile di 
> default, sugli schermi piccoli comparirebbe al click su una freccia
> o con uno swype (sul mobile)

Pi¨ che barra (che stonerebbe, come avete giÓ detto) pensavo ad una
lista verticale di icone, quindi senza background e non sempre visibile.
Nell'header presentiamo l'icona del portale corrente (nel nostro caso
del sito web, pu˛ essere un globo). Per gli schermi grandi, al click
su quell'icona vengono mostrate le altre, sotto la prima, lungo il
lato sinistro della pagina. All'hover su una delle icone viene
mostrato un tooltip con il nome del portale (quindi ovviamente c'Ŕ da
prestare attenzione alle icone che vengono scelte, perchÚ devono
spiegarsi da sole).
Su schermi pi¨ piccoli, come giÓ detto da Riccardo, il tap sull'icona
o uno swipe della pagina mostrano un menu laterale a comparsa con
icona e testo giÓ visibile.

Accanto a questo, la mia proposta prevedeva di replicare il men¨ nel
footer, dove solitamente questo tipo di navigazione si trova.
> 
> La soluzione di Pietro la chiamiamo dropdown: passando sul logo di
> ubuntu-it comparirebbe un men¨ a tendina con tutti i portali, un
> po' come quella di Google per selezionare i portali in alto a 
> destra. Sugli schermi touch ci sarebbe una freccia di fianco al
> nome da cliccare

Su questo ho alcune perplessitÓ.
Trovo poco intuitivo "cercare" un men¨ dietro un logo e su mobile una
freccia dice veramente poco.

Ho fatto un paio di mockup al volo (desktop [1] e mobile [2]).

[1]
https://ubuntu-it.mybalsamiq.com/projects/web/Home%20page%20con%20Unity
[2] https://ubuntu-it.mybalsamiq.com/projects/web/Unity%20Mobile

- -- 
Mattia Migliorini

Web Designer
Website: www.deshack.net
OpenPGP key: AA3B90BC
Fingerprint: 5F30 BEB3 224E A831 1DCE  F554 7E64 2AFF AA3B 90BC
-----BEGIN PGP SIGNATURE-----
Version: GnuPG v1
Comment: Using GnuPG with Icedove - http://www.enigmail.net/

iQIcBAEBAgAGBQJTlttNAAoJEH5kKv+qO5C8l1IP/i/L7d9vB/n77vDzadI1nlOY
ADONk8vI5BwQ5cGwcvkT4XEnW2wZCXJ1ItK6CdH+lWORzbT3uhE1tlov9V37EI8l
G6NTgyRRSf2Y7/wywAZLy60L58ADyHUAgVne13YN9d+1pp2ZND5LDKbjUrAubWA1
3ANmoS+SNbZh/YJHjTSiqYUMYqCVmdjpcT2Ihbi0SeU5+xxqWVuVIbyDwhYoq50N
rSE6QP9O1zWSZ04BdiFx07/AWbAV5IFck80FLwPD8adbm7zANZ4h/wZdGP04B+a6
+ygGmVRYI5fBfKA8+ecigYfcshBAGKusTY0CjYPbcHWhZJc8BYyTyHKVXtK1Ybh6
B2mSmQRnIsdcTFChWVPMdR0llKH9Cexg8usoEYbi4BJVbGC2R6+3xLihirwhMAvP
gOxqCDBBbMViUZmT4E3mnwKXAP+7DMleHXNvsjS/p+h9zoNKOXxn6pT1aDfrjgR1
l7b1Yfk00Jqd8EvWiU4HmmBjvzJiMsWasNKq/lFFnCsd9JPiEwJbXdIC1R43+jSJ
LtcEib4aWPaxzmolroOkycO8fcIYAi9REB336dCChtIFCWUVgN7agKn5FCWwC7D4
jW7MjErvcj6XxMQzNvsOi+ZVZf+8pr1syc7awMBBf5BPTUc6xODeb0CSBDUxIxvN
7OVotWS6CwhCrDMEJ17k
=sF4F
-----END PGP SIGNATURE-----
-------------- parte successiva --------------
Un allegato non testuale Ŕ stato rimosso....
Nome:        deshack.vcf
Tipo:        text/x-vcard
Dimensione:  227 bytes
Descrizione: non disponibile
URL:         <http://liste.ubuntu-it.org/cgi-bin/mailman/private/gruppo-web/attachments/20140610/b2ddcb9f/attachment.vcf>


Maggiori informazioni sulla lista Gruppo-web