Citire/Web/Îmbunătățiri desktop
|
Îmbunătățiri desktop
.png) O serie de funcții și rearanjări noi pentru skinul Vector
|
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.
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
noiembrie 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 "mută în bara laterală"/ "ascunde" 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.
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ă.
- 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.
- 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.
- 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. Ne inspirăm din gadgeturile existente 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.
- Am analizat multe wiki-uri și am observat multe gadget-uri utile. Unele dintre ele merită cu siguranță să fie scoase la suprafață și să facă parte din experiența implicită.
- 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.
- 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.
- Atât înainte de dezvoltare, cât și după implementare, colectăm date (prin testare A/B, runde de feedback prototip etc.). În cazul unor rezultate semnificativ negative, vom anula modificările noastre.
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:
Ce caracteristici vor fi adăugate