「什么场景下使用」

释义
把用户登录后会用到的工具集合,放在软件的右上角(用户习惯在右上角找登录、登出等系统操作)。

使用场景
这个模式纯粹是惯例:在任何需要登录的软件右上角放置登录工具。

「使用的原则或依据」

使用规范
保留每个页面右上角空间,留给登录工具。除非名称和头像已经出现在页面其他地方,否则用户登录名称(缩小版头像)放在这里。
同时,请把下列工具(如果有的话)放在一起:

  • 登出用的按钮
  • 账号设置
  • 个人中心设置
  • 个人收藏
  • 通知
  • 购物车
  • 帮助中心
  • 客户服务
  • 回首页

重要的点
别让这个区域显得太醒目,不要喧宾夺主抢了主页的风采,功能可以用图标替代(通知、购物车)。
当用户未登录时,这个区域可用于放置登录框。

「类型与案例」

右上角头像藏着登录工具

用在何处 网站或客户端登录登工具

案例1:Airbnb、Google、Twitter登录工具

😄 虽然三个网站的登录工具都不引人注目,但是很好找,因为它们位于用户熟悉的正确位置(右上角),和使用熟悉的正确方式(藏在缩小头像里)。
image.png
image.png
image.png

「更多案例」

登录工具(更多案例)