Чтение/Веб/Процесс улучшенного интерфейса настольной версии/Обновления/2022-07 для больших Вики

This page is a translated version of the page Reading/Web/Desktop Improvements/Updates/2022-07 for the largest wikis and the translation is 32% complete.

Определение процесса обсуждения вопроса о том, чтобы сделать Vector 2022 по умолчанию

О проекте

Прочтите это на другом языке

Вкратце: через одну или две недели мы хотели бы начать обсуждение об обновлении дизайна Википедии по умолчанию до Vector 2022. Мы заинтересованы в том, чтобы определиться с процессом, который мы хотим использовать для обсуждений, прежде чем обсуждать само изменение. Это потому, что мы хотим иметь хороший процесс принятия решений, который позволяет определить потребности сообщества с нового вида интерфейса.

Всем привет,

Мы бы хотели, чтобы внешний вид Vector 2022 (посмотрите, как он выглядит) стал по умолчанию во всех вики, включая в русской Википедии. Новый внешний вид будет включен для всех анонимных пользователей, а также для всех вошедших в систему пользователей, которые теперь используют Vector (текущий по умолчанию). Вошедшие в систему пользователи могут и будут иметь возможность переключаться на любой из наших других доступных видов интерфейса, включая текущий Vector. Мы будем готовы приступить к внесению изменений в конце августа (а не в июле, как было объявлено ранее), когда будут готовы визуальные улучшения и другие средства нужные для развертывания.

Цель проекта - сделать интерфейс более гостеприимным и удобным для читателей и полезным для опытных пользователей. В проекте содержится ряд улучшений, которые облегчат чтение и изучение Википедии, навигацию по странице, поиск, переключение между языками, использование разделов статьи, пользовательского меню и многих других элементов. Команда работала над этими изменениями в течение последних 3 лет, проверяя, чтобы каждое изменение было тщательно протестировано и доказывая свою эффективность.

Every one of our changes goes through a rigorous process. First, research, then development, qualitative and quantitative testing with readers and editors, prototype testing with editors (across 30+ language communities), more changes based on the communities feedback, and monitoring. When a change does not meet the success criteria or does not perform better than the previous version, we either stop developing the change or work on it until performance is improved.

The changes we have made will be crucial to making the site more welcoming and easier to use to new readers and editors. When compared to the old Vector skin, Vector 2022 is proven to:

  • Save time while reading and editing (measured by decreases in scrolling to the top of the page after the introduction of sticky header and table of contents)
  • Increase exploration within a given page (measured by increased clicks to the table of contents)
  • Improve readability (measured via collapsible sidebar usage)
  • Improve the discovery of new content (measured by an increase in searching)

More details on how we have been building Vector 2022

Раскрыть для чтения 
  1. Problem identification research with readers and editors - during this phase, we studied the way people use the site. We identified the largest usability issues as well as issues to exploring the site further, becoming more engaged with reading or editing. We did this by interviewing readers and editors across multiple countries and locations
  2. Prototype development and testing - this is when we build out the ideas of a feature and begin showing new things to our audiences. Each feature was tested with readers and editors through interviews and rounds of prototype testing. Generally, for testing with editors we used central notice banners across multiple language wikis so that we can get the most diverse audience possible. Each prototype was tested by approximately 200 editors on average
  3. Refining and building - we then take the feedback from the prototype testing and refine or change the prototype based on what needs were identified in the prototype testing. In some cases, we ask for additional feedback so that we’re sure we’re making the right decisions
  4. A/B testing on pilot (early adopter) wikis and other quantitative testing - this is the "beta" phase. We test whether the feature works as expected based on the criteria of success we have previously defined. For example, the sticky header was designed to decrease scrolling to the top of the page. We gave the sticky header to 50% of users and compared them to the other 50% for two weeks. After two weeks we compared the results and identified that that people that had the sticky header were indeed scrolling less to the top of the page in order to select any of the tools available there. If we get negative results from our test, we change the feature and test again. During this phase, we also monitor usage across all wikis, where many account holders are already using the new skin.
  5. Finally, we deploy the feature on more wikis and continue monitoring the way people are using it so that we can flag any issues.

We are working on an easy way to explore all of the above data and research (and are welcome to suggestions on the best format). For now, the best way to see the testing is:

  • From Reading/Web/Desktop Improvements/Features, select the feature you are most interested in
  • Within that feature page, refer to the Qualitative or Quantitative testing section to see the results and our conclusions

For more details on this data, please visit our repository.


A quick overview of our learnings

Сворачиваемая боковая панель 

