Review Spotify - Gerarchia visiva

[giadaagostino]

Ciao Luca, metto qua lo screen dell'esercizio su Spotify.

Nel file txt che avevi messo fra "Scarica" e "Accedi" c'e uno spazio e ho cercato di mantenerlo, non mi fa impazzire quel bianco - avevo provato a mettere in mezzo il logo di Spotify ma lo user potrebbe pensare sia un btn.

Ho provato due versioni perche mi piaceva l'idea di gestire le gerarchie non necessariamente in verticale sulla pagina.

[luc4leone]

feedback

• ottimo lavoro, gerarchia visiva rispecchia quella logica che ho dato
• interessante tentativo in v3 e v4 di layout meno ovvio di v1 e v2 che sono un classico "allineamento al centro", con posizionamento di "prova 1 mese..."

esercizio extra

• valuta una riduzione del size del logo; nelle mie spec non ho detto nulla del logo. vuoi che sia così prominente? se sì perché, se no perché?
• prendi una delle 4 versioni e fai un rework: rispetta la gerarchia che hai dato, ma prova a usare più il colore (scala di grigi) del size (che è quello che hai fatto)
• metti la label del button "visualizza piani" su una riga, cambia qualcosa in termini di gerarchia?

[giadaagostino]

Grazie Luca, ci lavoro.
Unica cosa che non mi è chiara è l'hint sul bottone visualizza i piani.
Devo avere "visualizza piani" su una sola riga senza andare a capo e centrarlo? O deve stare su una riga diversa dall'altro bottone?

[luc4leone]

Devo avere "visualizza piani" su una sola riga senza andare a capo e centrarlo? O deve stare su una riga diversa dall'altro bottone?

la prima

[giadaagostino]

uno sfondo che crea forte contrasto mi sembra aiutare la percezione della scala di grigi rispetto al bianco, non so se è una mia impressione. Ora provo a scegliere 1 solo colore (es. arancione) e vedo se con lo sfondo bianco lavorando sulle intensità mi porta comunque a modificare lo sfondo.

[giadaagostino]

scale di grigio e toggle mi stanno facendo sudare.

[luc4leone]

scale di grigio e toggle mi stanno facendo sudare.

Buon segno, si migliora solo nel sudore.

Questo esercizio ti tornerà parecchio utile quando passerai dai grigi ai colori nella seconda parte del corso

uno sfondo che crea forte contrasto mi sembra aiutare la percezione della scala di grigi rispetto al bianco

Secondo me è simmetrica la cosa, sia con sfondo bianco che nero, il contrasto percepito dell'elemento in grigio dipende dal rapporto tra il grigio e lo sfondo (se vuoi lo stesso contrasto con sfondo #fff o #000 devi usare grigi diversi).

h4 ha troppo poco contrasto per essere leggibile e probabilmente anche h3. l'accessibilità va al di là dell'esercizio e la vedrai nella seconda parte del corso, ma se sei curiosa fai una ricerca su APCA e WCAG