Чтение/Веб/Улучшения интерфейса настольной версии
Улучшения интерфейса настольной версии
Ряд новых функций и изменений в теме оформления «Векторное»
|
Предыдущая тема по умолчанию для сайтов Викимедиа (Вектор) вышла в свет в 2010 году. За последнее десятилетие интерфейс дополнился расширениями, гаджетами и пользовательскими скриптами. Большинство из них не были согласованы визуально или между разными вики. В то же время веб-дизайн, а также ожидания читателей и редакторов претерпели изменения. В тоге, мы решили взять некоторые из этих идей и реализовать их по умолчанию для всех пользователей на всех вики, организованным и последовательным образом.
В период с 2019 по 2023 год мы создавали новую тему оформления. Мы хотели сделать сайты Викимедиа более привлекательными, повысить их полезность для читателей и сохранить полезность для существующих редакторов. Мы измеряли рост доверия и позитивного отношения к нашим сайтам, а также полезность наших сайтов (использование повседневных действий, таких как поиск и переключение языка).
В 2022 году новая тема оформления была готова к использованию по умолчанию. С тех пор мы вводим её во всё большее число вики-сайтов. В конечном счёте, нам нужно везде использовать по умолчанию одно и то же оформление. Это связано с тем, что сохранение на неопределенный срок двух значений по умолчанию невозможно.
Обновления
Какова была наша цель?
Представьте гардероб
-
Мы постепенно перестроили вот это…
-
...в это :)
До этого интерфейс…
...не оправдывал ожиданий. ...был загроможден и интуитивно не понятен. ....не выделял сторону сообщества. ...не соответствовало мобильной версии.
- Интерфейс версии для рабочего стола сайтов Викимедиа не соответствовал ожиданиям, создаваемым современными веб-платформами. Оно кажется дезориентирующим и разрозненными. Навигация и ссылки интерфейса были организованы несистематично.
- 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.
Какие функции были добавлены
План и график развертывания
Теперь новый интерфейс готов к развертыванию по умолчанию в любой вики.
сокращается число сайтов | растёт число сайтов |
---|---|
редакторы или читатели не видят наши изменения по умолчанию |
редакторы или читатели видят наши изменения по умолчанию |
только редакторы могут выбрать (в настройках пользователя, установив флажок Вектор (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 |
февраль | 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 проект.
- Перевод: помогите нам перевести соответствующие страницы: