Lectura/Web/Mejoras a la IU de escritorio

This page is a translated version of the page Reading/Web/Desktop Improvements and the translation is 31% complete.
Outdated translations are marked like this.

La actual skin predeterminada (Vector) fue activada en el año 2010. En la última década, la interfaz se ha enriquecido con extensiones, gadgets y scripts de usuario. La mayoría de estas mejoras no estaban coordinadas visualmente ni entre wikis. Al mismo tiempo, el diseño de la web, así como las expectativas de los lectores y editores, han evolucionado. Creemos que es hora de tomar algunas de estas ideas y llevarlas a la experiencia por defecto de todos los usuarios, en todas las wikis, de una manera organizada y coherente.

Between 2019 and 2023, we were building a new skin. Nuestros objetivos son hacer que los wikis de Wikimedia sean más acogedores y aumentar la utilidad entre los lectores y mantener la utilidad para los editores existentes. Medimos el aumento de la confianza y el sentimiento positivo hacia nuestros sitios, y la utilidad de nuestros sitios (el uso de acciones comunes como la búsqueda y el cambio de idioma).

In 2022, the new skin became ready to be the default. Since then, we are introducing it on more and more wikis. Ultimately, we need to have one skin as the default everywhere. This is because keeping two as the default indefinitely is impossible.

Actualizaciones

¿Cuál es nuestro objetivo?

Imagina un armario

Actualmente, la interfaz...

...no cumple con las expectativas....está desordenada y no es intuitiva....no destaca el aspecto de la comunidad....no es consistente con la versión móvil.

 
  1. La interfaz de escritorio no cumple con las expectativas creadas por las plataformas web modernas. Se siente desorientada y desconectada. Los enlaces de navegación e interfaz están organizados al azar.
    • Readers were unable to understand the purpose, terminology, and concepts of available tools such as the main menu, user menu, and page tools.
    • Editors found the hierarchy of the navigation to be confusing for newcomers.
    • Editors and other contributors wanted easier access to tools they used frequently.
    • Editors expressed interest in having fewer, but more prominent, ways to begin contributing.
  2. Hay un desorden que distrae a los usuarios de concentrarse en lo que vinieron a buscar. Es un desafío para los lectores concentrarse en el contenido. No es posible que cambien de idioma de manera intuitiva, busquen contenido o ajusten la configuración de lectura. Los nuevos editores no pueden usar su intuición para configurar su cuenta, abrir el editor o aprender a usar páginas que no son artículos con fines de moderación.
    • Too much information density and navigational elements on the page made it difficult to focus on a particular reading or editing task.
    • Readers found it difficult to navigate the page and spent a lot of time scrolling.
    • Readers found it difficult to search for information that is relevant to them.
    • Multilingual readers were not aware of language switching functionality.
    • Readers wanted to have an easy way to view the table of contents throughout the page.
    • Character count per line was more than three times the recommended value.
  3. Un porcentaje muy pequeño de lectores comprende cómo funcionan los wikis de Wikimedia. Muchos lectores no saben que el contenido que están leyendo está escrito por voluntarios y se actualiza con frecuencia, o que potencialmente ellos también pueden contribuir.
  4. La gran diferencia de experiencias entre nuestra interfaz de escritorio, nuestras aplicaciones y la web móvil dificulta que los lectores se conecten con nuestros productos. Hay una falta de unidad en el concepto de los sitios de Wikimedia.

Cómo se realizan los cambios

Principios

No tocamos el contenido.No tocamos otras pieles que no sean Vector.No eliminamos ninguna funcionalidad. No realizamos cambios importantes en pasos individuales.

  1. Estamos trabajando solo en la interfaz. No se trabajará en términos de plantillas de estilo, la estructura del contenido de página, soporte de mapas o plantillas interwiki.
  2. Las pieles que no sean Vector están fuera del alcance de nuestros ajustes. Hemos congelado Vector a la versión heredada de Vector y comenzamos a implementar nuestras funciones como partes del nuevo Vector predeterminado.
  3. Los elementos de la interfaz pueden moverse, pero todos los elementos de navegación y otras funciones disponibles actualmente de forma predeterminada permanecerán.
  4. Aunque nuestros cambios se notan fácilmente, estamos adoptando un enfoque evolutivo y queremos que el sitio siga siendo familiar para los lectores y editores. Cada característica se discute, desarrolla e implementa por separado.

