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

Одна з головних цілей проєкту — зробити Вікіпедію та інші вікі Вікімедіа більш привітними для новачків. Один зі способів, у які ми збираємося це зробити, це зробити читання статей більш комфортним.

Що таке «комфортний (або некомфортний) досвід читання»? Згідно з дослідженням, є кілька факторів, основний з яких — це довжина рядка. Дослідження Computer text line lengths affect reading and learning (Довжина рядків тексту на комп'ютері впливає на читання й навчання) Пітера Ортона, доктора наук з Центру IBM з поглибленого навчання, робить висновок, що чим довші рядки, тим важче людині читати і, зрештою, вчити й утримувати, текстову інформацію. Кілька інших пов'язаних досліджень можна знайти у статті Вікіпедії Line length, і всі вони рекомендують ширину рядків від 40 до 75 символів.

Хоча досягнення рекомендованої довжини рядків у вікі Вікімедіа не є просто, ми будемо обмежувати ширину контенту, використовуючи max-width, щоб більшість тексту у вікі була ближчою до рекомендацій.

Ви можете дізнатися детальніше про дослідження та розмірковування, які лежать за цією функцією.



Опис функції і вимоги
The main functionality of this feature is to limit the width of the article content. However in order to ensure that the other elements on the page (namely the sidebar and header) don't drift too far from the content we've added two additional containers. The second container ensures that the sidebar remains close to the content. Then to protect against the header drifting too far from both the content and the sidebar, there is a third container that constrains the maximum width of the header.

From a technical perspective: the content on most pages is placed inside a content container with a max-width of 960px. There are two additional containers that help manage the width of other parts of the interface such as the header and the sidebar: workspace container (max-width 1440px), and page container (1650px). Below are diagrams that illustrates how these containers work. There are certain pages whose content will not be constrained by the content container including History, Recent changes, and other similar log-type pages. To explore an interactive demo of this feature please see this prototype.



Дизайнові вимоги і настанови
Here is a GIF that illustrates the difference between the current layout and the updated layout with the various width limitations described above:

Обмеження
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:





Користувацьке тестування редакторами
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.



Цілі і мотивація


Терміни випуску
Ми почали розгортати першу версію у травні 2020 року на офісній вікі і тестовій вікі та плануємо продовжувати на наших пілотних вікі у наступні місяці. Див. детальніше на нашій головній сторінці Функцій.