Reading/Web/Desktop Improvements

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

העיצוב הנוכחי של ויקימדיה (וקטור) נכנס לשימוש ב-2010. במהלך העשור האחרון, הממשק התברך בתוספת הרחבות, גאדג'טים וסקריפטים. רובם לא הותאמו ויזואלית או בין–ויקי. באותו זמן, עיצוב הרשת, וציפיות הקוראים והעורכים, התפתחו. אנחנו חושבים שהגיע הזמן לקחת חלק מהרעיונות ולהטמיע אותם בחוויית המשתמש בברירת מחדל, בכל מיזמי הוויקי, באופן מאורגן ומתמשך.

המטרות שלנו הן להפוך את מיזמי ויקימדיה ליותר מסבירי פנים, להגדיל את התועלת שמפיקים קוראים ולשמר את רמת התועלת הנוכחית עבור עורכים קיימים. אנו נמדוד את עליית האמון והרגש החיובי כלפי המיזמים שלנו, ואת מידת השימוש באתרים שלנו (השימוש בפעולות נפוצות כמו חיפוש ושינוי שפה).

בתחילה, ברוב מיזמי ויקימדיה, רק משתמשים רשומים יוכלו לבחור לחוות את השיפורים האלו באופן אישי. במספר מיזמי ויקימדיה שנבחרו, השינויים ייושמו עבור כולם כברירת מחדל, ומשתמשים רשומים יוכלו לבטל את השינויים אם יבחרו בכך. אנו מקווים להגדיל בהדרגה את מספר המיזמים שבהם חלים השינויים כברירת מחדל, עד שהם יהפכו לברירת מחדל בכל מיזמי ויקימדיה ב-2021.

עדכונים

נובמבר 2023: 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: 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 skin is now ready to become the default on any wiki.

The timeline

רשימה של מיזמי ויקימדיה שמאמצים את השינויים האלו 

First group of wikis (marked as ※ on the timeline above):

קבוצה שנייה של ויקי (מסומן כ† בציר הזמן):

קבוצה שלישית של של ויקי (מסומן כ‡ בציר הזמן):

קבוצה רביעית של ויקי (מסומן כ§ בציר הזמן):

קבוצה ראשונה של ויקי קטנות (מסומן כ¶ בציר הזמן): 

תהיו מעורבים ושמרו על קשר

  • הרשמה לרשימת הדיוור
  • Translate: help us translate related pages:
תרגומים בעדיפות גבוהה 

3 החשובים ביותר

  1. Reading/Web/Desktop Improvements
  2. Reading/Web/Desktop Improvements/Frequently asked questions
  3. Reading/Web/Desktop Improvements/Features

תרגומים אחרים בעדיפות:

  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. Reading/Web/Desktop Improvements/Updates
  5. Reading/Web/Desktop Improvements/Prototype testing
  6. Template:Reading/Web/Desktop Improvements/Office hours announcement

קישור ישיר לכל התרגומים


אילו תכונות יתווספו