Đọc/Web/Cải thiện phiên bản máy tính/Tính năng/Thanh đầu trang

This page is a translated version of the page Reading/Web/Desktop Improvements/Features/Header and the translation is 18% complete.
Outdated translations are marked like this.

Như là một phần của dự án Cải thiện Phiên bản máy tính, chúng tôi giới thiệu một thanh đầu trang mới.

  1. Phiên bản thử đầu tiên của thanh đầu trang này bao gồm một logo được cấu hình lại, có kích cỡ nhỏ hơn (tuy nhiên wordmark và tagline vẫn giữ nguyên kích cỡ hiện tại như trong giao diện Vector).
  2. Sau này, chúng tôi sẽ tìm hiểu thêm về việc khiến cho thanh đầu trang này "dính" - tức là có thể tiếp cận được ngay cả khi một người dùng cuộn trang xuống. Việc này sẽ cho phép người đọc và biên tập viên tiếp cận các tính năng quan trọng như sửa đổi toàn trang hoặc xem trang thảo luận, trang lịch sử mầ không cần phải cuộn lên tận đầu trang.

Kế hoạch triển khai

Chúng tôi bắt đầu triển khai phiên bản thử đầu tiên vào tháng 5 năm 2020 tại Office Wiki và Test Wiki, và lên kế hoạch tiếp tục tại các wiki triển khai sớm vào những tháng tiếp đó. Hãy xem [Special:MyLanguage/Reading/Web/Desktop Improvements/Features|trang Các tính năng chính]] để biết thêm chi tiết.

Mô tả và yêu cầu của tính năng

The first iteration of the header consists of the new logo. The reconfiguration of the logo will allow us to provide future functionality such as the sticky header mentioned above, as well as easy access to the collapsible sidebar.

The approach we took was to separate the logo into three components - the logo itself, the wordmark (the stylized name of the wiki), and the tagline (the text that site beneath the logo, for example “the free encyclopedia” for Wikipedia). This allows increased flexibility when defining logos both for this project, as well as for future WMF and community initiatives.

Visually, the logos will appear in a horizontal layout, with the logo to the left, and the wordmark and tagline immediately to the right of it (see mockup below).

Design requirements and guidelines

The current design will feature the logo in a different configuration, as can be seen below:

We will also be publishing detailed logo creation guidelines soon. 


The new header and logo setup introduces different constraints than were seen before. In particular:

  • The new logos will be image tags. This means that caching will need to be taken into account when changing any logos - i.e. the updated logos might take a few days to propagate throughout a wiki.
  • The new logos will be served as SVGs. No PNG fallbacks will be available. This means that for browsers that do not have JavaScript, the logos will be displayed as text only.

User testing

We performed prototype testing with editors on a variety of wikis. This test included the new version of the header. The majority of users reported positive to neutral experiences to the new header and logo configuration. However, about 18 of the 226 editors tested (about 8%) expressed concerns with the size of the logo. The main concern stated was that the new configuration of the logo would not be as prominent and memorable as the current configuration. We share some of these concerns and will continue gathering feedback once the change is live on some of the production wikis.

We also believe that any effect this might have will be lessened once a persistent (sticky) header is introduced. Our current plan for the persistent header is to include the full or partial version of the logo throughout the reading experience, in addition to access to other functionality.

That said, we have explored other ways of making the logo more prominent - including centering it in the middle of the header, as can be seen in this prototype. Based on the feedback received from the test wikis, we will determine whether this is a direction we want explore more in the future:

Prototype of header and table of contents for an improved desktop interface for MediaWiki projects

Quantitative testing

As the current header changes are visual-only, we will not be performing any direct quantitative testing for this change. However, we will be monitoring important metrics such as account creation and pageview to note any overall effects.