Reading/Web/Поліпшення стільниці
Outdated translations are marked like this.
|
Поліпшення стільниці
Ряд нових особливостей і перевпорядкувань у векторному оформленні
|
Попереднє оформлення Вікімедіа за замовчуванням (векторного) вийшло у 2010 році. Упродовж наступного десятиріччя інтерфейс збагатився розширеннями, додатками та користувацькими скриптами. Більшість із них не координувалися візуально чи між вікі. У той же час, вебдизайн, як і очікування читачів і редакторів, еволюціонували. Кінець кінцем, ми вирішили взяти деякі з цих ідей і зробити їх частиною досвіду за замовчуванням для усіх користувачів, у всіх вікі, в організований, узгоджений спосіб.
З 2019 по 2023 рік ми працювали над створенням нового оформлення. Ми хотіли зробити вікі Вікімедіа більш привітними, зробити їх зручнішими для читачів і зберегти зручність для наявних редакторів. Ми вимірювали зростання довіри і позитивні відгуки про наші сайти і їхню зручність (при використанні стандартних дій, таких як пошук чи перемикання мови).
У 2022 році нове оформлення було готове стати стандартним. З тих пір ми вводимо його у все нових і нових вікі. У кінцевому підсумку, ми маємо отримати одне оформлення за замовчуванням скрізь. Збереження двох стандартних оформлень не може тривати вічно.
Новини
Основна сторінка: Reading/Web/Desktop Improvements/Updates
Якою була наша мета?
Уявіть шафу
-
Ми поступово перевпорядкували це… -
…на це :)
space.jpg)
Раніше інтерфейс…
…не відповідав очікуванням. …був захаращеним і не інтуїтивним. …не висвітлював бік спільноти. …був неузгоджений із мобільною версією.
.png)
- Стаціонарний вигляд не відповідав очікуванням, викликаним сучасними вебплатформами. Він був якийсь дезорієнтовний і незв'язний. Навігація і посилання в інтерфейсі були організовані навмання.
- 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.
- Спостерігався безлад, який відволікав користувачів від зосередження на тому, заради чого вони прийшли. Читачам було складно зосередитися на вмісті, вони не могли інтуїтивно перемикати мови, шукати контент, коригувати читацькі налаштування. Нові редактори не могли скористатися інтуїцією, щоб налаштувати свій обліковий запис, відкрити вікно редагування чи навчитися користуватися сторінками не-статтями з метою модерування.
- 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.
- Дуже малий відсоток редакторів розумів, як працюють вікі Вікімедіа. Багато читачів не знали, що вміст, який вони читають, написаний волонтерами і часто оновлюється, або що вони також потенційно можуть робити внесок.
- Велика різниця у досвіді зі стаціонарним і мобільним інтерфейсом та в застосунках ускладнювала для читачів налагодження зв'язку з нашими продуктами. Концептові сайтів Вікімедіа бракувало єдності.
Як ми вносили зміни
Принципи
Ми не торкалися вмісту. Ми не змінювали інші оформлення, окрім векторного. Ми не вилучали ніякого функціоналу. Ми не робили значних змін за один крок.
- Ми працювали тільки над інтерфейсом. Не проводилося жодної роботи щодо стилізації шаблонів, структури вмісту сторінки, підтримки мап або міжвікійних шаблонів.
- Усі інші теми оформлення, окрім векторної, не входили у сферу нашого проєкту. Ми заморозили векторне оформлення у Старий вектор і почали впроваджувати свої функції у рамках нового Вектора за замовчуванням.
- Ми переміщували елементи інтерфейсу, але всі елементи навігації та іншого функціоналу, доступні раніше, залишилися.
- Ми йшли за еволюційним підходом і хотіли, щоб пілотні вікі і далі були впізнаваними для читачів та редакторів. Кожну функцію обговорили, розробили і впровадили окремо.
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)
- Ми протестували наші покращення у співпраці з різноманітним набором (пілотних) вікі «раннього доступу», які бажають це зробити, як Вікіпедіями, так і сестринськими проєктами.
- 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.
Які функції ми додали
Основна сторінка: Reading/Web/Desktop Improvements/Features
План і часова лінія розгортання
Це оформлення готове до того, щоб стати темою за замовчуванням у будь-якій вікі.
| дедалі менша кількість вікі | дедалі більша кількість вікі |
|---|---|
| редактори чи читачі за замовчуванням не бачать наших змін |
редактори чи читачі за замовчуванням бачать наші зміни |
| лише редактори можуть увімкнути (з користувацьких налаштувань, поставивши прапорець Вектор (2022) на вкладці Зовнішній вигляд) |
лише редактори можуть вимкнути (перейшовши за Перемкнутися на старий вигляд на бічній панелі, або напряму зі своїх налаштувань користувача) |
| Рік | Місяць | Розгортання |
|---|---|---|
| 2019 | травень | Перші обговорення командою |
| 2020 | липень/серпень | Нове лого, згортувана бічна панель і обмеження ширини вмісту впроваджені у перших пілотних вікі, у тому числі французькій Вікіпедії |
| вересень | Впроваджено новий віджет пошуку | |
| 2021 | червень | Впроваджено новий перемикач мов |
| лютий | Розгортання у пілотних вікі, у т. ч. бенгальській, корейській та португальській Вікіпедіях | |
| 2022 | серпень | Впроваджено нове меню користувача |
| січень | Впроваджено нову фіксовану шапку Розгортання у пілотних вікі, у т. ч. в'єтнамській, індонезійській і тайській Вікіпедіях | |
| лютий | Зміни виокремлені зі старого коду Вектора у нове оформлення «Вектор 2022» | |
| травень | Впроваджено новий зміст | |
| червень | Оформлення представлене в останніх пілотних вікі, у тому числі каталонській і японській Вікіпедіях Впроваджено перші візуальні поліпшення | |
| жовтень | Впровадження у найменших Вікіпедіях | |
| листопад | Введення нової кнопки перемикання повної / звуженої ширини | |
| грудень | Впровадження в арабській і грецькій Вікіпедіях | |
| 2023 | січень | Впровадження в англійській Вікіпедії |
| лютий | Вибір повної / звуженої ширини зберігається для незалогінених користувачів | |
| березень | Впроваджено нове меню інструментів сторінки | |
| квітень | Впровадження у польській Вікіпедії | |
| травень | Впровадження в іспанській Вікіпедії | |
| серпень | Впровадження у китайській (zh) і кількох менших Вікіпедіях | |
| жовтень | Впровадження у нідерландській, норвезькій (букмол), угорській, шведській Вікіпедіях і Вікіпедії мовою гінді Також у Мета-вікі і більшості Вікіпідручників, Вікіновин, Вікіцитат і Віківерситетів | |
| листопад | Впровадження у більшості Вікімандрів і Вікісловників Додано останні візуальні покращення (відомі як Zebra 9) | |
| 2024 | березень | Впровадження у більшості Вікіджерел і внутрішніх вікі Фонду |
Контакти
- Індивідуальне увімкнення: у налаштуваннях ви можете поставити пташку Вектор (2022). Ви також можете увімкнути наші зміни у глобальних налаштуваннях.
- Рекламувати: інформуйте свою громаду. Поділіться нашими оновленнями та записами у блозі.
- Повідомити про помилки: щоб повідомити про баг, створіть завдання на Фабрикаторі і додайте тег проєкту #Desktop Improvements Vector 2022.
.jpg)
- Переклади: допоможіть нам перекласти пов'язані сторінки: