Reading/Web/Desktop Improvements/Features/Limiting content width/pt-br

Um dos objetivos principais do projeto é deixar a Wikipédia, e outras wikis da Wikimedia, mais atraentes para novatos. Uma maneira que pretendemos atingir este objetivo é deixar a leitura de artigos mais confortável.

O que significa ter uma experiência de leitura confortável (ou desconfortável)? De acordo com pesquisas, existem vários fatores que contribuem, e um dos mais importantes é a largura das linhas. O estudo Largura das linhas de texto em computadores afeta leitura e aprendizado, por Peter Orton, doutor no Centro de Aprendizado Avançado da IBM, chegou à conclusão de que quanto mais longa a linha, maior a dificuldade de leitura e, assim, de aprendizado e retenção da informação. Vários outros estudos relacionados podem ser encontrados no artigo da Wikipédia sobre largura da linha (em inglês), todos os quais recomendam entre 40 e 75 caracteres por linha.

Apesar de não ser particularmente fácil atingir as larguras recomendadas nas wikis da Wikimedia, estaremos limitando a largura do conteúdo utilizando uma largura máxima para que a maioria do texto das wikis estejam dentro do recomendado.

Você pode ler mais detalhes sobre a pesquisa e considerações por detrás deste recurso.



Descrição do recurso e requisitos
A função mais importante deste recurso é a limitação da largura do conteúdo do artigo. Entretanto, para garantir que os outros elementos da página (como a barra lateral e o cabeçalho) não fiquem distante demais do conteúdo, adicionar dois containers a mais. O segundo container garante que a barra lateral permaneça próxima ao conteúdo. Então, para impedir que o cabeçalho fique longe demais tanto do conteúdo quanto da barra lateral, existe um terceiro container que limita a largura máxima do cabeçalho.

De um ponto de vista técnico: o conteúdo da maioria das páginas é colocado dentro de um container de conteúdo com uma largura máxima de 960px. Existem dois containers adicionais que ajudam a manter a largura de outras partes da interface, tais como o cabeçalho e a barra lateral: container da área de trabalho (largura máx. de 1440px) e container da página (1650px). Abaixo estão diagramas que ilustram como os containers funcionam. Existem certas páginas cujo conteúdo não será limitado pelo container de conteúdo, incluindo histórico, mudanças recentes e outras páginas de registro.



Diretrizes de design e requisitos
Aqui está um GIF que ilustra a diferença entre o layout atual e o layout atualizado, com as várias limitações de largura descritas acima:

Limitações
O problema principal aqui é que certas páginas de registro, como o histórico e as mudanças recentes, ficam mais difíceis de serem lidas quanto mais estreita for a tela devido à quebra de linha. Portanto, decidimos tratar estas páginas de maneira especial, limitando elas somente ao container da área de trabalho (1440px), ao invés do container de conteúdo (960px). Aqui está um GIF de um protótipo que mostra a diferença entre uma página de conteúdo e sua página de histórico:





Teste com editores
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.