The collapsible sidebar allows people to collapse the main menu in order to focus on reading - helping to find the information needed without distraction

  • Qualitative testing with readers and editors on the usefulness of the sidebar and our navigation. Our conclusion here was that the number of different tools provided on the page by default was found to be overwhelming by readers and actively discouraged them from reading, but also from exploring the functionality within the page, an effect opposite of what the exposure of multiple tools aims to do. More details can be found on our feature page for the collapsible sidebar, as well as within the original report
  • Quantitative testing on the usage behavior of the sidebar itself, in both its open and collapsed states (see the results). When using the sidebar, logged-out users are much more likely to collapse it and, once collapsed, to keep it collapsed. In addition, the rate of un-collapsing also indicated that users are aware that, were they to need to navigate to an item in the sidebar, that option was available to them.
Maximum line width 

We have introduced a maximum line width to articles. Research has shown that limiting the width of long-form text leads to a more comfortable reading experience, and better retention of the content itself.

  • Our studies with readers showed that readability was an issue with the current interface, in particular being able to focus on the content
  • Pages that are not in a long-text format (such as diffs, special pages, page history) will be presented at full-width as before
  • Logged-in users who wish to read articles at full width are welcomed to set up a script or gadget that will allow for this, such as this one
  • For more details on research and motivation, see our research section
Search 

The new search widget includes important context that makes it easier for users to find the query they are looking for by adding images and descriptions for each search results

  • People had difficulties finding the correct result using our previous search
  • Our A/B testing showed that adding the new search can lead to a 30% increase in search sessions initiated on the wikis we tested
Language switching 

The new language switching tools are more prominently-placed than before. They allow multilingual readers and editors to find their preferred language more easily.

  • Readers did not previously know they could switch languages from the page, even if they read multiple language wikis habitually. They would use external search engines to find the correct article instead.
  • In our user testing, new readers were able to find the new location much quicker than the previous location
  • Our qualitative testing showed that this was more difficult to find for existing users who were used to the previous location, leading us to iterate on the feature. We have since added a note in the previous location of the language switcher and made the button itself a more prominent color
  • In the future, we will continue exploration on languages, considering potentially a direct link to a person’s most frequent languages
User menu 

The new user menu provides links to all links related to the user in one place. This reduces confusion between general navigation links and specific user links

  • New editors were confused between the links at the top of the page and other navigation. They didn’t know these links pertained to their personal tools
  • Our user testing with readers and editors showed that people found it intuitive that all user links are in a single menu and that the menu is easy to find
  • In our prototype testing, 27 out of 38 (71%) editors and other logged-in users showed strong positive experiences with the user menu
  • Based on community requests and current data, we iterated on the feature and moved the watchlist link out of the user menu for easier access
Sticky header 

The sticky header gives access to functionality that is used most frequently that was previously only accessible at the top of the page. The goal is for people to scroll less and thus, save time

  • Our A/B test showed an average 15% decrease in scrolls to the top per session for logged-in users within the 15 pilot wikis we tested on

Currently, we are finishing the predicted part of the development work. We think this is the best time to plan for any additional work that might need to be done based on needs of the various communities. We hope to begin this process during this conversation.

What should the process look like?

Нам нужна ваша помощь и отзывы о том, как действовать дальше. У нас две просьбы:

  1. Нам нужно обсудить так, чтобы это хорошо сработало для русского сообщество Википедии. Какой будет наилучший формат и сроки обсуждения изменений? Мы включили предлагаемый формат ниже и нам интересно, что вы думаете об этом. Если вы согласны, мы можем начать обсуждение о развертывании через неделю. Вот наше предложение:
    1. Провести обсуждение о развертывании, которая займет 2 недели. Целью этого обсуждения будет выявление основных проблем или возможностей для улучшения нового интерфейса (внешнего вида). Для нас будет важно снизить риск ошибок или недостатков, которые могут вызвать конкретные проблемы при использовании в русской Википедии
    2. После обсуждения развертывания мы свяжемся с вами с приоритетным списком оставшихся работ/исправлений, необходимых до развертывания
    3. До развертывания,
      • Баннеры, предупреждающие об изменении, будут отображаться для вышедших из системы и вошедших в систему пользователей
      • Объявление будет сделано как на форуме, так и в Тех. новостях.
    4. Мы приступаем к развертыванию, как только согласованные исправления будут готовы.
  2. Нам нужно понять точки зрения различных частей русского сообщества Википедии. Какие формы обсуждения помогли бы собрать отзывы и еще больше повысить осведомленность для русского сообщества Википедии? Мы хотели бы провести открытое обсуждение, но мы открыты и для других форм, таких как рабочие встречи, специально отведенное для русского сообщества Википедии или мы можем быть гостем с презентацией на собраниях вашего сообщества. При необходимости мы также можем попробвать скорректировать график обсуждений в зависимости от ваших потребностей.

Мы будем рады вашим ответам здесь или по электронной почте (olga@wikimedia.org, sgrabarczuk@wikimedia.org), а также в течение нашей следующей рабочей встречи.

Спасибо за помощь и что уделили нам время.