Okuma/Web/Masaüstü İyileştirmeleri
|
Masaüstü İyileştirmeleri
.png) Vectör görünümü için bir dizi yeni özellik ve yeniden düzenleme
|
Mevcut varsayılan Wikimedia görünümün (Vector) dağıtılmasından bu yana 10 yıl geçti. Son on yılda arayüz, uzantılar, gadget'lar ve kullanıcı komut dosyalarıyla zenginleştirildi. Bunların çoğu görsel olarak veya çapraz wiki olarak koordine edilmedi. Aynı zamanda web tasarımı ile birlikte okuyucu ve editörlerin beklentileri de gelişti. Bu fikirlerden bazılarını almanın ve bunları düzenli ve tutarlı bir şekilde tüm wikilerde tüm kullanıcıların varsayılan deneyimine getirmenin zamanının geldiğini düşünüyoruz.
Between 2019 and 2023, we were building a new skin. Hedeflerimiz, Wikimedia vikilerini daha fazla yeni kullanıcı dostu hâline getirmek ve bir yandan mevcut kullanıcıların sağladığı yararı korurken diğer yandan da okuyucuların sağladığı yararı artırmak. Sitelerimize olan güvenin ve olumlu duyarlılığın arttığını ve sitelerimizin faydasını (arama ve dil değiştirme gibi ortak eylemlerin kullanımı) ölçüyoruz.
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.
Güncellemeler
Kasım 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 "kenar çubuğuna taşı"/ "gizle" 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.
Amacımız nedir?
Bir gardırop düşünün
-
Bunu adım adım yeniden düzenlemek istiyor… -
…ve bunu elde etmek istiyoruz. :)
space.jpg)
Şu anda arayüz…
…beklentileri karşılamıyor. …sezgisel değil ve karışık. …işin topluluk yönünü vurgulamıyor. …mobil sürümle tutarsız.
- Masaüstü arayüzü, modern web platformlarının yarattığı beklentilere uymuyor. Kafa karıştırıyor ve kopuk görünüyor. Dolaşım ve arayüz bağlantıları da gelişigüzel düzenlenmiş durumda.
- Kullanıcıların bulmak için geldikleri şeylere odaklanmasını güçleştiren bir dağınıklık söz konusu. Bu, okuyucuların içeriğe odaklanmasını zorlaştırıyor. Sezgisel olarak diller arasında geçiş yapmaları, içerik aramaları ve okuma ayarlarını yapmaları mümkün olmuyor. Yeni kullanıcıların hesap ayarlarını yapmaları, düzenleme ekranını açmaları ve bakım ile yönetim işlemleri için madde dışındaki sayfaları kullanmayı öğrenmeleri için sezgileri yeterli olmuyor.
- Wikimedia vikilerinin nasıl işlediğini okuyucuların çok düşük bir yüzdesi anlıyor. Birçok okuyucu, okuduğu içeriğin gönüllüler tarafından yazılarak sıklıkla güncellendiğinin ve kendilerinin de katkıda bulunmalarının mümkün olduğunun farkında değil.
- Masaüstü arayüzü, uygulamalar ve mobil web seçeneklerimiz arasındaki deneyim konusundaki büyük farklar, okuyucuların ürünlerimizle bağlantı kurmasını güçleştiriyor. Wikimedia sitelerinde konsept açısından bir birlikten söz etmek mümkün değil.
Değişiklikler nasıl yapılır
İlkeler
İçeriğe dokunmayız. Vector dışındaki diğer görünümlere dokunmayız. Herhangi bir işlevselliği kaldırmayız. Mevcut küçük araçlardan ilham alıyoruz. Tek adımda büyük değişiklikler yapmayız.
- Yalnızca arayüz üzerinde çalışıyoruz. Biçem şablonları, sayfa içerik yapısı, harita desteği veya vikilerarası şablonlar konusunda hiçbir çalışma yürütülmüyor.
- Vector dışındaki görünümler düzenlemelerin kapsamı dışında yer alıyor. Vector görünümü Eski Vector olarak sabitledik ve özelliklerimizi yeni varsayılan Vector görünümünün parçaları olarak kullanıma sokmaya başladık.
- Arayüz bileşenlerin taşınması mümkün, ancak hâlihazırda varsayılan olarak kullanılan dolaşım ögeleri ve diğer işlevsellikler değişmeden kalacak.
- Birçok vikiyi analiz ettik ve birçok yararlı küçük araç fark ettik. Bunlardan bazıları kesinlikle öne çıkarılmayı ve varsayılan deneyimin bir parçası olmayı hak ediyor.
- İyileştirmelerimizi hem Vikipediler hem de kardeş projeleri barındıran ve çeşitlilik gösteren gönüllü "erken benimseyen" vikiler ile işbirliği içerisinde deneme niyetindeyiz.
- Değişikliklerimiz kolaylıkla fark edilebilir olsa da, kademeli bir değişim yaklaşımı benimsiyoruz ve okuyucular ile kullanıcıların aşina oldukları site hissini kaybetmesini istemiyoruz. Her özellikle ayrı olarak tartışılıyor, geliştiriliyor ve kullanıma sokuluyor.
- Hem geliştirmeden önce hem de dağıtımdan sonra veri topluyoruz (A/Btesti, prototip geri bildirim turları vb. aracılığıyla). Önemli ölçüde olumsuz sonuçların olması durumunda, değişikliklerimizi geri alacağız.
Kullanıma giriş planı ve zaman çizelgesi
Ağustos/Eylül 2022'de geliştirmelerimizin tüm vikilerde varsayılan olmasını istiyoruz.
| vikilerin çoğunluğu | "erken benimseyen" vikiler |
|---|---|
| kullanıcı ve okuyucular değişikliklerimizi varsayılan olarak görmez |
kullanıcı ve okuyucular değişikliklerimizi varsayılan olarak görür |
| yalnızca kayıtlı kullanıcılar kullanabilir (Görünüm sekmesinde Vector (2022) ile işaretleyerek kullanıcı tercihlerinden) |
yalnızca kayıtlı kullanıcılar kullanmayı bırakabilir (kenar çubuğundaki Eski görünüme geç bağlantısını kullanarak ya da doğrudan kullanıcı tercihlerinden) |
| Year | Month | Deployments |
|---|---|---|
| 2019 | Mayıs | First team discussions |
| 2020 | Temmuz/Ağustos | The new logo, collapsible sidebar, and limited content width introduced on the first early adopter (pilot) wikis, including French Wikipedia |
| Eylül | The new search widget is introduced | |
| 2021 | Haziran | The new language switching is introduced |
| Şubat | Deployments on more pilot wikis, including Bengali, Korean, and Portuguese Wikipedias | |
| 2022 | Ağustos | The new user menu is introduced |
| Ocak | The new sticky header is introduced Deployments on more pilot wikis, including Indonesian, Thai, and Vietnamese Wikipedias | |
| Şubat | The changes are separated out from the Vector legacy code to a new skin "Vector 2022" | |
| Mayıs | The new table of contents is introduced | |
| Haziran | The skin is introduced on the last pilot wikis, including Catalan and Japanese Wikipedias The first visual refinements are introduced | |
| Ekim | Deployments on the smallest Wikipedias | |
| Kasım | The new full/limited-width toggle button is introduced | |
| Aralık | Deployments on Arabic and Greek Wikipedias | |
| 2023 | Ocak | Deployment on English Wikipedia |
| Şubat | The full/limited width preference becomes persistent for logged-out users | |
| Mart | The new page tools menu is introduced | |
| Nisan | Deployment on Polish Wikipedia | |
| Mayıs | Deployment on Spanish Wikipedia | |
| Ağustos | Deployment on Chinese (zh) and several smaller Wikipedias | |
| Ekim | Deployments on Swedish, Hungarian, Dutch, Hindi, Norwegian bokmål Wikipedias Also on Meta-Wiki and most Wikibooks, Wikinews, Wikiquotes and Wikiversity wikis | |
| Kasım | Deployments on most Wikivoyages and Wiktionaries The last visual refinements (known as Zebra 9) are introduced | |
| 2024 | Mart | Deployments on most Wikisources and Foundation internal wikis |
Katılın ve İletişime Geçin
- Tek tek test et: Tercihler'de Vector (2022) seçeneğini işaretleyin. Ayrıca Küresel tercihleri kullanarak da değişikliklerimizi etkinleştirebilirsiniz.
- Tanıtın: Topluluğunuzu bilgilendirin. güncellemeler ve blog gönderileri paylaşın.
- Hataları bildir: Bir hata bildirmek için, Phabricator'da bir görev oluşturun ve #Desktop Improvements Vector 2022 projesini ekleyin.
.jpg)
- Çevir: İlgili sayfaları çevirmemize yardımcı olun:
Eklenecek özellikler