읽기/웹/데스크톱 개선

시작:	2019-05
끝:	2023-06
팀원:	웹
백로그:	파브리케이터 워크보드
리드:	Olga Vasileva (제품 소유자)
업데이트:	하위 문서 업데이트

This page is a translated version of the page Reading/Web/Desktop Improvements and the translation is 46% complete.

Outdated translations are marked like this.

이전 기본 위키미디어 스킨 (벡터)는 2010년에 출시되었습니다. 이후 10년 동안 인터페이스는 확장 기능, 소도구 및 사용자 스크립트로 개선되었습니다. 대부분은 시각적으로나 위키 간에 조정되지 않았습니다. 동시에 웹 디자인은 물론 독자와 편집자의 기대도 진화했습니다. 마지막으로, 우리는 이러한 아이디어들을 가지고 모든 위키에 모든 사용자들의 기본 경험을 조직적이고 일관된 방식으로 가져오기로 결정했습니다.

2019년부터 2023년까지 새로운 스킨을 만들었습니다. 우리가 원하는 것은 위키미디어 위키를 더 친근하게 만들고, 독자들에게 유용성을 높이며 기존 편집자들에게 유용성을 유지하는 것이었습니다. 우리는 사이트에 대한 신뢰와 긍정적인 감정을 측정하고, 사이트의 유용성(검색이나 언어 전환과 같은 일반적인 작업의 사용)을 측정했습니다.

2022년에는 새로운 테마가 기본으로 설정될 준비가 되었습니다. 그 이후로 우리는 더 많은 위키에 소개하고 있습니다. 결국 모든 곳에서 하나의 스킨을 기본으로 설정해야 합니다. 왜냐하면 2개를 기본으로 영구적으로 유지하기는 불가능하기 때문입니다.

업데이트

우리의 목표는 무엇이었나요?

책장을 상상해 보세요

우리는 점진적으로 이 일을 재편했습니다.
... 이렇게 재배치하고 싶습니다 :)

이전 인터페이스는…

…기대에 부응하지 못했습니다. …은 복잡하고 직관적이지 않았습니다. ...공동체적인 측면을 강조하지 않았습니다. ...모바일 버전과 일치하지 않았습니다.

데스크톱 인터페이스는 현대 웹 플랫폼에서 만들어지는 기대에 부합하지 않았습니다. 방향이 어긋나고 연결이 끊어졌어요. 탐색과 인터페이스 링크는 무작위로 조직되었습니다.
- 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)을 체크합니다)	편집자만이 기능을 끌 수 있습니다 (사이드바에서 이전 스타일로 전환을 사용하거나 자신의 사용자 환경 설정에서 직접)

Year	달	배포
2019년	5월	첫 번째 팀 토론
2020년	7월/8월	The new logo , collapsible sidebar , and limited content width introduced on the first early adopter (pilot) wikis , including French Wikipedia
2020년	9월	The new search widget is introduced
2021년	6월	The new language switching is introduced
2021년	2월	Deployments on more pilot wikis, including Bengali, Korean, and Portuguese Wikipedias
2022년	8월	The new user menu is introduced
	1월	The new sticky header is introduced Deployments on more pilot wikis, including Indonesian, Thai, and Vietnamese Wikipedias
	2월	The changes are separated out from the Vector legacy code to a new skin "Vector 2022"
	5월	The new table of contents is introduced
	6월	The skin is introduced on the last pilot wikis, including Catalan and Japanese Wikipedias The first visual refinements are introduced
	10월	Deployments on the smallest Wikipedias
	11월	The new full/limited-width toggle button is introduced
	12월	Deployments on Arabic and Greek Wikipedias
2023년	1월	영어 위키백과에 배포
	2월	The full/limited width preference becomes persistent for logged-out users
	3월	The new page tools menu is introduced
	4월	Deployment on Polish Wikipedia
	5월	스페인어 위키백과에 배포
	8월	Deployment on Chinese (zh) and several smaller Wikipedias
	10월	Deployments on Swedish, Hungarian, Dutch, Hindi, Norwegian bokmål Wikipedias Also on Meta-Wiki and most Wikibooks, Wikinews, Wikiquotes and Wikiversity wikis
	11월	Deployments on most Wikivoyages and Wiktionaries The last visual refinements (known as Zebra 9) are introduced
2024년	3월	Deployments on most Wikisources and Foundation internal wikis

참여 및 문의

뉴스레터 구독하기
개인 테스트: 환경 설정에서 벡터 (2022) 옵션을 체크합니다. 전역 환경 설정을 사용하여 변경 사항을 활성화할 수도 있습니다.
홍보: 여러분의 공동체에 알리십시오. 우리의 업데이트와 블로그 게시물을 공유하십시오.
버그 보고: 버그를 보고하려면 파브리케이터에서 일감을 만들고 #Desktop Improvements Vector 2022 프로젝트를 추가하십시오.