การอ่าน/เว็บ/การปรับปรุงเดสก์ทอป
|
การปรับปรุงเดสก์ทอป
.png) คุณสมบัติใหม่และการเรียงใหม่ของสกินเวกเตอร์
|
เป็นเวลา 12 ปีแล้วที่สกิน Wikimedia เริ่มต้นในปัจจุบัน (Vector) ถูกปรับใช้ ในช่วงทศวรรษที่ผ่านมา อินเทอร์เฟซได้รับการปรับปรุงด้วย extensions, gadgets และ user scripts สิ่งเหล่านี้ส่วนใหญ่ไม่ได้มีการประสานกันทางแสดงผลภาพหรือข้ามวิกิ ในขณะเดียวกัน การออกแบบเว็บรวมถึงความคาดหวังของผู้อ่านและบรรณาธิการก็พัฒนาขึ้นเช่นกัน เราคิดว่าถึงเวลาแล้วที่จะนำแนวคิดเหล่านี้บางส่วนมาปรับใช้กับประสบการณ์ใช้งานเริ่มต้นของผู้ใช้ทั้งหมด บนวิกิทั้งหมด ด้วยวิธีที่เป็นระเบียบและสอดคล้องกัน
Between 2019 and 2023, we were building a new skin. เป้าหมายของเราคือการสร้างวิกิในโครงการวิกิมีเดียเป็นมิตรและเพิ่มเครื่องมือแก่ผู้ใช้ใหม่ รวมถึงเก็บเครื่องมือสำหรับผู้ใช้ที่มีอยู่แล้ว
In 2022, the new skin became ready to be the default. Since then, we are introducing it on more and more wikis. Ultimately, we need to have one skin as the default everywhere. This is because keeping two as the default indefinitely is impossible.
อัปเดต
พฤศจิกายน พ.ศ. 2566: Visual changes, more deployments, and shifting focus
?vectorzebradesign=0)
?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
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.
มีวัตถุประสงค์อะไร?
ลองจินตนาการตู้เก็บเสื้อผ้า
-
พวกเราจะทยอยเรียงจากนี้... -
...ไปเป็นแบบนี้ :)
space.jpg)
ปัจจุบัน, อินเตอร์เฟสนี้
ยังไม่เป็นมาตรฐานที่คาดหวังไว้ ยังมีความยุ่งเหยิงและยังไม่เป็นธรรมชาติ ยังไม่เน้นทางด้านสังคม และยังไม่สอดคล้องกับรุ่นอุปกรณ์เคลื่อนที่
- The desktop interface did not match the expectations created by the modern web platforms. It felt disorienting and disconnected. Navigation and interface links were organized haphazardly.
- There was clutter that distracted users from focusing on what they came for. It was challenging for readers to focus on the content. It was not possible for them to intuitively switch languages, search for content, or adjust reading settings. New editors were unable to use their intuition to set up their account, open the editor, or learn how to use non-article pages for moderation purposes.
- A very small percentage of readers understood how Wikimedia wikis functioned. Many readers were not aware that the content they were reading was written by volunteers and updated frequently, or that they could potentially contribute as well.
- The large difference in experiences among our desktop interface, apps, and the mobile web, made it difficult for readers to connect our products. There was a lack of unity in the concept of Wikimedia sites.
How we were making the changes
หลักการ
We were not touching the content. We did not change skins other than Vector. We did not remove any functionality. We were inspired by the existing gadgets. We did not make major changes in single steps.
- We work on the interface only. No work was done in terms of styling templates, the structure of page contents, map support, or cross-wiki templates.
- Skins other than Vector were out of the scope of our project. We have frozen Vector to Legacy Vector, and begun deploying our features as parts of the new default Vector.
- We were moving around the elements of the interface, but all navigational items and other functionality available previously by default remained.
- We analysed many wikis and noticed many useful gadgets. Some of them deserved to be surfaced and be a part of default experience.
- We tested our improvements in collaboration with a diverse set of volunteering early adopter (pilot) wikis, both Wikipedias and sister projects.
- We took an evolutionary approach. We wanted the pilot wikis to continue feeling familiar to readers and editors. Each feature was discussed, developed, and deployed separately.
- Both prior to development and after deployment, we collected data (via A/B testing, prototype feedback rounds, etc.). In the case of significantly negative results, we rolled back our changes.
แผนการพัฒนาและไทม์ไลน์
The skin is now ready to become the default on any wiki.
| วิกิหลัก | วิกิที่ก้าวหน้าไปก่อน |
|---|---|
| editors or readers don't see our changes by default |
editors and readers see our changes by default |
| only editors can opt-in (from user preferences, by checking เวกเตอร์ (2565) in the การแสดงผล tab) |
only editors can opt-out (using สลับกลับมุมมองดั้งเดิม in the sidebar, or directly from their users preferences) |
| Year | Month | Deployments |
|---|---|---|
| พ.ศ. 2562 | พฤษภาคม | First team discussions |
| พ.ศ. 2563 | กรกฎาคม/สิงหาคม | 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 | |
| พ.ศ. 2564 | มิถุนายน | The new language switching is introduced |
| กุมภาพันธ์ | Deployments on more pilot wikis, including Bengali, Korean, and Portuguese Wikipedias | |
| พ.ศ. 2565 | สิงหาคม | 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 | |
| พ.ศ. 2566 | มกราคม | 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 | |
| พ.ศ. 2567 | มีนาคม | Deployments on most Wikisources and Foundation internal wikis |
เข้ามีส่วนร่วมและติดต่อ
- Opt-in individually: in Preferences, check the option เวกเตอร์ (2565). You can also enable our changes using the Global preferences.
- Promote: Inform your community. Share our updates and blog posts.
- Report bugs: to report a bug, create a task in Phabricator and add #Desktop Improvements Vector 2022 project.
.jpg)
- การแปล: ช่วยเหลือเราด้วยการแปลหน้าต่าง ๆ ที่เกี่ยวข้อง:
คุณสมบัติอะไรบ้างที่จะเพิ่ม