Reading/Web/Поліпшення стільниці
|
Поліпшення стільниці
.png) Ряд нових особливостей і перевпорядкувань у векторному оформленні
|
Попереднє оформлення Вікімедіа за замовчуванням (векторного) вийшло у 2010 році. Упродовж наступного десятиріччя інтерфейс збагатився розширеннями, додатками та користувацькими скриптами. Більшість із них не координувалися візуально чи між вікі. У той же час, вебдизайн, як і очікування читачів і редакторів, еволюціонували. Кінець кінцем, ми вирішили взяти деякі з цих ідей і зробити їх частиною досвіду за замовчуванням для усіх користувачів, у всіх вікі, в організований, узгоджений спосіб.
З 2019 по 2023 рік ми працювали над створенням нового оформлення. Ми хотіли зробити вікі Вікімедіа більш привітними, зробити їх зручнішими для читачів і зберегти зручність для наявних редакторів. Ми вимірювали зростання довіри і позитивні відгуки про наші сайти і їхню зручність (при використанні стандартних дій, таких як пошук чи перемикання мови).
У 2022 році нове оформлення було готове стати стандартним. З тих пір ми вводимо його у все нових і нових вікі. У кінцевому підсумку, ми маємо отримати одне оформлення за замовчуванням скрізь. Збереження двох стандартних оформлень не може тривати вічно.
Новини
листопад 2023: Візуальні зміни, нові розгортання та зміна фокусу
?vectorzebradesign=0)
?vectorzebradesign=1)Новий стиль, навіяний прототипом Zebra
У рамках прототипу Zebra #9, про який ми писали в останніх двох оновленнях, ми запровадили два види візуальних змін: кольорове розділення зон та інші модифікації CSS. Як ми повідомляли раніше, A/B-тестування не підтвердило, що кольорове зонування щось покращує. Тож натомість ми зосередилися на інших модифікаціях CSS, і реалізуємо ці зміни зараз. Щоб переглянути різницю, можна використовувати параметри URL: ?vectorzebradesign=0 (без змін) і ?vectorzebradesign=1 (з змінами). Зміни такі:
- Випадні меню (бічна панель, зміст, меню користувача й меню інструментів, коли не закріплені) мають світліше обрамлення і тінь.
- Кнопки «перемістити на бічну панель» / «сховати» у випадних меню мають сіре тло замість квадратних дужок.
- Головне меню більше не має сірого тла, коли воно у бічній колонці (коли закріплене). Натомість усі меню мають однаковий вигляд, коли вони в бічних колонках.
- Ліва та права колонка мають однакову ширину.
- Через зміни вище, ширина вмісту стає дещо вужчою, коли меню закріплені в обох колонках.
- Проміжок між змістом і зоною вмісту зменшився.
Усередині листопада ми впровадили ці зміни у Вікіпедіях івритом, каталонською, польською та французькою. У наступні 2—3 тижні ми плануємо впровадити ці зміни в усіх вікі. Це дозволить майбутні модифікації, як-то меню доступності читання.
Продовження розгортання теми Вектор 2022
З часу наших останніх новин, ми змінили оформлення за замовчуванням у кількох Вікіпедіях: гінді, нідерландській, норвезькій (букмол), угорській і шведській. Також ми випустили коротке відео про це оформлення. Окрім цього, після отримання усіх лого від нашої команди дизайну, ми готові продовжувати широкомасштабне впровадження теми у сестринських проєктах.
- Вектор 2022 тепер є оформленням за замовчуванням у всіх неангломовних Вікіпідручниках, Вікіновинах, Вікіцитатах, Віківерситетах, а також на Мета-вікі.
- Ми продовжуємо обговорення й планування впровадження у решті сестринських вікіпроєктів, починаючи з неангломовних Вікіджерел, Вікісловника та Вікімандрів.
Деякі з цих проєктів можуть потребувати поправок, наприклад, стандартних значень обмеженої/повної ширини у просторах назв, унікальних для Вікіджерел. Додатки або користувацькі скрипти також можуть потребувати оновлення. Ми радо вносимо виправлення чи допомагаємо їх робити, залежно від того, чи вони потрібні в самій темі, чи в спільнотних налаштуваннях. Якщо у вас є будь-які запитання чи запити на майбутні зміни, звертайтеся до нас на сторінці обговорення Стаціонарних покращень або пишіть прямо SGrabarczuk (WMF).
Фокусування на подальшому покращенні читання з настільних і мобільних пристроїв
Команда змістила фокус своєї роботи на проєкт Доступність для читання. Ми працюватимемо над покращеннями типографії та впровадженням темної теми в оформленнях Вектор 2022 та Minerva. Більше інформації про проєкт та як до нього можна долучитися шукайте на сторінці проєкту.
Якою була наша мета?
Уявіть шафу
-
Ми поступово перевпорядкували це… -
…на це :)
space.jpg)
Раніше інтерфейс…
…не відповідав очікуванням. …був захаращеним і не інтуїтивним. …не висвітлював бік спільноти. …був неузгоджений із мобільною версією.
- Стаціонарний вигляд не відповідав очікуванням, викликаним сучасними вебплатформами. Він був якийсь дезорієнтовний і незв'язний. Навігація і посилання в інтерфейсі були організовані навмання.
- Спостерігався безлад, який відволікав користувачів від зосередження на тому, заради чого вони прийшли. Читачам було складно зосередитися на вмісті, вони не могли інтуїтивно перемикати мови, шукати контент, коригувати читацькі налаштування. Нові редактори не могли скористатися інтуїцією, щоб налаштувати свій обліковий запис, відкрити вікно редагування чи навчитися користуватися сторінками не-статтями з метою модерування.
- Дуже малий відсоток редакторів розумів, як працюють вікі Вікімедіа. Багато читачів не знали, що вміст, який вони читають, написаний волонтерами і часто оновлюється, або що вони також потенційно можуть робити внесок.
- Велика різниця у досвіді зі стаціонарним і мобільним інтерфейсом та в застосунках ускладнювала для читачів налагодження зв'язку з нашими продуктами. Концептові сайтів Вікімедіа бракувало єдності.
Як ми вносили зміни
Принципи
Ми не торкалися вмісту. Ми не змінювали інші оформлення, окрім векторного. Ми не вилучали ніякого функціоналу. Нас надихали наявні додатки. Ми не робили значних змін за один крок.
- Ми працювали тільки над інтерфейсом. Не проводилося жодної роботи щодо стилізації шаблонів, структури вмісту сторінки, підтримки мап або міжвікійних шаблонів.
- Усі інші теми оформлення, окрім векторної, не входили у сферу нашого проєкту. Ми заморозили векторне оформлення у Старий вектор і почали впроваджувати свої функції у рамках нового Вектора за замовчуванням.
- Ми переміщували елементи інтерфейсу, але всі елементи навігації та іншого функціоналу, доступні раніше, залишилися.
- Ми проаналізували багато вікі й помітили багато корисних додатків. Деякі з них заслужили на те, щоб побачити денне світло й увійти в базовий досвід.
- Ми протестували наші покращення у співпраці з різноманітним набором (пілотних) вікі «раннього доступу», які бажають це зробити, як Вікіпедіями, так і сестринськими проєктами.
- Ми йшли за еволюційним підходом і хотіли, щоб пілотні вікі і далі були впізнаваними для читачів та редакторів. Кожну функцію обговорили, розробили і впровадили окремо.
- І до впровадження, і після, ми збираємо дані (через A/B тестування, раунди збору відгуків про прототипи тощо). Якщо результати були значно негативними, ми відкочували свої зміни.
План і часова лінія розгортання
Це оформлення готове до того, щоб стати темою за замовчуванням у будь-якій вікі.
| дедалі менша кількість вікі | дедалі більша кількість вікі |
|---|---|
| редактори чи читачі за замовчуванням не бачать наших змін |
редактори чи читачі за замовчуванням бачать наші зміни |
| лише редактори можуть увімкнути (з користувацьких налаштувань, поставивши прапорець Вектор (2022) на вкладці Зовнішній вигляд) |
лише редактори можуть вимкнути (перейшовши за Перемкнутися на старий вигляд на бічній панелі, або напряму зі своїх налаштувань користувача) |
| Рік | Місяць | Розгортання |
|---|---|---|
| 2019 | травень | Перші обговорення командою |
| 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 |
| лютий | Розгортання у пілотних вікі, у т. ч. бенгальській, корейській та португальській Вікіпедіях | |
| 2022 | серпень | The new user menu is introduced |
| січень | The new sticky header is introduced Розгортання у пілотних вікі, у т. ч. в'єтнамській, індонезійській і тайській Вікіпедіях | |
| лютий | Зміни виокремлені зі старого коду Вектора у нове оформлення «Вектор 2022» | |
| травень | The new table of contents is introduced | |
| червень | Оформлення представлене в останніх пілотних вікі, у тому числі каталонській і японській Вікіпедіях The first visual refinements are introduced | |
| жовтень | Впровадження у найменших Вікіпедіях | |
| листопад | Введення нової кнопки перемикання повної / звуженої ширини | |
| грудень | Впровадження в арабській і грецькій Вікіпедіях | |
| 2023 | січень | Впровадження в англійській Вікіпедії |
| лютий | Вибір повної / звуженої ширини зберігається для незалогінених користувачів | |
| березень | The new page tools menu is introduced | |
| квітень | Впровадження у польській Вікіпедії | |
| травень | Впровадження в іспанській Вікіпедії | |
| серпень | Впровадження у китайській (zh) і кількох менших Вікіпедіях | |
| жовтень | Впровадження у нідерландській, норвезькій (букмол), угорській, шведській Вікіпедіях і Вікіпедії мовою гінді Також у Мета-вікі і більшості Вікіпідручників, Вікіновин, Вікіцитат і Віківерситетів | |
| листопад | Впровадження у більшості Вікімандрів і Вікісловників Додано останні візуальні покращення (відомі як Zebra 9) | |
| 2024 | березень | Впровадження у більшості Вікіджерел і внутрішніх вікі Фонду |
Контакти
- Індивідуальне увімкнення: у налаштуваннях ви можете поставити пташку Вектор (2022). Ви також можете увімкнути наші зміни у глобальних налаштуваннях.
- Рекламувати: інформуйте свою громаду. Поділіться нашими оновленнями та записами у блозі.
- Повідомити про помилки: щоб повідомити про баг, створіть завдання на Фабрикаторі і додайте тег проєкту #Desktop Improvements Vector 2022.
.jpg)
- Переклади: допоможіть нам перекласти пов'язані сторінки: