Leitura/Web/Melhorias da Área de Trabalho
Já se passaram 12 anos desde que o tema atual padrão da Wikimedia (Vector) foi implantado. 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 web design, bem como as expectativas dos leitores e editores, evoluíram. Achamos que é hora de pegar algumas dessas ideias e trazê-las para a experiência padrão de todos os usuários, em todos as wikis, de forma organizada e consistente.
|
Melhorias da Área de Trabalho
.png) Uma série de novos recursos e alterações para o tema Vector
|
Nosso objetivo é tornar as wikis da Wikimedia mais acolhedoras 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 usuários conectados podem optar por participar individualmente. Em wikis selecionadas, nossas mudanças são implantadas para todos por padrão, e os usuários conectados podem optar por sair. Esperamos aumentar o conjunto de wikis de adoção inicial gradualmente, até que nossas melhorias sejam padronizadas em todas as wikis em julho de 2022.
Atualizações
novembro de 2023: mudanças visuais, mudança de foco e, mais implantações
?vectorzebradesign=0)
?vectorzebradesign=1)Novo estilo inspirado no protótipo Zebra
Como parte do protótipo Zebra #9, sobre o qual escrevemos nas duas últimas atualizações, introduzimos dois tipos de mudanças visuais: separação de áreas baseada em cores e outras modificações CSS. Como informado anteriormente, o teste A/B não provou que a separação baseada em cores era uma melhoria. Em vez disso, nos concentramos nas outras modificações de CSS e estamos implementando essas mudanças agora. Para visualizar a diferença, você pode usar parâmetros de URL: ?vectorzebradesign=0 (sem as alterações) e ?vectorzebradesign=1 (com as alterações). As mudanças são:
- Os menus suspensos (barra lateral, índice, menu do usuário e menu de ferramentas quando não fixados) têm contorno mais claro e sombra projetada.
- Os botões "mover para a barra lateral" / "Esconder" nos menus suspensos têm um fundo cinza em vez de colchetes.
- O menu principal não tem mais fundo cinza quando colocado na coluna lateral (quando fixado). Em vez disso, todos os menus têm a mesma aparência quando colocados nas colunas laterais.
- 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.
Em meados de novembro, enviamos essas alterações para as seguintes Wikipédias: francês, catalão, hebraico, polonês. Estamos planejando introduzir essas mudanças em todas as wikis dentro de 2 a 3 semanas. Isso permitirá modificações futuras, como o menu acessibilidade para leitura
Implantações contínuas no skin Vector 2022
Desde a nossa última atualização, alteramos a aparência padrão em algumas Wikipédias: holandês, hindi, húngaro, norueguês (bokmål) e sueco. Também lançamos um video curto sobre a skin. Além disso, depois de receber todos os logotipos da nossa equipe de Design, também estávamos prontos para continuar as implementações em larga escala nos projetos irmãos.
- 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á bagunçada e não é intuitiva. ...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.
- Existem distrações que não permitem que os usuários se concentrarem no que eles vieram fazer. É um desafio para os leitores se concentrarem no conteúdo. Não é possível alternar intuitivamente de idioma, 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.
- A grande diferença de experiências entre nossa interface de desktop, aplicativos e dispositivos móveis dificulta a conexão de nossos leitores aos produtos. 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 outros temas além do Vector. Somos inspirados pelos gadgets existentes. Não fazemos grandes alterações em etapas únicas.
- Estamos trabalhando apenas na interface. Nenhum trabalho será realizado em termos estilo de predefinições, estrutura do conteúdo da página, suporte a mapas ou predefinições transwiki.
- Temas que não sejam o Vector estão fora do escopo de nossos ajustes. Congelamos o Vector como Vector Legado, e começamos a implantar nossas funcionalidades como partes do novo Vector padrão.
- Embora nossas mudanças sejam facilmente perceptíveis, estamos adotando uma abordagem evolutiva e queremos que o site continue familiar para leitores e editores. Cada recurso é discutido, desenvolvido e implantado separadamente.
- É nossa intenção testar nossas melhorias em colaboração com um conjunto diversificado de wikis, tanto Wikipédias quanto projetos irmãos, que se voluntariaram a implementação antecipada.
- Antes do desenvolvimento e após a implantação, coletamos dados (via teste A/B, rodadas de feedback de protótipo etc.). No caso de resultados significativamente negativos, reverteremos nossas alterações.
- Analisamos muitas wikis e notamos muitos gadgets úteis. Alguns deles definitivamente merecem ser elevados e fazer parte da experiência padrão.
- Os elementos da interface podem mudar de lugar, mas todos os itens de navegação e outras funcionalidades atualmente disponíveis por padrão permanecerão.
| a maioria dos wikis | wikis de implementação antecipada |
|---|---|
| editores ou leitores não veem nossas alterações por padrão |
editores e leitores veem nossas alterações por padrão |
| somente editores podem participar (a partir das preferências do usuário, marcando Vector (2022) na guia Aparência) |
somente editores podem recusar (usando Mudar para aparência antiga na barra lateral ou diretamente nas preferências de usuário) |
Plano de implantação e cronograma
Gostaríamos que nossas melhorias fossem padrão em todas as wikis em agosto/setembro de 2022.
Lista de wikis participando antecipadamente (wikis de teste)
|
|---|
|
Primeiro grupo de wikis (marcados como ※ na linha do tempo acima):
Segundo grupo de wikis (marcados como † na linha do tempo acima):
Terceiro grupo de wikis (marcados como ‡ na linha do tempo acima):
Quarto grupo de wikis (marcados como § na linha do tempo acima): |
Envolver-se e contato
- Teste individualmente: em Preferências, marque a opção Vector (2022). Você também pode ativar nossas alterações usando as Preferências globais.
- Promova: Informe sua comunidade. Compartilhe nossas atualizações e postagens no blog.
- Reportar erros: para reportar um erro, crie uma tarefa no Phabricator e adicione #Desktop Improvements Vector 2022.
.jpg)
- Traduzir: ajude-nos a traduzir as páginas relacionadas: