Ulepszenia interfejsu na komputery stacjonarne
Seria funkcji i przemeblowanie skorki Wektor
|
Poprzednia domy?lna skorka wiki Wikimediow (
Wektor
) została wdro?ona w 2010 roku.
Przez nast?pne dziesi?ciolecie interfejs zostawał wzbogacony poprzez
rozszerzenia
,
gad?ety
oraz
skrypty u?ytkownikow
.
Wi?kszo?? z nich nie było koordynowane pod k?tem wizualnym i dost?pno?ci na wielu wiki.
Przez ten czas
sposob projektowania stron internetowych oraz oczekiwania czytelnikow i redaktorow ewoluowały
.
Nadszedł czas, aby niektore pomysły zostały wdro?one do domy?lnego działania strony dla wszystkich u?ytkownikow, na wszystkich wiki, w sposob spojny i zorganizowany.
Between 2019 and 2023, we were building a new skin.
Naszymi celami jest sprawienie, by wiki Wikimediow były przyja?niejsze, zwi?kszenie u?yteczno?ci dla czytelnikow i utrzymanie jej dla ju? działaj?cych edytorow. Mierzyli?my poziom pozytywnych odbioru i zachowa? oraz u?yteczno?ci naszych stron (na przykład poziom tak powszechnych działa?, jak wyszukiwanie czy zmiana wersji j?zykowej).
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.
Aktualizacje
…nie spełniał oczekiwa?.?…był zagracony i nieintuicyjny.?…nie wyro?niał strony społeczno?ciowej.?…nie był spojny z wersj? mobiln?.
- Interfejs desktopowy nie spełniał oczekiwa? stworzonych przez nowoczesne platformy sieciowe. Był dezorientuj?cy i niespojny. Nawigacja i linki interfejsu były chaotyczne.
- 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.
- Obecnie panuje nieład, ktory rozprasza u?ytkownikow od tego, po co przyszli. Czytelnikom jest trudno skupi? si? na tre?ci. Intuicyjne zmiana j?zykow, wyszukiwanie tre?ci czy dostosowanie ustawie? czytania s? dla nich niemo?liwe. Nowi u?ytkownicy nie mog? u?y? intuicji przy zakładaniu konta, otwieraniu edytora czy uczeniu si?, jak u?ywa? stron nieb?d?cych artykułami w celach moderacyjnych.
- 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.
- Bardzo mały procent czytelnikow rozumie, jak funkcjonuj? wiki Wikimediow. Wielu z nich nie jest ?wiadomych, ?e tre?ci, ktore czytaj?, s? przez wolontariuszy tworzone i cz?sto zmieniane, ani ?e sami czytelnicy tak?e mog? edytowa?.
- Du?a ro?nica mi?dzy wra?eniami przy u?ywaniu interfejsu komputerowego, aplikacji mobilnych i przegl?darek mobilnych utrudnia czytelnikom powi?zanie ze sob? stron widzianych w ro?ny sposob. Nie ma wizji wspolnej dla wszystkich stron Wikimediow.
Jak zmiany zostan? wprowadzone
Nie zmieniamy tre?ci.
Nie zmieniamy innych skorek ni? Vector.
Nie usuwamy ?adnej funkcji.
Nie robimy du?ych zmian naraz.
- Pracujemy tylko nad interfejsem. Nie b?dziemy zajmowali si? wygl?dem szablonow, struktur? tre?ci stron, mapami czy globalnymi szablonami.
- Skorki inne ni? Vector s? poza naszym zainteresowaniem. Zatrzymali?my Vectora, nazwali?my go
Legacy Vector
i zacz?li?my wprowadza? zmiany jako składniki nowego wygl?du Vectora.
- Elementy interfejsu mog? by? przemieszczane, ale wszystkie elementy nawigacyjne i inne dotychczas dost?pne funkcje pozostan? dost?pne.
- Mimo ?e nasze zmiany łatwo zauwa?y?, podchodzimy do nich ewolucyjnie i chcemy, ?eby, z perspektyw czytelnikow i edytorow,
zachowanie
strony było takie samo. Ka?da zmiana jest omawiana, rozwijana i wdra?ana osobno.
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
)
- Chcemy, ?eby nasze poprawki były testowane we wspołpracy z ro?norodnym gronem wolontariacko zgłaszaj?cych si? społeczno?ci, zarowno Wikipedii, jak i projektow siostrzanych.
- 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.
Jakie funkcje zostały dodane
Plan wdro?enia i o? czasu
Skorka jest ju? gotowa, wi?c mo?e sta? si? domy?lna na dowolnej wiki.
wi?kszo?? wiki
|
wcze?nie u?ywaj?ce
wiki
|
edytorzy i czytelnicy
domy?lnie nie widz? zmian
|
edytorzy i czytelnicy
domy?lnie widz? zmiany
|
tylko zarejestrowani mog? je wł?czy?
(z poziomu preferencji, poprzez zaznaczenie
Wektor (2022)
w zakładce
Wygl?d
)
|
tylko zarejestrowani mog? je wył?czy?
(u?ywaj?c linku
Przeł?cz na stary widok
w menu bocznym lub z poziomu preferencji)
|
Year
|
Month
|
Deployments
|
2019
|
maj
|
First team discussions
|
2020
|
lipiec/sierpie?
|
The
new logo
,
collapsible sidebar
, and
limited content width
introduced on the first
early adopter
(pilot) wikis
, including French Wikipedia
|
wrzesie?
|
The new
search widget
is introduced
|
2021
|
czerwiec
|
The new
language switching
is introduced
|
luty
|
Deployments on more pilot wikis, including Bengali, Korean, and Portuguese Wikipedias
|
2022
|
sierpie?
|
The new
user menu
is introduced
|
stycze?
|
The new
sticky header
is introduced
Deployments on more pilot wikis, including Indonesian, Thai, and Vietnamese Wikipedias
|
luty
|
The changes are separated out from the Vector legacy code to a new skin "Vector 2022"
|
maj
|
The new
table of contents
is introduced
|
czerwiec
|
The skin is introduced on the last pilot wikis, including Catalan and Japanese Wikipedias
The first
visual refinements
are introduced
|
pa?dziernik
|
Deployments on the smallest Wikipedias
|
listopad
|
The new full/limited-width toggle button is introduced
|
grudzie?
|
Deployments on Arabic and Greek Wikipedias
|
2023
|
stycze?
|
Deployment on English Wikipedia
|
luty
|
The full/limited width preference becomes persistent for logged-out users
|
marzec
|
The new
page tools
menu is introduced
|
kwiecie?
|
Deployment on Polish Wikipedia
|
maj
|
Deployment on Spanish Wikipedia
|
sierpie?
|
Deployment on Chinese (zh) and several smaller Wikipedias
|
pa?dziernik
|
Deployments on Swedish, Hungarian, Dutch, Hindi, Norwegian bokmal Wikipedias
Also on Meta-Wiki and most Wikibooks, Wikinews, Wikiquotes and Wikiversity wikis
|
listopad
|
Deployments on most Wikivoyages and Wiktionaries
The last visual refinements (known as Zebra 9) are introduced
|
2024
|
marzec
|
Deployments on most Wikisources and Foundation internal wikis
|
-
Szymon Grabarczuk
Specjalista ds. Relacji ze Społeczno?ci?
sgrabarczuk
wikimedia.org
-
Phuong Pham
Ambasadorka produktu
ppham-ctr
wikimedia.org
-
Zapipedia
Ambasadorka produktu
izapico-ctr
wikimedia.org
-
Mehman
Product Ambassador
mibragimov-ctr
wikimedia.org
- Przetłumacz
: pomo? nam, tłumacz?c powi?zane strony: