it-swarm-pt.tech

Sugestões para maquete de menu com "opções de usuário"

Atualmente, tenho a seguinte maquete para um menu de um aplicativo da web.

mockup

Eu gosto do lado esquerdo com os menus principais e seus sub menus suspensos. O que não tenho certeza é o lado direito. Gostaria de mostrar o nome do usuário, o botão de logout e um menu de estilo "suspenso" para opções que o usuário pode executar: alternar entre o perfil e editar a conta. Um perfil apenas altera o contexto do aplicativo (agenda diferente, etc.).

Eu gostaria de receber alguns comentários/sugestões sobre como melhor representar isso. Gosto dos ícones de 32x32, eles são agradáveis ​​e grandes (nem grandes nem pequenos). A única desvantagem é o espaço em branco, que é o que tento combater no lado direito. Mas acho que talvez o menu suspenso "Opções" não seja o ideal.

4
TheCloudlessSky

Concordo com @jameswanless: também não vejo uma desvantagem no espaço em branco. É um bom equilíbrio.

O principal no menu à direita é que não sei dizer a quem pertence: Opções ou Logout. Veja esta maquete modificada:

alt text

Principais mudanças:

  • Agora ficou mais claro que este é o menu Opções

  • Optei por um triângulo um pouco maior, embora provavelmente precise diminuir um pixel ou dois. Também é um triângulo plano. O que você tinha é pequeno demais para ser outra coisa senão um triângulo plano

  • Moveu o triângulo para a direita; esse é um uso muito mais comum

  • Eu adicionaria um gradiente como o que você tem no menu esquerdo

No geral, você tem um bom design limpo IMHO.

4
Hisham

Por que você acha que o espaço em branco é uma desvantagem? Há um bom equilíbrio no espaçamento agora IMHO.

O que é um pouco confuso sobre a maquete acima é o significado dos ícones. Acho que os links e a lista suspensa do perfil são bem claros, mas quanto aos ícones:

  • casa e caledar são bastante óbvios
  • o ícone que representa uma pessoa não é claro e pode ser interpretado como sendo sobre outros usuários ou perfil - como o perfil está claramente articulado no lado direito, isso pode ser aceitável
  • gráfico de barras - estou perdido neste, mas mais contexto sobre o aplicativo pode ajudar
  • bloco de notas - isso indica blog/diário e, se não, o que?
  • roda dentada - isso normalmente sugere configurações, mas, em caso afirmativo, como isso difere das configurações do perfil do usuário (se eu estiver correto, talvez você precise mesclar as configurações do site e as configurações do usuário ou torná-las mais distintas

É difícil fornecer um bom feedback sem saber que tipo de aplicativo estamos falando aqui.

0
jameswanless