Header Patterns
Useful idea for
freeing space
in a header.
Visit
See UI-Patterns.com for more info on shortcut drop-downs like this.

Highlights

  • Freeing space in headers
  • Cool pattern for profile options
  • Examples of profile menus

UI Pattern: Profile Drop-Down Menus

User interface pattern for global account shortcuts

A profile drop-down is a useful solution for grouping profile/account related options while freeing space. These may or may not contain the users’s nickname, full name, avatar, profile link, or, as I’ve noticed lately, logout options.

Last.fm

LinkedIn

Twitter

Facebook

I adore this UI pattern. Groups options into a natural “my stuff” kind of context. I’m particularly fond of including the username and avatar to further solidify the point. Logout is nice here, too, since it’s likely a less-frequently used option that should still be kept handy.

Comments and additional examples are more than welcome!

Related Posts:

0

Leave a Reply