Lectura/Web/Mejoras a la IU de escritorio
Outdated translations are marked like this.
|
Mejoras a la IU de escritorio
Una serie de nuevas características y reordenamientos en la piel Vector
|
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
Página principal: Reading/Web/Desktop Improvements/Updates
¿Cuál es nuestro objetivo?
Imagina un armario
-
Nos gustaría reorganizar gradualmente esto... -
...en esto :)
space.jpg)
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.
.png)
- 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.
- 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.
- 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.
- 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.
- 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.
- 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.
- Los elementos de la interfaz pueden moverse, pero todos los elementos de navegación y otras funciones disponibles actualmente de forma predeterminada permanecerán.
- 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
- 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.)
- 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)
- 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.
- 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.
- 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
Página principal: Reading/Web/Desktop Improvements/Features
Plan de implementación y cronograma
La skin está lista para convertirse en predeterminada en cualquier wiki.
| en la mayoría de las wikis | wikis de adopción temprana |
|---|---|
| editores o lectores no ven nuestros cambios de forma predeterminada |
editores y lectores ven nuestros cambios por defecto |
| solo los editores pueden optar por participar (desde las preferencias del usuario, marcando Vector (2022) en la pestaña Apariencia) |
solo editores pueden optar por no participar (usando Cambiar a la apariencia anterior en la barra lateral, o directamente desde las preferencias de los usuarios) |
| 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
- 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.
.jpg)
- Traducir: ayúdanos a traducir las páginas relacionadas: