Reading/Web/Desktop Improvements/Features/User menu/zh

作为桌面版改进的一个项目，我们正在尝试一种新方法来展现页面顶部的用户工具. We plan to collect these features under a single menu that will allow logged-in and logged-out users easy access to their user tools. Our goal is to make the navigation more intuitive by visually highlighting the structure of user links and their purpose.

背景
Currently, the user tools are found as links at the top of the page. This introduces confusion in our navigation hierarchy. As the links are not presented cohesively as a unit, they can create confusion for newcomers that do not know that the links are associated with individual user tools. In addition, the links take a lot of space on the screen, creating a cluttered appearance.

We plan on improving the appearance of these links with the following goals:


 * Allowing for increased clarity in the purpose of the links by visually identifying that all links are related to user-specific tools and features
 * Allowing for a decreased visual clutter and thus, a more welcoming appearance of the header of the page as a whole

发布计划
We have been working on these changes between April and June 2021, and are hoping to deploy our first iterations in mid-2021. We will be deploying the changes by default to our early adopter wikis. The changes will also be available to all logged-in users that have opted into the new experience.

用户需求

 * 读者：我想要在页面顶部看到较少链接，这会让我更专注的阅读文本.
 * 读者：我希望创建账户的通道能在页面上简洁明了的显示，能让我方便的创建账户
 * 编者：我想要快速进入我的所有用户页
 * 初学者：我希望我的用户工具能简明显示，以便我知道我能用哪些工具

功能描述及要求

 * 1) 旧版vector皮肤的所有链接将合并到一个可展开的用户菜单中
 * 2) 用户菜单必须为未登录用户和已登录用户提供不同的选项
 * 3) 新菜单不可移除旧菜单的任何链接
 * 4) 每个用户页面都必须有直接链接
 * 5) Direct links must be available when a new message is received on the user’s talk page
 * 6) The menu must allow for links added via gadgets (such as the UTC clock) or user scripts
 * 7) The menu must contain logos as well as text for each menu item, to allow for quicker identification
 * 8) The menu must work at lower resolutions down to 500px

Prototype
This prototype displays the behavior for logged-in and logged-out users of the current iteration of the user tools menu. The final design will be subject to change based on the results of the quantitative tests and qualitative feedback described below.

读者和编者的用户测试
We performed user testing with readers and editors in three different locations. The goal of this test was to indicate the ease of use of the user menu and, in particular, to determine whether the iconography used was understandable. The results of the test indicated that it was preferred to use both icons as well as text within the menu, especially for wiki-specific pages such as Sandbox and Contributions.

Prototype testing with editors and other logged-in users
In May 2021, we performed prototype testing with logged-in users across 30 wikis. Our preliminary results show that the menu itself was easy to use and participants could intuitively navigate to pages within the menu from their first try. However, some participants indicated that they would like more control over which items are shown within and outside of the menu. This is something we’re considering for further iterations of the feature.

Quantitative testing
We will be monitoring the before and after usage of the user links on our pilot wikis following our initial deployments. While we expect to see a small drop in user links, any drop over 10% will be considered ground for immediate iteration on the feature.

参见

 * 紧凑个人栏

Why doesn't the user menu show on hover?
Showing a menu on hover is not a good user interface pattern. A menu should not be triggered by hover. Only by click. It's standard in basically all interface elements we provide and Vector legacy was the exception to the rule, historically grown without design oversight. Expected by one user group, surprising to confusing by another.

More context is provided on https://phabricator.wikimedia.org/T275681#6882448