Au trecut 10 ani de când a fost implementată actuala interfață Wikimedia implicită (Vector). În ultimul deceniu, interfața a fost îmbogățită cu extensii, gadget-uri și scripturi de utilizator. Cele mai multe dintre acestea nu au fost coordonate vizual sau cross-wiki. În același timp, designul web, precum și așteptările cititorilor și editorilor au evoluat. Credem că este timpul să luăm câteva dintre aceste idei și să le aducem la experiența implicită a tuturor utilizatorilor, pe toate wiki-urile, într-un mod organizat, consecvent. Over the following decade, the interface was enriched with extensions, gadgets and user scripts. Most of these were not coordinated visually or between wikis. At the same time, web design, as well as the expectations of readers and editors, evolved. Finally, we decided to take some of these ideas and bring them to the default experience of all users, on all wikis, in an organized, consistent way.
|
Îmbunătățiri desktop
O serie de funcții și rearanjări noi pentru skinul Vector
|
Between 2019 and 2023, we were building a new skin. Obiectivele noastre sunt de a face wiki-urile Wikimedia mai primitoare și de a crește utilitatea în rândul cititorilor și de a menține utilitatea pentru editorii existenți. Măsurăm creșterea încrederii și a sentimentului pozitiv față de site-urile noastre și utilitatea site-urilor noastre (folosirea acțiunilor comune, cum ar fi căutarea și schimbarea limbii).
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.
Actualizări
Care este obiectivul nostru?
Imaginați-vă un dulap
-
Am dori să rearanjam treptat acest... -
... în asta :)
space.jpg)
În prezent, interfața...
… nu se potrivește cu așteptările. …este aglomerat și nu intuitiv. …nu evidențiază partea comunității. …nu este în concordanță cu versiunea mobilă.
.png)
- Interfața desktop nu corespunde așteptărilor create de platformele web moderne. Se simte dezorientat și deconectat. Legăturile de navigare și interfață sunt organizate la întâmplare.
- 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.
- Există dezordine care distrage atenția utilizatorilor de la a se concentra la motivul pentru care au venit. Este o provocare pentru cititori să se concentreze asupra conținutului. Nu le este posibil să schimbe intuitiv limbile, să caute conținut sau să ajusteze setările de citire. Noii editori nu își pot folosi intuiția pentru a-și configura contul, a deschide editorul sau pentru a învăța cum să folosească paginile care nu includ articole în scopuri de moderare.
- 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 procent foarte mic de cititori înțeleg cum funcționează wiki-urile Wikimedia. Mulți cititori nu știu că conținutul pe care îl citesc este scris de voluntari și actualizat frecvent sau că pot contribui și ei.
- Marea diferență de experiențe între interfața noastră desktop, aplicații și web-ul mobil îngreunează cititorii să conecteze produsele noastre. Există o lipsă de unitate în conceptul de site-uri Wikimedia.
Cum se fac modificările
Principii
Noi nu atingem conținutul. Nu atingem alt skin în afară de Vector. Nu eliminăm nicio funcționalitate. Nu facem schimbări majore în pași unici.
- Lucrăm doar la interfață. Nu se va lucra în ceea ce privește formatele de stil, structura conținutului paginii, suportul pentru hărți sau formatele cross-wiki.
- Altele skin-uri decât Vector nu fac obiectul ajustărilor noastre. Am înghețat Vector în Legacy Vector și am început să implementăm funcțiile noastre ca părți ale noului Vector implicit.
- Elementele interfeței se pot deplasa, dar toate elementele de navigare și alte funcționalități disponibile în prezent în mod implicit vor rămâne.
- Deși modificările noastre sunt ușor de observat, adoptăm o abordare evolutivă și dorim ca site-ul să fie în continuare familiar cititorilor și editorilor. Fiecare caracteristică este discutată, dezvoltată și implementată separat.
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)
- Intenția noastră este să testăm îmbunătățirile noastre în colaborare cu un set divers de wiki-uri „adoptatoare timpurii” de voluntariat, atât Wikipedia, cât și proiecte surori.
- 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.
Ce caracteristici vor fi adăugate
Planul de implementare și calendarul
The skin is now ready to become the default on any wiki.
| majoritatea wiki-urilor | wiki-uri „adoptator timpuriu”. |
|---|---|
| editorii sau cititorii nu văd modificările noastre în mod implicit |
editorii și cititorii văd modificările noastre în mod implicit |
| numai editorii se pot înscrie (din preferințele utilizatorului, debifând Vector (2022) în fila Aspect) |
numai editorii pot renunța (folosind Comută la aspectul vechi în bara laterală sau direct din preferințele utilizatorilor) |
| Year | Month | Deployments |
|---|---|---|
| 2019 | mai | First team discussions |
| 2020 | iulie/august | The new logo, collapsible sidebar, and limited content width introduced on the first early adopter (pilot) wikis, including French Wikipedia |
| septembrie | The new search widget is introduced | |
| 2021 | iunie | The new language switching is introduced |
| februarie | Deployments on more pilot wikis, including Bengali, Korean, and Portuguese Wikipedias | |
| 2022 | august | The new user menu is introduced |
| ianuarie | The new sticky header is introduced Deployments on more pilot wikis, including Indonesian, Thai, and Vietnamese Wikipedias | |
| februarie | The changes are separated out from the Vector legacy code to a new skin "Vector 2022" | |
| mai | The new table of contents is introduced | |
| iunie | The skin is introduced on the last pilot wikis, including Catalan and Japanese Wikipedias The first visual refinements are introduced | |
| octombrie | Deployments on the smallest Wikipedias | |
| noiembrie | The new full/limited-width toggle button is introduced | |
| decembrie | Deployments on Arabic and Greek Wikipedias | |
| 2023 | ianuarie | Deployment on English Wikipedia |
| februarie | The full/limited width preference becomes persistent for logged-out users | |
| martie | The new page tools menu is introduced | |
| aprilie | Deployment on Polish Wikipedia | |
| mai | Deployment on Spanish Wikipedia | |
| august | Deployment on Chinese (zh) and several smaller Wikipedias | |
| octombrie | Deployments on Swedish, Hungarian, Dutch, Hindi, Norwegian bokmål Wikipedias Also on Meta-Wiki and most Wikibooks, Wikinews, Wikiquotes and Wikiversity wikis | |
| noiembrie | Deployments on most Wikivoyages and Wiktionaries The last visual refinements (known as Zebra 9) are introduced | |
| 2024 | martie | Deployments on most Wikisources and Foundation internal wikis |
Contact
- Opt-in individually: in Preferences, check the option Vector (2022). De asemenea, puteți activa modificările noastre utilizând Preferințe globale.
- Promovează: informează-ți comunitatea. Distribuiți actualizările și postările de blog.
- Raportați erori: pentru a raporta o eroare, creați o sarcină în Phabricator și adăugați proiectul #Desktop Improvements Vector 2022.
.jpg)
- Traduceți: ajutați-ne să traducem paginile conexe: