it-swarm-eu.dev

Suggerimenti per il menu mockup con "opzioni utente"

Al momento ho il seguente mockup per un menu di un'applicazione web.

mockup

Mi piace il lato sinistro con i menu principali e i relativi menu secondari. Quello di cui non sono sicuro è il lato destro. Vorrei mostrare il nome dell'utente, il pulsante di disconnessione e un menu di stile "a discesa" per le opzioni che l'utente può eseguire: cambia il suo profilo e modifica il suo account. Un profilo modifica semplicemente il contesto dell'applicazione (programma diverso, ecc.).

Gradirei alcuni commenti/suggerimenti su come rappresentarlo al meglio. Mi piacciono le icone 32x32, sono belle e grandi (non troppo grandi o non troppo piccole). L'unico aspetto negativo è lo spazio bianco, che è ciò con cui cerco di contrastare sul lato destro. Ma penso che il menu a discesa "Opzioni" non sia l'ideale.

4
TheCloudlessSky

Sono d'accordo con @jameswanless: non vedo neanche un aspetto negativo dello spazio bianco. È un buon equilibrio.

La cosa principale con il menu giusto è che non riesco a dire facilmente a chi appartiene: Opzioni o Logout. Vedi questo mockup modificato:

alt text

Principali modifiche:

  • Ora è più chiaro che questo è il menu Opzioni

  • Ho optato per un triangolo leggermente più grande, anche se probabilmente deve dimagrire un pixel o due. È anche un triangolo piatto. Quello che avevi è troppo piccolo per essere qualcosa di diverso da un triangolo piatto

  • Spostato il triangolo a destra; questo è un uso molto più comune

  • Aggiungerei un gradiente come quello che hai per il menu a sinistra

Nel complesso, hai un IMHO dal design pulito e piacevole.

4
Hisham

Perché ritieni che lo spazio bianco sia un aspetto negativo? C'è un buon equilibrio nella spaziatura in questo momento IMHO.

Ciò che è un po 'di confusione riguardo al modello sopra è il significato delle icone. Penso che i collegamenti al profilo e il menu a discesa siano abbastanza chiari, ma per quanto riguarda le icone:

  • casa e caledar sono entrambi abbastanza ovvi
  • l'icona che rappresenta una persona non è chiara e potrebbe essere interpretata come relativa ad altri utenti o profilo - poiché il profilo è chiaramente articolato sul lato destro, quindi potrebbe essere OK
  • grafico a barre - Mi sono perso su questo, ma potrebbe essere utile più contesto sull'applicazione
  • blocco note: indica blog/journal e, in caso contrario, cosa?
  • ruota dentata: questo normalmente suggerisce impostazioni, ma in tal caso in che modo differisce dalle impostazioni del profilo utente (se sono corretto, forse è necessario unire le impostazioni del sito e le impostazioni dell'utente o renderle più distinte

È difficile fornire un buon feedback senza sapere di che tipo di applicazione stiamo parlando qui.

0
jameswanless