Process for developing the features

  1. 2019: Problem identification research with both readers and editors – We studied the way people used the site. We identified the largest usability issues as well as obstacles in becoming more engaged with reading or editing. We did this by interviewing readers and editors across multiple countries and locations. We also surveyed gadgets and user scripts. Some of them deserved to be surfaced and be a part of default experience. (See the links: Research and design: Phase 1, Research and design: Phase 2.)
  2. 2019–2022: Prototype development and testing – We built out the ideas for features and began showing prototypes. Each feature was tested with readers and editors through interviews and on-wiki prototype testing. We used Central Notice banners across multiple languages and Wikimedia projects. Each prototype was tested by approximately 200 editors on average. (Example)
  3. 2020–2023: Refining and building – We refined or changed the features based on the outcomes of the prototype testing. In some cases, we asked for additional opinions to ensure we were making the right decisions.
  4. 2020–2023: A/B testing and other quantitative testing on wikis – This was the "beta" phase:
    • We performed tests for whether the features worked as expected based on the previously defined criteria of success. We made "before and after" comparisons or performed A/B tests. As the latter, we gave a new feature to 50% of users and compared them to the other 50%. After two weeks we compared the results.
    • If we received negative results, we identified the reasons across different audiences and made changes to the feature. Then, we would test the feature again. In the case of significantly negative results, we rolled back our changes. (Example)
    • Nuestra intención es probar nuestras mejoras en colaboración con un conjunto diverso de wikivoluntarios de ser primeros usuarios, tanto Wikipedias como proyectos hermanos.
    • We also monitor usage across all wikis, where many account holders have been already using the new skin.
  5. 2022 – onwards: Deployments on more and more wikis – The results of testing and subsequent analysis concluded that our changes result in improved usage of the skin, and save time previously spent in scrolling, searching, and navigating. We interpret this as an easier and more comfortable reading experience. There are no negative effects to pageviews, account creation, or edit rates. Knowing this, we continue to roll out the skin on more and more wikis.

Qué características se agregarán

Plan de implementación y cronograma

La skin está lista para convertirse en predeterminada en cualquier wiki.

Year Month Deployments
2019 mayo de First team discussions
2020 julio de/agosto de The new logo , collapsible sidebar , and limited content width introduced on the first early adopter (pilot) wikis , including French Wikipedia
septiembre de The new search widget is introduced
2021 junio de The new language switching is introduced
febrero de Deployments on more pilot wikis, including Bengali, Korean, and Portuguese Wikipedias
2022 agosto de The new user menu is introduced
enero de The new sticky header is introduced
Deployments on more pilot wikis, including Indonesian, Thai, and Vietnamese Wikipedias
febrero de The changes are separated out from the Vector legacy code to a new skin "Vector 2022"
mayo de The new table of contents is introduced
junio de The skin is introduced on the last pilot wikis, including Catalan and Japanese Wikipedias
The first visual refinements are introduced
octubre de Deployments on the smallest Wikipedias
noviembre de The new full/limited-width toggle button is introduced
diciembre de Deployments on Arabic and Greek Wikipedias
2023 enero de Deployment on English Wikipedia
febrero de The full/limited width preference becomes persistent for logged-out users
marzo de The new page tools menu is introduced
abril de Deployment on Polish Wikipedia
mayo de Deployment on Spanish Wikipedia
agosto de Deployment on Chinese (zh) and several smaller Wikipedias
octubre de Deployments on Swedish, Hungarian, Dutch, Hindi, Norwegian bokmål Wikipedias
Also on Meta-Wiki and most Wikibooks, Wikinews, Wikiquotes and Wikiversity wikis
noviembre de Deployments on most Wikivoyages and Wiktionaries
The last visual refinements (known as Zebra 9) are introduced
2024 marzo de Deployments on most Wikisources and Foundation internal wikis

Participación & Contacto

  • Suscríbete a la newsletter
  • Prueba individualmente: en Preferencias, control la opción Vector (2022). También puede habilitar nuestros cambios utilizando las Preferencias globales.
  • Promover: informar a tu comunidad. Comparte nuestras actualizaciones y post del blog.
  • Informe de errores: para informar de un error, crear una tarea en Phabricator y agregar #Desktop Improvements Vector 2022 como identificador del proyecto.
  • Traducir: ayúdanos a traducir las páginas relacionadas:
Traducciones prioritarias 

TOP3

  1. Lectura/Web/Mejoras a la IU de escritorio
  2. Lectura/Web/Mejoras de escritorio/Preguntas frecuentes
  3. Lectura/Web/Mejoras a la IU de escritorio/Funcionalidades

Otras traducciones prioritarias

  1. Template:Reading/Web/Desktop Improvements/Talk page intro
  2. Template:Reading/Web/Desktop Improvements/Features/Navigation
  3. Template:Reading/Web/Desktop Improvements/Header
  4. Lectura/Web/Mejoras de escritorio/Actualizaciones
  5. Lectura/Web/Mejoras a la IU de escritorio/Repositorio
  6. Template:Reading/Web/Desktop Improvements/Office hours announcement

Enlace directo a todas las traducciones