|
Dost?pno?? do czytania
Zmiany typograficzne i preferencje zwi?kszaj?ce dost?pno?? strony
|
Projekty Wikimedia musz? by?
dost?pne
i
czytelne
, niezale?nie od j?zyka czy pisma.
Obejmuje to zarowno wi?kszo?? u?ytkownikow, jak i osoby z szczegolnymi potrzebami.
Obecnie nasze ustawienia
typograficzne
widoczne na komputerach i urz?dzeniach mobilnych utrudniaj? czytanie.
Ponadto
tryb nocny
mo?e by? pomocny przy słabym o?wietleniu i dla u?ytkownikow preferuj?cych czytanie w ?rodowisku o niskim kontra?cie.
Nasze interfejsy nie zapewniaj? tej funkcji.
Chcemy zmieni? domy?lne ustawienia typograficzne.
Dodamy rownie? dodatkowe opcje typograficzne i tryb nocny jako
preferencje
.
Zmiany te b?d? dost?pne zarowno dla u?ytkownikow zalogowanych, jak i niezalogowanych.
Przegl?d projektu
As part of the
23/24 annual plan
, the Web team's goal is to bring appearance settings for all users and change the default typography of all wikis. The default font size and text line height for all users across wikis will increase. This increase will improve readability for the majority of users. The team plans to make this deployment alongside the deployment of a new appearance menu which allows controls for page width, typography, and the upcoming dark mode ? meaning that users will easily be able to adjust the font size back to the previous default.
The team plans to initiate discussions across all wikis, focusing on debugging current features and generating ideas for future enhancements. Then, the team will proceed with deployments, bringing the appearance menu to all users and the new typography defaults to logged-in users only. The deployment will be conducted in two steps, initially targeting a small set of wikis for testing before implementing changes across all wikis.
The decision to modify default typography is informed by research findings and accessibility recommendations. Currently, the
WCAG
recommendations for font size start with a minimum of 16 pixels and a AAA recommendation of 18 pixels for easy reading. Our current default is 14 pixels. This makes it more difficult to read (when compared to similar sites for long-form reading that are following these guidelines). On the other hand, we are aware that scannability (being able to scan and quickly find specific information within the page) is important for Wikipedia and that we should limit changes in text density when setting a new font size. The planned default font size is 16 pixels. This is based on:
- Readability research
, academic studies, and market research: these sources indicated that generally bigger is better in terms of font size.
- Most long-form reading websites (such as news websites or social media) opt for somewhere between 16 and 18 pixels. In the two studies that specifically focused on increasing the font size of Wikipedia, researchers determined that increasing size improves comprehension.
- Our own research has shown that most reading sessions are 20?30 seconds long. This isn't enough to digest and change a type setting. This option gives the readability benefits of the new default to the most people possible with the least amount of user effort.
- Accessibility recommendations
Community-proposed designs
: 632 logged-in users from 13 Wikipedias submitted designs with typography settings that they considered as comfortable for them. While many designs focused on keeping the default the same, the majority of designs chose a larger font size.
Aktualno?ci
maj 2024: User testing results, beta feature usage data, and the first version of dark mode now available
User testing results
We have performed usability testing on the Appearance menu. You can see the
full results here
. In short: in the Appearance menu (previously: Theme menu), the typography, width, and dark mode options are placed. The goal of the testing was to determine whether the menu is easy to use, and whether the names of the different settings are intuitive to most users. From this testing we learned:
- No significant usability issues were found.
- Users generally preferred to refer to a "dark" color scheme or "night" color scheme. As a result, we have changed the name of the feature back to "dark" color scheme or dark mode for short.
- It was difficult for users to find the menu icon once collapsed. As a result, we have added a notice that informs users of where the menu has been collapsed to.
Beta feature usage data
We have been tracking the usage of the new menu as a beta feature. You can see the
full results here
. In short, we learned that "standard" was the most popular option to select. We also saw:
- About 55% of clicks to the new menu were for a font size that was larger than the default (either standard or large font sizes)
- The majority of the clicks, 46.7%, were for the "standard" font size.
This confirms that most users prefer a font size that is larger than the current default. We previously saw this in the findings from the
community prototype testing
. We will use this data to decide on the new default settings.
Dark mode is now available
Dark mode is now available to logged-in users on the mobile site (
Minerva
skin only)! To access this feature, you must be opted into advanced mode for mobile. Then, you can select "dark" from the list of color options. (Note: "automatic" will follow the preference of your device.) See the more
detailed message
about this change, and go to the
FAQ page
to see more information about the basics of this project.
Main pages will be displayed at full width
Currently, main pages, like articles, are displayed at
limited width
. Considering the two-column layout with pictures, and the current typography, the line length there (measured by characters per line, CPL) is acceptable. When the default font size is increased though, CPL becomes a bit too small. This is why we have decided to disable the limited width on main pages by default. Instead, they will be displayed at full width like special pages. For more technical details, see
T357706
.
Wprowadzenie
Dlaczego nasza praca nad tym jest wa?na
W ci?gu ostatnich kilku lat wprowadzili?my
skork? Vector 2022
na wielu wiki.
Zaprojektowali?my j?, aby poprawi? wygl?d do czytania.
Kolejnym celem było zapewnienie wygody obecnym u?ytkownikom i bardziej przyjaznego interfejsu dla nowych u?ytkownikow.
Nadal jednak istniej? kwestie zwi?zane z czytelno?ci?, ktorymi musimy si? zaj??.
W czasie bada? nad tym projektem jedn? z kwestii, ktor? zauwa?yli?my, był sam rozmiar tekstu.
W porownaniu z bardziej dost?pnym tekstem cyfrowym czytanie naszych tre?ci na komputerach stacjonarnych i urz?dzeniach mobilnych zajmuje wi?cej czasu.
Wpływa to rownie? na zdolno?? zapami?tywania przeczytanego tekstu.
Wa?nym czynnikiem jest te? to, ?e ludzie anga?uj? si? zarowno w dogł?bne czytanie, jak i pobie?ne przegl?daj? tekst.
[1]
Chcieliby?my poprawi? nasz? typografi? dla obu tych sposobow korzystania z projektow.
Ponadto nasza witryna na komputery stacjonarne nie pozwala na ustawienie rozmiaru czcionki, ktory jest wygodny dla u?ytkownika.
Zamiast tego czytelnicy o okre?lonych potrzebach i upodobaniach polegaj? na funkcjach przegl?darki, aby zmieni? rozmiar czcionki.
Mo?liwo?ci te ro?ni? si? w zale?no?ci od przegl?darki i nie zawsze s? obsługiwane przez reszt? naszego interfejsu.
Powoduje to problemy z narz?dziami lub nawigacj?.
Kontekst planu rocznego
|
|
Zapewnienie wysokiej jako?ci do?wiadczenia czytania dla wszystkich u?ytkownikow poprzez dostosowanie domy?lnego do?wiadczenia dla 15% odsłon, w oparciu o indywidualne potrzeby i ograniczenia u?ytkownika.
Ten kluczowy wynik (zob.
Objectives and key results
) koncentruje si? na umo?liwieniu naszemu interfejsowi dostosowania si? do indywidualnych potrzeb.
Teoria zakłada, ?e ludzie b?d? anga?owa? si? bardziej na witrynie i z u?yciem interfejsu, ktory mo?e dostosowa? si? do ich potrzeb.
Mo?e to obejmowa? takie działania, jak tryb ciemny, g?sto?? tekstu i strony oraz dostosowanie rozmiaru czcionki.
Niektore z tych ustawie? mog? by? wykonywane automatycznie przez interfejs ? na przykład tworzenie responsywnych wersji funkcji lub narz?dzia lub zapewnienie, ?e tryb ciemny wł?cza si? poprzez ustawienia przegl?darki lub urz?dzenia.
W innych przypadkach zmiana ustawie? mo?e odbywa? si? poprzez celowe dostosowanie ? umo?liwiaj?c u?ytkownikom wybor ustawie? innych ni? domy?lnie w okre?lonych (ale ograniczonych) przypadkach.
Z perspektywy dost?pno?ci skupimy si? na funkcjach, ktore musz? by? zbudowane jako samodzielne, aby zapewni? wi?ksz? dost?pno?? lub umo?liwi? ustawienie warto?ci domy?lnych, ktore s? bardziej przyjazne dla dost?pno?ci, pozostawiaj?c jednocze?nie mo?liwo?? dostosowania u?ytkownikom, ktorzy maj? inne preferencje.
Aby ustali? konkretn? liczb? "15%", przyjrzeli?my si?, w jaki sposob u?ytkownicy dostosowuj? domy?lne ?rodowisko w aplikacji Wikipedii na iOS.
59% u?ytkownikow aplikacji korzysta z motywu innego ni? domy?lny (ciemny, czarny lub sepia).
U?yli?my tej liczby jako warto?ci bazowej, ale wzi?li?my pod uwag?, ?e jest bardziej prawdopodobne, ?e regularni u?ytkownicy Wikipedii na przegl?darce po?wi?caj? czas na dostosowanie swojego do?wiadczenia czytania, w przeciwie?stwie do sporadycznych u?ytkownikow.
|
Cele
Poprawki w typografii
Cele tego projektu s? nast?puj?ce:
- Identyfikacja i lepsze zrozumienie problemow
. Przegl?d i klasyfikacja problemow z obecn? typografi? na wiki.
- Ułatwienie czytania strony
. Poprawa czytelno?ci na urz?dzeniach mobilnych i stacjonarnych
- Zapewnienie typografii, ktora lepiej pasuje do ro?nych j?zykow i pism
. Optymalizacja czytelno?ci przy wsparciu i z wykorzystaniem wiedzy ro?nych społeczno?ci
- Umo?liwienie czytelnikom dostosowania typografii
. Wprowadzenie preferencji typograficznych, przydatnych głownie dla osob o ro?nych potrzebach i upodobaniach
Tryb nocny
- Poprawa
czytelno?ci artykułow w warunkach słabego o?wietlenia
- Ułatwienie wyszukiwania i korzystania z opcji i ustawie? trybu nocnego
O? czasu i etapy
Poprawki w typografii
| Etap
|
Czas
|
Opis
|
| Badania i przegl?d literatury
|
lipiec?
|
Dowiadujemy si?, co badacze mowi? o typografii dla komputerow stacjonarnych i urz?dze? mobilnych
|
| Testy prototypu
+ dyskusje ze społeczno?ciami
|
pa?dziernik?
|
Wi?kszo?? edytorow bior?cych udział w
poprzednim te?cie
była otwarta na zwi?kszenie rozmiaru czcionki. Pochodzili oni z ro?nych społeczno?ci.
|
| Wdro?enie funkcji eksperymentalnej
|
grudzie? 2023
|
We released the typography improvements as a beta feature to all wikis and encouraged communities to try it out and give us their feedback
|
| Udost?pnienie na pilota?owych wiki
|
|
Iteracja w oparciu o wyniki testow we wspołpracy ze społeczno?ciami pilotuj?cymi
|
| Discussions with communities
|
kwiecie?/
|
Announcing the upcoming change and answering questions. This will take 2-3 weeks
|
| Udost?pnienie na wszystkich wiki
|
maj/
|
- Deploy the menu to all logged-out and logged-in users as open by default (all users will be able to immediately collapse the menu) to a small set of wikis
- One week later, deploy the menu to all logged-out and logged-in users as open by default (all users will be able to immediately collapse the menu) to all wikis
- Change the default typography for logged-out users only
- Measure usage of appearance menu across logged-in users and gather additional data
|
Tryb nocny
| Etap
|
Czas
|
Opis
|
| Przegl?d techniczny
|
wrzesie??
|
Przeanalizujemy pomysły na wdro?enie trybu nocnego i zdecydujemy, jakiej implementacji chcemy u?y?.
Sprawdzimy
gad?et trybu nocnego
, tryb ciemny w aplikacjach itp.
|
| Rozmowy ze społeczno?ciami
|
|
B?dziemy wspołpracowa? z edytorami, aby dostosowa? kod kontrolowany przez społeczno?ci (np. szablony), tak aby tryb nocny działał dobrze.
|
| Udost?pnienie pilota?owe
|
marzec?
|
Pierwsza wersja mo?e by? "
funkcj? eksperymentaln?
", dost?pn? tylko dla zalogowanych u?ytkownikow.
On mobile, it's only available in the advanced mode.
On desktop, it will be a "
beta feature
".
|
| Udost?pnienie dla wszystkich u?ytkownikow
|
Nieokre?lony
|
Gdy kod kontrolowany przez społeczno?ci zostanie dostosowany, tryb nocny b?dzie dost?pny dla wylogowanych u?ytkownikow.
|
Zaanga?uj si?, Kontakt
-
Szymon Grabarczuk
Specjalista ds. relacji ze społeczno?ci?
sgrabarczuk
wikimedia.org
-
Bachounda
Ambasador produktow
mbachounda-ctr
wikimedia.org
-
Phuong Pham
Ambasadorka produktow
ppham-ctr
wikimedia.org
-
Isabel Zapico
Ambasadorka produktow
izapico-ctr
wikimedia.org
-
Mehman
Ambasador produktow
mibragimov-ctr
wikimedia.org
Ewaluacja projektu
B?dziemy mierzy? sukces tego projektu za pomoc? metod jako?ciowych i ilo?ciowych.
W szczegolno?ci rozwa?ymy:
- wspierane badaniami decyzje przy tworzeniu i rozwoju prototypow
- jako?ciow? popraw? czytelno?ci w oparciu o testy u?ytkownikow i rozmowy ze społeczno?ciami
- Co najmniej X% wszystkich sesji dłu?szych ni? Y, ktorzy dostosowuj? typografi?
- Uwaga: dokładne zmienne do okre?lenia
- Przynajmniej X% wszystkich sesji u?ywa trybu nocnego
- Brak znacz?cych zmian w gł?boko?ci czytania
Przypisy