Membaca/Web/Peningkatan Desktop
Skenar default Wikimedia sebelumnya (Special:MyLanguage/Skin:Vector のベクトル) digunakan pada tahun 2010. Selama dekade berikutnya, antarmuka diperkaya dengan Special:MyLanguage/Manual:Extensions lain ekstensi, Special:MyLanguage/Extension:Gadgets lain gadget dan Special:MyLanguage/Manual:Interface/JavaScript#Personal scripts lain skrip pengguna. Sebagian besar dari mereka tidak dikoordinasikan secara visual atau lintas-wiki. Pada saat yang sama, desain web, serta harapan pembaca dan editor, berkembang. Saatnya untuk mengambil beberapa ide ini dan membawa mereka ke pengalaman default semua pengguna, di semua wiki, dengan cara yang terorganisir, konsisten.
|
Peningkatan Desktop
.png) Serangkaian fitur baru dan penataan ulang pada kulit Vektor
|
Tujuan kami adalah untuk membuat wiki Wikimedia lebih ramah dan meningkatkan utilitas di antara pembaca dan mempertahankan utilitas untuk editor yang ada. Kami telah mengukur peningkatan kepercayaan dan sentimen positif terhadap situs kami, dan kegunaan situs kami (penggunaan tindakan umum seperti pencarian dan perubahan bahasa).
Saat ini, di sebagian besar wiki, hanya pengguna yang masuk dapat memilih masuk secara individual. Namun, pada lebih banyak wiki, perubahan kami digunakan untuk semua secara default, dan pengguna yang masuk dapat memilih keluar. Kami meningkatkan jumlah wiki di mana Vector 2022 adalah standar, sampai perbaikan kami default pada semua wiki.
Pembaharuan
November 2023: 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 "pindah ke bilah sisi"/ "sembunyikan" 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.
September 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:
- A 3% increase in pageviews per session in the treatment group attributed to Zebra
- A 3.4% decrease in edits per session in the treatment group attributed to Zebra
- A 17% decrease in the click rate of the table of contents
- 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:
- Introducing changes to the typography, focused on improving readability and content comprehension. This is the goal of the new project, Accessibility for reading
- Introducing improvements to Zebra, optimizing for narrower screens, and repeating the tests.
Apa tujuan kami?
Bayangkan sebuah lemari pakaian
-
Kami ingin mengatur ulang ini secara bertahap... -
...dalam hal ini:)
.jpg)
Sebelumnya, antarmuka...
...tidak sesuai dengan harapan. ...berantakan dan tidak intuitif. ...tidak menyoroti sisi komunitas. ...tidak konsisten dengan versi mobile.
- Antarmuka desktop tidak sesuai dengan harapan yang dibuat oleh platform web modern. Rasanya membingungkan dan terputus. Navigasi dan antarmuka link diatur secara acak.
- Keberantakan ini mengalihkan perhatian pengguna sehingga tidak dapat memfokuskan pada apa yang ingin mereka temukan di sini. Menjadi tantangan tersendiri bagi para pembaca untuk dapat berfokus kepada isi. Tidak memungkinkan bagi mereka untuk dapat beralih bahasa, mencari isi, maupun menyesuaikan pengaturan membaca secara intuitif. Para penyunting baru tidak dapat menggunakan intuisinya untuk menyiapkan akun mereka, membuka penyuntingan, serta mempelajari cara menggunakan halaman non-artikel untuk tujuan moderasi.
- Sangat kecil persentasenya di mana pembaca memahami cara wiki-wiki dari Wikimedia bekerja. Banyak pembaca tidak menyadari bahwa isi yang mereka baca ditulis oleh sukarelawan dan diperbarui berkali-kali, maupun bahwa mereka sangat mungkin dapat berkontribusi juga.
- Perbedaan yang besar pada pengalaman antara antarmuka desktop, aplikasi, dan web seluler kami inilah yang menyulitkan para pembaca untuk terhubung dengan produk kami. Keseragaman ini kurang terasa dalam konsep situs Wikimedia.
Bagaimana perubahan yang dilakukan
Prinsip
Kami tidak menyentuh isinya. Kami tidak menghilangkan fungsi apa pun. Kami tidak menyentuh kulit lain selain Vektor. Kami terinspirasi oleh gawai yang ada. Kami tidak melakukan perubahan besar-besaran dalam langkah tunggal.
- Kami sedang mengerjakan antarmukanya saja. Tidak ada pekerjaan yang akan dilakukan terkait dengan penggayaan templat, struktur isi halaman, dukungan peta, maupun templat lintas-wiki.
- Kulit selain Vektor berada di luar ruang lingkup penyesuaian kami. Kami telah membekukan pengembangan Vektor menjadi Vektor Warisan, dan mulai mengedarkan fitur kami sebagai bagian dari Vektor baku yang baru.
- Meski perubahan yang kami lakukan mudah terlihat, kami mengambil pendekatan evolusioner dan ingin situs ini terus terasa familier bagi para pembaca dan penyunting. Setiap fitur dibicarakan, dikembangkan, dan diterapkan secara terpisah.
- Adalah niat kami untuk menguji peningkatan ini dengan berkolaborasi bersama sekumpulan beragam wiki pengadopsi awal yang secara sukarela ikut serta, baik Wikipedia maupun proyek-proyek saudarinya.
- Baik sebelum pengembangan maupun setelah penerapan, kami mengumpulkan data (melalui uji A/B, putaran umpan balik purwarupa, dll.). Jika terdapat kasus dengan hasil yang sangat negatif, kami akan membatalkan perubahan kami.
- Kami telah menganalisis banyak wiki dan telah mengamati banyak gawai yang berguna. Beberapa di antaranya sangat layak untuk diangkat dan menjadi bagian dari pengalaman baku.
- Elemen antarmuka mungkin akan berpindah, tapi semua butir navigasi dan fungsi lain yang tersedia secara baku saat ini akan tetap ada.
| sebagian besar wiki | wiki pengadopsi awal |
|---|---|
| penyunting maupun pembaca tidak melihat perubahan yang kami lakukan secara baku |
penyunting maupun pembaca melihat perubahan yang kami lakukan secara baku |
| hanya penyunting yang dapat ikut serta (dari preferensi pengguna, dengan mencentang Vector (2022) pada tab Tampilan) |
hanya penyunting yang dapat tidak ikut serta (menggunakan Beralih ke tampilan lama pada bilah samping, atau secara langsung dari preferensi pengguna mereka) |
Rencana dan lini masa penerapan
Kulit ini sekarang siap untuk menjadi kulit baku di wiki mana pun.
Daftar wiki pengadopsi awal (wiki pengujian)
|
|---|
|
Kelompok wiki-wiki pertama (ditandai dengan ※ pada garis waktu di atas):
Kelompok wiki-wiki kedua (ditandai dengan † pada garis waktu di atas):
Kelompok wiki-wiki ketiga (ditandai dengan ‡ pada garis waktu di atas):
Kelompok wiki-wiki keempat (ditandai dengan § pada garis waktu di atas): |
Ikut terlibat & Hubungi
- * Uji coba sendiri: di Preferensi, centang pilihan Vector (2022). Anda juga bisa mengganti penampilan menggunakan Preferensi global.
- Promosikan: beri tahu komunitas Anda. Bagikan pemberitahuan dan pos blog kami.
- Laporkan kekutu: untuk melaporkan kekutu, buatlah sebuah tugas di Phabricator dan tambahkan proyek #Desktop Improvements Vector 2022.
.jpg)
- Terjemahkan: bantu kami menerjemahkan halaman terkait: