Reading/Web/Desktop Improvements/Features/Sticky Header/vi

Với tư cách 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 sẽ thay đổi các công cụ được sử dụng phổ biến mà trước đây chỉ có sẵn ở trên cùng của trang. Chức năng mới sẽ cho phép tiếp cận những công cụ này xuyên suốt trang thông qua một thanh đầu trang "dính", hay có thể hiểu là "cố định". Mục tiêu của chúng tôi là giúp người đọc và biên tập viên tiếp cận những công cụ này một cách dễ dàng hơn. Giờ chúng tôi nhận ra rằng, họ phải thường xuyên cuộn tít lên trên đầu trang.

Khái quát và Mục tiêu
Hiện tại, nhiều chức năng trên trang wiki chỉ có sẵn cho người dùng ở trên đầu trang, và/hoặc ở thanh bên trái trang. Việc này trở nên rắc rối ở những trang dài hơn, khi cuộn qua một vài đoạn văn đầu có nghĩa là người dùng sẽ phải cuộn ngược trở lên để có thể tiếp cận lần nữa những công cụ và tài nguyên khác. Phương pháp chúng tôi đề xuất để giải quyết vấn đề này là khiến thanh đầu trang trở nên "dính". This means it stays fixed to the top of the screen (above the content) as you scroll up or down the page.

In addition, we currently offer very little in-page orientation to our readers and contributors. This makes it difficult to distinguish between one page and another.

Our goal is to:
 * Provide both functionality and context throughout the page.
 * Reduce the time readers and editors spend scrolling up and down the page for navigational purposes.

Use cases

 * As a reader, I want to know what article I’m reading at all times, so that I can easily orient myself within the site.
 * As an editor, I want the ability to access important functionality (e.g. edit, go to the history page or the talk page of the article) from anywhere in the page, so that I do not waste time when scrolling up.
 * As a multilingual reader, I want the ability to switch languages at any point of my reading, so that I can switch directly after I find a confusing word or sentence.

Feature description and requirements
Một thanh đầu trang dính/cố định sẽ xuất hiện ở trên cùng của trang sau khi người dùng cuộn quá thanh đầu trang hiện tại của trang.


 * Đối với những người dùng ẩn danh, thanh đầu trang sẽ chứa những thứ sau:
 * Wiki logo
 * Search
 * Page name
 * Section name


 * Đối với người dùng đã đăng nhập, thanh đầu trang sẽ chứa những thứ sau:
 * Wiki logo
 * User tools menu (see user tools page)
 * Search
 * Page name
 * Section name
 * Link to talk page
 * Link to history page
 * Link to source and/or edit (following the preferences of the wikis itself)
 * Language switching functionality

Hành vi cuộn của thanh đầu trang sẽ phải tương ứng với nhu cầu của người dùng đã đăng nhập Thanh đầu trang phải tương ứng được với độ phân giải màn hình thấp hơn (xuống tới 500px)
 * Ghi chú: chúng tôi hiện tại đang thử nghiệm một loạt các hành vi cuộn và phát sinh khác nhau bao gồm việc cho phép thanh đầu trang xuất hiện khi cuộn lên và khi chuyển tab. We will also be exploring displaying the header in a persistent manner

Prototype
https://people.wikimedia.org/~jdrewniak/dip/p4.html#/en/wiki/Moon

Anonymous users
Note: for the first iteration of the sticky header, the header will only be available for logged-in users

User testing
Chúng tôi đã thực hiện thử nghiệm người dùng đối với thanh đầu trang dính với những người đọc và biên tập viên ở ba địa điểm và ngôn ngữ với mục đích quyết định xem chức năng nào có độ ưu tiên cao nhất để cho vào bên trong thanh đầu trang dính. For the first iteration of the sticky header, we will be removing triggering behavior and making the sticky header persistent as per request of a number of the editors involved in the user testing. We will then evaluate the change once live. We also tested the usability of our current prototype.

Kết quả của cuộc thử nghiệm được sử dụng để thử nghiệm các liên kết có sẵn bên trong thanh đầu trang cũng như việc phát sinh và sự ổn định của thanh đầu trang. See the full results of this test.

Prototype testing
In May 2021, we performed prototype testing with logged-in users across 30 wikis. Thử nghiệm được thiết kế để thu thập phản hồi về độ khả dụng và chức năng của thanh đầu trang dính và menu người dùng.

Our preliminary results show that an overwhelming majority of test participants reported positive experience with a sticky header. Participants mentioned they enjoyed the ability to access important functionality from any part of the page.

However, a large number of participants (~20%) indicated issues with the appearance of the sticky header itself. The majority of these participants indicated that they wished for the header to appear on the page permanently rather than by a variety of triggers. Some of the participants indicated that while they enjoyed the appearance of the header on trigger, they experienced issues with the header appearing/disappearing too quickly.

As next steps, we will be reviewing the triggers that allow the header to appear and disappear. We are also planning on further experimentation with the sticky header appearing persistently on the page. These changes will be expected to appear within the first iteration of the sticky header deployed to our pilot wikis.

Quantitative testing
We will be monitoring the before and after usage of the links included in the sticky header on our pilot wikis following our initial deployments. We expect to see a small but significant rise in access to some of these links, in particular, to the talk page and history page.

My templates use sticky elements. How do I get them to work with the sticky header?
Add the  class to any elements that you want to stick to the bottom of the sticky header.