Leitura/Web/Melhorias da Área de Trabalho
Faz dez anos que a skin padrão Wikimedia atual (Vector) foi implantada. Na última década, a interface foi enriquecida com extensões, gadgets e scripts de usuário. A maioria deles não foi coordenada visualmente ou entre wiki. Ao mesmo tempo, o design da web, bem como as expectativas dos leitores e editores, evoluíram. É hora de pegar em algumas dessas ideias e trazê-las para a experiência predefinida de todos os utilizadores, em todas os wikis, de uma maneira organizada e consistente. Over the following decade, the interface was enriched with extensions, gadgets and user scripts. Most of these were not coordinated visually or cross-wiki. At the same time, web design, as well as the expectations of readers and editors, evolved. It was time to take some of these ideas and bring them to the default experience of all users, on all wikis, in an organized, consistent way.
|
Melhorias da Área de Trabalho
.png) Uma série de novas características e reordenamentos para a capa Vetor
|
O nosso objetivo é tornar as wikis da Wikimedia mais acolhedores e aumentar a utilidade entre os leitores e manter a utilidade aos editores existentes. Medimos o aumento da confiança e do sentimento positivo em relação a nossos sites, e a utilidade de nossos sites (o uso de ações comuns, como pesquisa e troca de idioma).
Atualmente, na maioria das wikis, apenas utilizadores conectados podem optar por participar individualmente. Em wikis selecionadas, as nossas mudanças são implantadas para todos por padrão, e os utilizadores conectados podem optar por sair. Esperamos aumentar o conjunto de wikis de adoção inicial gradualmente, até que nossas melhorias sejam padronizadas em todos os wikis em 2021.
Atualizações
novembro de 2023: Visual changes, more deployments, and shifting focus
?vectorzebradesign=0)
?vectorzebradesign=1)New styling inspired by Zebra prototype
As part of Zebra #9 prototype, which we wrote about in the last two updates, we introduced two kinds of visual changes: color-based area separation, and other CSS modifications. As we reported previously, the A/B test didn't prove that the color-based separation was an improvement. We focused on the other CSS modifications instead, and we're implementing these changes now. To preview the difference, you may use URL parameters: ?vectorzebradesign=0 (without the changes) and ?vectorzebradesign=1 (with the changes). The changes are:
- Dropdown menus (the sidebar, table of contents, user menu, and tools menu when not pinned) have a lighter outline and drop-shadow.
- The "mover para a barra lateral"/ "ocultar" buttons in the dropdown menus have a gray background instead of the square brackets.
- The main menu no longer has a gray background when it is placed in the side column (when it's pinned). Instead, all menus have the same appearance when placed in the side columns.
- The left and right columns have equal width.
- Due to the change above, the content width gets slightly narrower when menus are pinned in both columns.
- The gap between the table of contents and content area is smaller.
In mid-November, we shipped these changes to the following Wikipedias: French, Catalan, Hebrew, Polish. We are planning on introducing these changes across all the wikis within 2-3 weeks. These will enable future modifications, like the Accessibility for reading menu.
Continuing deployments of the Vector 2022 skin
Since our last update, we have changed the default skin on a few Wikipedias: Dutch, Hindi, Hungarian, Norwegian (bokmål), and Swedish. We have also released a short video about the skin. In addition, after receiving all logos from our Design team, we were also ready to continue the wide-scale deployments on sister projects.
- The Vector 2022 skin is now the default on all non-English Wikibooks, Wikinews, Wikiquotes, Wikiversity, as well as on Meta-Wiki.
- We are continuing conversations and scheduling deployments to the remainder of sister projects, beginning with non-English Wikisource, Wiktionary, and Wikivoyage.
Some of these projects may need adjustments, like default settings for limited/full-width at namespaces unique to Wikisource. Gadgets or user scripts may need to be updated, too. We gladly make fixes or assist in making them, depending on whether changes need to be made in the skin itself or a community-controlled code. Reach out to us on the Desktop Improvements talk page or write directly to SGrabarczuk (WMF) if you have any questions or requests for further changes.
Focusing on further desktop and mobile readability improvements
The team has shifted focus onto the Accessibility for reading project. We will work on improvements in typography and introduce dark mode to the Vector 2022 and Minerva skins. Please visit the project page for more details and information on how to get involved.
setembro de 2023: Results from the Content separation (Zebra #9) A/B test
In June 2023, we ran an experiment which compared different content separation layouts of the interface. This prototype shows the tested design; we're calling it "Zebra". The goal was to improve readability and focus on the content of the page. The experiment tested the prototype design and compared it to the current all-white Vector 2022 design. The results of the experiment showed:
- A 3% increase in pageviews per session in the treatment group attributed to Zebra
- A 3.4% decrease in edits per session in the treatment group attributed to Zebra
- A 17% decrease in the click rate of the table of contents
- An 87% increase in the page tool pins per session
After reviewing the settings of our test, we did not find any issues that would result in data inconsistencies. Next, we studied other factors which might affect the results of the test. We noticed that a significant amount of the decrease in edits and pageviews came from screen sizes narrower than 1200 px. We combined these results with the results of our user tests. These did not indicate significant differences in readability between the test and control designs.
Our conclusion was that the prototype did not, in its tested form, improve readability and could negatively affect edits. We decided not to proceed with the deployment of this prototype in its tested form. Instead, we plan to improve readability and focus on the content through the following:
- Introducing changes to the typography, focused on improving readability and content comprehension. This is the goal of the new project, Accessibility for reading
- Introducing improvements to Zebra, optimizing for narrower screens, and repeating the tests.
Qual é o nosso objetivo?
Imagine um guarda-roupa
-
Gostaríamos de reorganizar gradualmente isso… -
…nisso :)
.jpg)
Atualmente, a interface…
...não corresponde às expectativas. ...está confuso e não é intuitivo. ...não destaca o lado da comunidade. ...não é consistente com a versão móvel.
- A interface da área de trabalho não corresponde às expectativas criadas pelas modernas plataformas da web. Parece desorientador e desconectado. Os links de navegação e interface são organizados aleatoriamente.
- Há uma confusão que distrai os utilizadores de se concentrarem no que eles vieram buscar. É um desafio para os leitores se concentrarem no conteúdo. Não é possível alternar intuitivamente os idiomas, procurar conteúdo ou ajustar as configurações de leitura. Os novos editores não conseguem usar sua intuição para configurar sua conta, abrir o editor ou aprender como usar páginas que não são de artigo para fins de moderação.
- Uma porcentagem muito pequena de leitores entende como as wikis da Wikimedia funcionam. Muitos leitores não sabem que o conteúdo que estão lendo é escrito por voluntários e atualizado com frequência, ou que eles também podem contribuir potencialmente.
- A grande diferença de experiências entre a nossa interface de desktop, aplicações e Web para dispositivos móveis dificulta a conexão de nossos produtos com os leitores. Há uma falta de unidade no conceito de sites da Wikimedia.
Como as alterações são feitas
Princípios
Não tocamos no conteúdo. Não removemos nenhuma funcionalidade. Não tocamos em outras temas além da Vector. Somos inspirados pelos gadgets existentes. Não fazemos grandes alterações em etapas únicas.
- Estamos a trabalhar apenas na interface. Nenhum trabalho será realizado em termos de modelos de estilo, estrutura do conteúdo da página, suporte a mapas ou modelos entre wiki.
- Temas que não sejam o Vector estão fora do escopo dos nossos ajustes. Congelamos o Vector como Vector Legado, e começamos a implantar nossas funcionalidades como partes do novo Vector padrão.
- Embora as nossas mudanças sejam facilmente perceptíveis, estamos a adotar uma abordagem evolutiva e queremos que o site continue sendo familiar para leitores e editores. Cada recurso é discutido, desenvolvido e implantado separadamente.
- We have tested our improvements in collaboration with a diverse set of volunteering early adopter wikis, both Wikipedias and sister projects.
- Both prior to development and after deployment, we collected data (via A/B testing, prototype feedback rounds, etc.). In the case of significantly negative results, we committed to rolling back our changes.
- Analisamos muitos wikis e notamos muitos gadgets úteis. Alguns deles definitivamente merecem ser revelados e fazer parte da experiência padrão.
- Os elementos da interface podem se mover, mas todos os itens de navegação e outras funcionalidades atualmente disponíveis por padrão permanecerão.
| shrinking number of wikis | growing number of wikis |
|---|---|
| editors or readers don't see our changes by default |
editors and readers see our changes by default |
| only editors can opt-in (from user preferences, by checking Vector (2022) in the Aspeto tab) |
only editors can opt-out (using Mudar para aspeto antigo in the sidebar, or directly from their users preferences) |
Plano de implantação e cronograma
The skin is now ready to become the default on any wiki.
List of early adopter wikis (test wikis)
|
|---|
|
First group of wikis (marked as ※ on the timeline above):
Second group of wikis (marked as † on the timeline above):
Third group of wikis (marked as ‡ on the timeline above):
Fourth group of wikis (marked as § on the timeline above): |
Get involved & Contact
- Test individually: in Preferences, check the option Vector (2022). Você também pode ativar nossas mudanças usando as Preferências globais.
- Promote: Inform your community. Share our updates and blog posts.
- Report bugs: to report a bug, create a task in Phabricator and add #Desktop Improvements Vector 2022 project.
.jpg)
- Translate: help us translate related pages: