읽기/웹/데스크톱 개선

< Reading‎ | Web
This page is a translated version of the page Reading/Web/Desktop Improvements and the translation is 70% complete.
Outdated translations are marked like this.

이전의 기본 위키미디어 스킨 (Vector)은 2010년에 배포되었어. 다음 10년 동안, 인터페이스는 확장 기능, 기기 그리고 사용자 스크립트로 풍부해졌어. 이들 중 대부분은 여러 위키 간에 시각적으로 조율되지 못했습니다. 동시에, 웹 디자인과 독자 및 편집자의 기대도 변화하였어. 이러한 아이디어들 중 일부를 가져와 모든 사용자, 모든 위키의 기본 경험으로 조직적이고 일관된 방식으로 구현할 시간이었어.

우리의 목표는 위키미디어 위키들을 더 환대받는 위키로 만들고 독자 간 유틸리티를 증대시키고 기존 편집자들을 위한 유틸리티를 관리하는 것입니다. 우리는 우리의 사이트에 대한 신뢰도의 증가와 긍정적인 감정, 사이트의 유틸리티(검색 및 언어 전환과 같은 공통 동작의 사용)를 측정합니다.

현재 대부분의 위키에서 로그인된 사용자만 개별적으로 기능 사용을 활성화할 수 있습니다. 선별된 위키에서 우리의 변경은 기본적으로 모든 사람에게 적용되며 로그인된 사용자는 기능 사용을 비활성화할 수 있습니다. 우리는 벡터 2022를 기본으로 하는 위키의 수를 모든 위키에 우리의 개선사항이 기본으로 될 때까지 늘려나가고 있습니다.

업데이트

2023년 11월: Visual changes, more deployments, and shifting focus

 
Before (?vectorzebradesign=0)
 
After (?vectorzebradesign=1)

New styling inspired by Zebra prototype

