Reading/Web/Desktop Improvements/Features/Limiting content width/vi

Một trong những mục tiêu chính của dự án là làm cho Wikipedia và các wiki khác của Wikimedia thân thiện hơn với người dùng mới. Một cách mà chúng tôi nhắm đến để có thể thực hiện được điều này là khiến cho trải nghiệm đọc các bài viết trở nên thoải mái hơn.

Nhưng, trải nghiệm đọc thoải mái (hoặc không thoải mái) có nghĩa là gì? Theo nghiên cứu, có một số yếu tố góp phần vào việc này, mà một yếu tố chủ yếu chính là độ dài của dòng. Nghiên cứu Độ dài dòng văn bản trên máy tính ảnh hưởng đến việc đọc và học của Peter Orton, Ph.D. tại Trung tâm Học tập Nâng cao của IBM, kết luận rằng dòng chữ càng dài thì người đọc càng khó đọc, và do đó khó có thể học hỏi và ghi nhớ thông tin văn bản. Một số nghiên cứu liên quan khác có thể được tìm thấy trên bài viết Wikipedia Độ dài dòng, tất cả đều khuyến nghị rằng mỗi dòng nên có từ 40 đến 75 ký tự.

Mặc dù không dễ để đạt được độ dài dòng khuyến nghị trên các wiki của Wikimedia nhưng chúng tôi sẽ giới hạn độ rộng của nội dung bằng cách sử dụng một độ rộng tối đa để phần lớn văn bản trên wiki có độ dài của dòng gần với khuyến nghị hơn.

Bạn có thể tìm hiểu thêm chi tiết về các nghiên cứu liên quan đến tính năng này.



Mô tả và yêu cầu của tính năng
Chức năng chính của tính năng này là giới hạn chiều rộng của nội dung bài viết. Tuy nhiên, để đảm bảo rằng các yếu tố khác trên trang (cụ thể là thanh bên và tiêu đề) không trôi quá xa khỏi nội dung, chúng tôi đã thêm hai vùng chứa bổ sung. Vùng chứa thứ hai đảm bảo rằng thanh bên vẫn ở gần với nội dung. Sau đó, để giúp tiêu đề không trôi quá xa so nội dung và thanh bên, có một vùng chứa thứ ba hạn chế chiều rộng tối đa của tiêu đề.

Từ góc độ kỹ thuật: nội dung trên hầu hết các trang được đặt bên trong một vùng chứa nội dung với chiều rộng tối đa là 960px. Có hai vùng chứa bổ sung giúp quản lý độ rộng của các phần khác của giao diện, chẳng hạn như tiêu đề và thanh bên: vùng chứa không gian làm việc (độ rộng tối đa 1440px) và vùng chứa trang (1650px). Dưới đây là các sơ đồ minh họa cách các vùng chứa này hoạt động. Có một số trang nhất định có nội dung không bị hạn chế bởi vùng chứa nội dung bao gồm các trang Lịch sử, Thay đổi gần đây và các trang loại nhật ký tương tự khác.

Design requirements and guidelines
Here is a GIF that illustrates the difference between the current layout and the updated layout with the various width limitations described above:

Constraints
The main complication here is that certain log pages, such as History and Recent changes, become more difficult to read the more narrow the screen is due to line wrapping. Therefore we've decided to treat these pages in a special manner, constraining them only to the workspace container (1440px) rather than the content container (960px). Here is a GIF of a prototype that shows switching between an article page and the associated history page:



User testing with editors
We performed a feedback round with a prototype of the limited content width with editors across multiple wikis. Editors were invited to explore the prototype and provide their feedback using a central notice banner. There were mixed feelings about the feature: many editors appreciated the shorter line lengths and agreed that the feature created a more comfortable reading experience. Some editors disliked the whitespace around the content and felt that it was wasted space. We are balancing all of that feedback with the extensive existing research about line-lengths and reading comfort.

Full-width toggle
Until October 2022, logged-in users were only able to switch between the limited and full content width using gadgets. According to the English Wikipedians, this was insufficient. We decided to build a toggle. (On the right, you can see a screenshot of this toggle.) It needed to be visible and available to both logged-out and logged-in users. As a result, we have:
 * 1) Built a preference for logged-in users. It allows for the width to be set across pageviews and wikis. The preference is available in the appearance section of the preferences page . It may also be set as a global preference.
 * 2) Built a toggle for logged-in and logged-out users. The toggle is available on every page if the width of the screen is larger than 1400px. Selecting the toggle increases the width of the content area.
 * 3) * For logged-in users, the toggle also controls the preference mentioned in 1 above. For example, if you click the toggle on the page and visit your preferences page, you will notice that the enable limited width mode checkbox is unchecked.
 * 4) * For logged-out users, initially, the toggle set the width on a per-page basis. This means that after refreshing the page or opening a different page the width would return to the default (limited) state.
 * 5) * After making our skin the default on English Wikipedia, we heard concerns about the setting for logged-out users. After coordinating with many teams, we made a change. Since February 2023, all users see the width setting of their choice despite refreshing pages or opening new ones.

Why did the toggle work on a per-page basis initially? This was because in principle, preferences are not available for logged-out users. The lack of preferences for logged-out users doesn't only apply to this skin. (You may learn more about the technical limitations.) We have managed to find a short-term bypass. We have more work to do to make sure this solution may be maintained. We might use a better solution in the future. This could be applied to settings such as font size or dark mode.