Reading/Web/Поліпшення стільниці
Поліпшення стільниці
Ряд нових особливостей і перевпорядкувань у векторному оформленні
|
Розгортання попереднього оформлення Вікімедіа за замовчуванням (векторного) відбулося у 2010 році. Упродовж наступного десятиріччя інтерфейс збагатився розширеннями, додатками та користувацькими скриптами. Більшість із них не координувалися візуально чи між вікі. У той же час, вебдизайн, як і очікування читачів і редакторів, еволюціонували. Пора було взяти деякі з цих ідей і зробити їх частиною досвіду за замовчуванням для усіх користувачів, у всіх вікі, в організований, узгоджений спосіб.
Between 2019 and 2023, we were building a new skin. Наша мета — зробити вікі Вікімедіа більш привітними, зробити їх зручнішими для читачів і зберегти зручність для наявних редакторів. Ми виміряли зростання довіри і позитивні відгуки про наші сайти і їхню зручність (при використанні стандартних дій, таких як пошук чи перемикання мови).
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.
Новини
листопад 2023: Візуальні зміни, нові розгортання та зміна фокусу
Новий стиль, навіяний прототипом Zebra
У рамках прототипу Zebra #9, про який ми писали в останніх двох оновленнях, ми запровадили два види візуальних змін: кольорове розділення зон та інші модифікації CSS. Як ми повідомляли раніше, A/B-тестування не підтвердило, що кольорове зонування щось покращує. Тож натомість ми зосередилися на інших модифікаціях CSS, і реалізуємо ці зміни зараз. Щоб переглянути різницю, можна використовувати параметри URL: ?vectorzebradesign=0
(без змін) і ?vectorzebradesign=1
(з змінами). Зміни такі:
- Випадні меню (бічна панель, зміст, меню користувача й меню інструментів, коли не закріплені) мають світліше обрамлення і тінь.
- Кнопки «перемістити на бічну панель» / «сховати» у випадних меню мають сіре тло замість квадратних дужок.
- Головне меню більше не має сірого тла, коли воно у бічній колонці (коли закріплене). Натомість усі меню мають однаковий вигляд, коли вони в бічних колонках.
- Ліва та права колонка мають однакову ширину.
- Через зміни вище, ширина вмісту стає дещо вужчою, коли меню закріплені в обох колонках.
- Проміжок між змістом і зоною вмісту зменшився.
Усередині листопада ми впровадили ці зміни у Вікіпедіях івритом, каталонською, польською та французькою. У наступні 2—3 тижні ми плануємо впровадити ці зміни в усіх вікі. Це дозволить майбутні модифікації, як-то меню доступності читання.
Продовження розгортання теми Вектор 2022
З часу наших останніх новин, ми змінили оформлення за замовчуванням у кількох Вікіпедіях: гінді, нідерландській, норвезькій (букмол), угорській і шведській. Також ми випустили коротке відео про це оформлення. Окрім цього, після отримання усіх лого від нашої команди дизайну, ми готові продовжувати широкомасштабне впровадження теми у сестринських проєктах.
- Вектор 2022 тепер є оформленням за замовчуванням у всіх неангломовних Вікіпідручниках, Вікіновинах, Вікіцитатах, Віківерситетах, а також на Мета-вікі.
- Ми продовжуємо обговорення й планування впровадження у решті сестринських вікіпроєктів, починаючи з неангломовних Вікіджерел, Вікісловника та Вікімандрів.
Деякі з цих проєктів можуть потребувати поправок, наприклад, стандартних значень обмеженої/повної ширини у просторах назв, унікальних для Вікіджерел. Додатки або користувацькі скрипти також можуть потребувати оновлення. Ми радо вносимо виправлення чи допомагаємо їх робити, залежно від того, чи вони потрібні в самій темі, чи в спільнотних налаштуваннях. Якщо у вас є будь-які запитання чи запити на майбутні зміни, звертайтеся до нас на сторінці обговорення Стаціонарних покращень або пишіть прямо SGrabarczuk (WMF).
Фокусування на подальшому покращенні читання з настільних і мобільних пристроїв
Команда змістила фокус своєї роботи на проєкт Доступність для читання. Ми працюватимемо над покращеннями типографії та впровадженням темної теми в оформленнях Вектор 2022 та Minerva. Більше інформації про проєкт та як до нього можна долучитися шукайте на сторінці проєкту.
Якою була наша мета?
Уявіть шафу
-
Ми б хотіли поступово перевпорядкувати це…
-
…на це :)
Раніше інтерфейс…
…не відповідав очікуванням. …був захаращеним і не інтуїтивним. …не висвітлював бік спільноти. …був неузгоджений із мобільною версією.
- Стаціонарний вигляд не відповідав очікуванням, викликаним сучасними вебплатформами. Він був якийсь дезорієнтовний і незв'язний. Навігація і посилання в інтерфейсі були організовані навмання.
- Спостерігався безлад, який відволікав користувачів від зосередження на тому, заради чого вони прийшли. Читачам було складно зосередитися на вмісті, вони не могли інтуїтивно перемикати мови, шукати контент, коригувати читацькі налаштування. Нові редактори не могли скористатися інтуїцією, щоб налаштувати свій обліковий запис, відкрити вікно редагування чи навчитися користуватися сторінками не-статтями з метою модерування.
- Дуже малий відсоток редакторів розумів, як працюють вікі Вікімедіа. Багато читачів не знали, що вміст, який вони читають, написаний волонтерами і часто оновлюється, або що вони також потенційно можуть робити внесок.
- Велика різниця у досвіді зі стаціонарним і мобільним інтерфейсом та в застосунках ускладнювала для читачів налагодження зв'язку з нашими продуктами. Концептові сайтів Вікімедіа бракувало єдності.
Які зміни зроблено
Принципи
Ми не торкаємося вмісту. Ми не торкаємось інших оформлень, окрім векторного. Ми не вилучаємо жодну функціональність. Нас надихають наявні додатки. Ми не робимо значні зміни за один крок.
- Ми працюємо тільки над інтерфейсом. Не проводиться жодної роботи щодо стилізації шаблонів, структури вмісту сторінки, підтримки мап або міжвікійних шаблонів.
- Усі інші теми оформлення, окрім векторної, не входять у сферу наших покращень. Ми заморозили векторне оформлення у Старий вектор і почали впроваджувати свої функції у рамках нового Вектора за замовчуванням.
- Елементи інтерфейсу змінили положення, але всі елементи навігації та іншого функціоналу, доступні раніше, залишилися.
- Ми проаналізували багато вікі й помітили багато корисних додатків. Деякі з них точно заслужили на те, щоб побачити денне світло й увійти в базовий досвід.
- Ми протестували наші покращення у співпраці з різноманітним набором вікі «раннього доступу», які бажають це зробити, як Вікіпедіями, так і сестринськими проєктами.
- Хоча наші зміни легко помітити, ми йшли за еволюційним підходом і хотіли, щоб сайт і далі був впізнаваним для читачів та редакторів. Кожну функцію обговорювали, розробляли і впроваджували окремо.
- І до впровадження, і після, ми збираємо дані (через A/B тестування, раунди збору відгуків про прототипи тощо). Якщо результати будуть значно негативні, ми відкотимо наші зміни.
План і часова лінія розгортання
Це оформлення готове до того, щоб стати темою за замовчуванням у будь-якій вікі.
дедалі менша кількість вікі | дедалі більша кількість вікі |
---|---|
редактори чи читачі за замовчуванням не бачать наших змін |
редактори чи читачі за замовчуванням бачать наші зміни |
лише редактори можуть увімкнути (з користувацьких налаштувань, поставивши прапорець Вектор (2022) на вкладці Зовнішній вигляд) |
лише редактори можуть вимкнути (перейшовши за Перемкнутися на старий вигляд на бічній панелі, або напряму зі своїх налаштувань користувача) |
Year | Month | Deployments |
---|---|---|
2019 | травень | First team discussions |
2020 | липень/серпень | The new logo , collapsible sidebar , and limited content width introduced on the first early adopter (pilot) wikis , including French Wikipedia |
вересень | The new search widget is introduced | |
2021 | червень | The new language switching is introduced |
лютий | Deployments on more pilot wikis, including Bengali, Korean, and Portuguese Wikipedias | |
2022 | серпень | The new user menu is introduced |
січень | The new sticky header is introduced Deployments on more pilot wikis, including Indonesian, Thai, and Vietnamese Wikipedias | |
лютий | The changes are separated out from the Vector legacy code to a new skin "Vector 2022" | |
травень | The new table of contents is introduced | |
червень | The skin is introduced on the last pilot wikis, including Catalan and Japanese Wikipedias The first visual refinements are introduced | |
жовтень | Deployments on the smallest Wikipedias | |
листопад | The new full/limited-width toggle button is introduced | |
грудень | Deployments on Arabic and Greek Wikipedias | |
2023 | січень | Deployment on English Wikipedia |
лютий | The full/limited width preference becomes persistent for logged-out users | |
березень | The new page tools menu is introduced | |
квітень | Deployment on Polish Wikipedia | |
травень | Deployment on Spanish Wikipedia | |
серпень | Deployment on Chinese (zh) and several smaller Wikipedias | |
жовтень | Deployments on Swedish, Hungarian, Dutch, Hindi, Norwegian bokmål Wikipedias Also on Meta-Wiki and most Wikibooks, Wikinews, Wikiquotes and Wikiversity wikis | |
листопад | Deployments on most Wikivoyages and Wiktionaries The last visual refinements (known as Zebra 9) are introduced | |
2024 | березень | Deployments on most Wikisources and Foundation internal wikis |
Долучитися і зв'язатися
- Індивідуальне тестування: у налаштуваннях ви можете поставити пташку Вектор (2022). Ви також можете увімкнути наші зміни у глобальних налаштуваннях.
- Рекламувати: інформуйте свою громаду. Поділіться нашими оновленнями та записами у блозі.
- Повідомити про помилки: щоб повідомити про баг, створіть завдання на Фабрикаторі і додайте тег проєкту #Desktop Improvements Vector 2022.
- Переклади: допоможіть нам перекласти пов'язані сторінки:
Які функції додано