As part of Zebra #9 prototype, which we wrote about in the last two updates, we introduced two kinds of visual changes: color-based area separation, and other CSS modifications. As we reported previously, the A/B test didn't prove that the color-based separation was an improvement. We focused on the other CSS modifications instead, and we're implementing these changes now. To preview the difference, you may use URL parameters: ?vectorzebradesign=0 (without the changes) and ?vectorzebradesign=1 (with the changes). The changes are:

  • Dropdown menus (the sidebar, table of contents, user menu, and tools menu when not pinned) have a lighter outline and drop-shadow.
  • The "사이드바로 이동"/ "숨기기" buttons in the dropdown menus have a gray background instead of the square brackets.
  • The main menu no longer has a gray background when it is placed in the side column (when it's pinned). Instead, all menus have the same appearance when placed in the side columns.
  • The left and right columns have equal width.
  • Due to the change above, the content width gets slightly narrower when menus are pinned in both columns.
  • The gap between the table of contents and content area is smaller.

In mid-November, we shipped these changes to the following Wikipedias: French, Catalan, Hebrew, Polish. We are planning on introducing these changes across all the wikis within 2-3 weeks. These will enable future modifications, like the Accessibility for reading menu.

Continuing deployments of the Vector 2022 skin

A video about Vector 2022

Since our last update, we have changed the default skin on a few Wikipedias: Dutch, Hindi, Hungarian, Norwegian (bokmål), and Swedish. We have also released a short video about the skin. In addition, after receiving all logos from our Design team, we were also ready to continue the wide-scale deployments on sister projects.

  • The Vector 2022 skin is now the default on all non-English Wikibooks, Wikinews, Wikiquotes, Wikiversity, as well as on Meta-Wiki.
  • We are continuing conversations and scheduling deployments to the remainder of sister projects, beginning with non-English Wikisource, Wiktionary, and Wikivoyage.

Some of these projects may need adjustments, like default settings for limited/full-width at namespaces unique to Wikisource. Gadgets or user scripts may need to be updated, too. We gladly make fixes or assist in making them, depending on whether changes need to be made in the skin itself or a community-controlled code. Reach out to us on the Desktop Improvements talk page or write directly to SGrabarczuk (WMF) if you have any questions or requests for further changes.

Focusing on further desktop and mobile readability improvements

The team has shifted focus onto the Accessibility for reading project. We will work on improvements in typography and introduce dark mode to the Vector 2022 and Minerva skins. Please visit the project page for more details and information on how to get involved.

2023년 9월: Results from the Content separation (Zebra #9) A/B test

In June 2023, we ran an experiment which compared different content separation layouts of the interface.

This prototype shows the tested design; we're calling it "Zebra". The goal was to improve readability and focus on the content of the page. The experiment tested the prototype design and compared it to the current all-white Vector 2022 design. The results of the experiment showed:

  1. A 3% increase in pageviews per session in the treatment group attributed to Zebra
  2. A 3.4% decrease in edits per session in the treatment group attributed to Zebra
  3. A 17% decrease in the click rate of the table of contents
  4. An 87% increase in the page tool pins per session

After reviewing the settings of our test, we did not find any issues that would result in data inconsistencies. Next, we studied other factors which might affect the results of the test. We noticed that a significant amount of the decrease in edits and pageviews came from screen sizes narrower than 1200 px. We combined these results with the results of our user tests.

These did not indicate significant differences in readability between the test and control designs.

Our conclusion was that the prototype did not, in its tested form, improve readability and could negatively affect edits.

We decided not to proceed with the deployment of this prototype in its tested form. Instead, we plan to improve readability and focus on the content through the following:

  1. Introducing changes to the typography, focused on improving readability and content comprehension. This is the goal of the new project, Accessibility for reading
  2. Introducing improvements to Zebra, optimizing for narrower screens, and repeating the tests.

우리의 목표는 무엇입니까?

옷장을 상상해 보세요

현재의 인터페이스는...

예측과 일치하지 않습니다.어수선하고 직관적이지 않습니다.공동체의 측면을 강조하지 않습니다.모바일 버전과 일관성이 없습니다.

  1. 데스크톱 인터페이스는 현대의 웹 플랫폼이 창출한 경험과 일치하지 않습니다. 혼란감과 동떨어진 느낌을 줍니다. 둘러보기와 인터페이스 링크는 무계획적으로 정리되어 있습니다.
  2. 사용자가 자신들이 온 이유에 대해 집중하지 못하게 하는 어수선함이 있습니다. 독자가 내용을 집중하는 일에 도전을 받습니다. 직관적으로 언어를 전환하거나 내용을 검색하거나 읽기 설정을 조정하는 것이 가능하지 않습니다. 신규 편집자들은 자신들의 직관을 사용하여 계정을 설정하거나 편집기를 열거나 조정 목적을 위해 문서가 아닌 페이지를 사용하는 방법을 익히지 못합니다.
  3. 매우 적은 수의 독자들이 어떻게 위키미디어 위키가 동작하는지를 이해합니다. 수많은 독자는 이들이 읽는 내용이 자발적 기여자들에 의해 작성되고 주기적으로 업데이트되는지, 또 이들이 잠재적으로 기여를 할 수 있는지를 모릅니다.
  4. 데스크톱 인터페이스, 앱, 모바일 웹 간 경험의 큰 차이는 독자들이 우리의 제품을 하나로 연결시키기 어렵게 만듭니다. 위키미디어 사이트 개념의 통일성의 결여입니다.

변경 방식

원칙

내용을 건드리지 않습니다. 어떠한 기능도 제거하지 않습니다. 벡터 외의 다른 스킨은 건드리지 않습니다. 기존 소도구의 영감을 받았습니다. 개별 단계로 큰 변경을 하지 않습니다.

  1. 인터페이스에만 작업을 합니다. 틀 스타일, 문서 내용 구조, 지도 지원, 위키 간 틀에 대해서는 작업하지 않습니다.
  2. 벡터가 아닌 스킨은 우리의 수정 범위에서 제외됩니다. 우리는 벡터를 레거시 벡터로 동결시켰으며 새로운 기본 벡터의 일부로서 우리의 기능을 적용하기 시작했습니다.
  3. 우리의 변화가 쉽게 눈에 띄지만 우리는 점진적인 접근을 취하고 있으며 사이트가 독자와 편집자에게 지속적으로 친숙하도록 느끼게 하길 원합니다. 각 기능은 개별적으로 토론되고 개발되고 적용됩니다.
  4. 위키백과와 자매 프로젝트에 해당하는 다양한 자발적인 얼리 어답터 위키와 협업하여 우리의 개선을 시험하는 것이 목적입니다.
  5. 개발 전과 적용 후 모두 우리는 데이터를 수집(A/B 테스트, 여러 단계의 프로토타입 피드백 등을 통해)합니다. 상당히 부정적인 결과의 경우 우리는 우리의 변경사항을 되돌립니다.
  6. 우리는 수많은 위키를 분석했으며 유용한 수많은 소도구를 눈치챘습니다. 이것들 중 일부는 분명 표면화되어 기본 경험의 일부가 될 가치가 있습니다.
  7. 인터페이스 요소의 위치가 변경되어도 기본적으로 사용 가능한 모든 둘러보기 항목들과 기타 기능은 유지됩니다.


적용 계획 및 타임라인

스킨은 지금 모든 위키에 기본으로 될 준비가 된 상태입니다.

The timeline

얼리 어답터 위키 목록 (테스트 위키) 

제1그룹의 위키 (위 타임라인의 ※로 표시된 부분):

제2그룹의 위키 (위 타임라인의 †로 표시된 부분):

제3그룹의 위키 (위 타임라인의 ‡로 표시된 부분):

제4그룹의 위키 (위 타임라인의 §로 표시된 부분):

제1그룹의 더 작은 위키 (위 타임라인의 ¶로 표시된 부분): 

참여 및 문의

  • 뉴스레터 구독하기
  • 번역: 관련 문서 번역을 도와주세요:
우선 대상 번역 

TOP3

  1. 읽기/웹/데스크톱 개선
  2. 읽기/웹/데스크톱 개선/자주 묻는 질문
  3. 읽기/웹/데스크톱 개선/기능

기타 우선 대상 번역

  1. Template:Reading/Web/Desktop Improvements/Talk page intro
  2. Template:Reading/Web/Desktop Improvements/Features/Navigation
  3. Template:Reading/Web/Desktop Improvements/Header
  4. 읽기/웹/데스크톱 개선/업데이트
  5. 읽기/웹/데스크톱 개선/저장소
  6. Template:Reading/Web/Desktop Improvements/Office hours announcement

모든 번역의 직접 링크


어떤 기능이 추가됩니까