Reading/Web/Desktop Improvements/Repository/A History of Wiki Skins/id

Halaman ini mencoba mendokumentasikan sejarah peningkatan tampilan untuk situs Wikimedia. Halaman ini tidak berusaha untuk menutupi keseluruhan kulit yang ada maupun kulit-kulit sebelumnya, tetapi hanya dapat menampilkan bit yang paling penting dan berdampak. Halaman ini juga tidak mencakup kulit-kulit yang digunakan di luar gerakan Wikimedia, yang jumlahnya sebanyak ini. Setiap bagian diupayakan untuk menyediakan ringkasan singkat tujuan dari usaha, hasil, dan warisannya – apa perasaan publik terhadap usaha-usaha ini. Tautan-tautan disediakan untuk membedakan dari inisiasi-inisiasi yang berbeda.

2002: Pada awalnya ini adalah Standar (a.k.a. Klasik)
Tujuan: Baiklah, kita harus memulai dari mana. :)

Hasil: Ini merupakan tampilan awal dari MediaWiki, sebelum kulit-kulit lainnya diperkenalkan. Ini menyerupai tampilan dari perangkat lunak Tahap II, yang didesain untuk terlihat seperti UseMod.

Warisan: Sebuah bilah samping yang persisten dan logo situs di atas kiri (pada bahasa-bahasa kiri-ke-kanan). Lucunya, kotak pencarian juga berada di sudut kanan atas seperti Vektor (di Monobook, kotak pencarian dipindahkan ke bilah samping).

Tautan:


 * Kulit:Standar (perbedaan pra-arsip)

2003: Cologne Blue
Tujuan:

Hasil: Diikutkan dengan MediaWiki hingga versi 1.31. Tersedia untuk wiki-wiki dari Wikimedia sejak 2003 hingga sekarang.

Warisan: Kulit ini disembunyikan dari preferensi pengguna pada tahun 2019 (phab:T223824) tetapi masih dapat digunakan.

Tautan:



2004: Terbitnya Monobook
Monobook dinamakan setelah foto hitam putih dari sebuah buku yang terletak di latar belakang dari kepala halaman. Tujuan: Mengenalkan konsep "perkulitan" MediaWiki dan modernisasi desain agar lebih bersih dan rapi bagi pembaca.

Hasil:

Warisan: Masih menjadi kulit yang aktif digunakan, terutama bagi penyunting yang menyertai paling lama.


 * Pertama kali dikenalkan di MediaWiki versi 1.3.0, 11 Agustus 2004 (Catatan perilisan/1.3#1.3.0)
 * Diskusi pengembangan berada di m:Dokumen desain tata letak dan umpan balik berada di m:Komentar dan pelaporan kekutu MediaWiki 1.3/Arsip
 * Pada 2018 ada upaya yang dipimpin komunitas untuk membuat Monobook responsif phab:T195625

Tautan:



2008: Modern
Tujuan: Sebuah kulit yang diturunkan dari Monobook untuk menggunakan perkakas penyedia wiki.

Hasil: Diikutkan dengan MediaWiki hingga versi 1.30. Tersedia untuk wiki-wiki dari Wikimedia sejak 2008 hingga sekarang.

Warisan: Seperti Cologne Blue, ini merupakan kulit zombie. Tidak banyak dukungan atau penggunaan, tetapi tetap masih beredar.

Tautan:



2008: Ruby, kulit pertama yang mengedepankan perangkat mobile
Tujuan: pintu gerbang pertama untuk perangkat mobile ditulis dalam Ruby oleh Hampton Catlin (kreator dari Haml dan Sass)

Tujuan: Hei lihat, kita punya situs terformat untuk perangkat mobile!

Tujuan: Akhirnya berkembang menuju MobileFrontend

Tautan:
 * m:Proyek mobile/Pintu gerbang mobile (perbedaan 2010)

2009: Inisiasi Kegunaan Wikipedia
Goals: "The goal of this initiative is to measurably increase the usability of Wikipedia for new contributors by improving the underlying software on the basis of user behavioral studies, thereby reducing barriers to public participation."

Outcomes: Vector

Legacy: Vector

Links:


 * https://usability.wikimedia.org/

2010: Vector: The first WMF-led skin
Goals: Implement learnings from usability initiative.

Outcomes: One of the largest WMF-led initiatives to change the user-interface.

Legacy: Love it or hate it, it's seen so much code change as to be indomitable.


 * You're seeing this right now, probably

Links:


 * Planned and discussed for over 1 year at dozens of pages in https://usability.wikimedia.org/ and elsewhere
 * see the FAQ page usability:What's new, questions and answers
 * wmfblog:2009/04/24/usability-study-results-sneak-preview/
 * Full results: usability:Usability and Experience Study
 * wmfblog:2009/12/03/how-is-the-usability-beta-doing/
 * Deployed to Wikimedia wikis in April and May 2010
 * wmfblog:2010/03/25/the-change-in-interface-is-coming/
 * wmfblog:2010/05/01/the-change-in-interface-is-coming-part-2/
 * wmfblog:2010/05/13/a-new-look-for-wikipedia/
 * Enwiki: /Archive_1, /Archive_2, /Archive_3 and Wikipedia:Requests for comment/May 2010 skin change
 * Of note, "Wikimedia Commons is planned to be switched over first, and English and other language Wikipedias, and our sister projects will follow as our development and operations teams are ready"
 * m:Vector

2011: "Mobile site rewrite" – MobileFrontend
In 2010, Ethan Marcotte wrote one of the first essays on "Responsive Web Design" and coined the term. RWD is "an approach to web design that makes web pages render well on a variety of devices and window or screen sizes." See also a Wikipedia article about RWD. Goals:

Outcomes:

Legacy:

Links:


 * Extension:MobileFrontend (2011 diff)

2012: Athena
Goals: A prototype created by designer Brandon Harris to re-think the mobile site for contributors. You should watch the video linked on the project page for more context.

Outcomes: A first go at a unified, responsive, "mobile-first" skin for both desktop and mobile.

Legacy: General positive feelings, but never turned into a production skin.

Links:

2013: VectorBeta Beta features feature
Goals: The VectorBeta extension was the first implementation of Beta features for the Vector skin.

Outcomes: Enabled users to test typography experiments, compact personal tools, and fixed header.

Legacy: Evolved into the current Beta features. This became a frequently (but inconsistency) used way of allowing desktop users to try out new features before making them available to all.

Links:
 * Extension:VectorBeta (pre-archive diff)

2013: Turning off outdated skins
Goals:

Outcomes: Five skins without active maintainers were turned off on Wikimedia sites.

Legacy:

Links:
 * m:Turning off outdated skins
 * m:Turning off outdated skins/stats

2014: Winter is coming
Goals: A set of modules for experimenting with changes. Currently six of which are used as examples thought to be good ideas by the driver of the project, Brandon Harris (Jorm)

Outcomes: Jorm left the Foundation and the project stopped.

Legacy:

Links:
 * https://tools.wmflabs.org/winter/
 * https://tools.wmflabs.org/winter/

2014: Typography refresh
Goals: Updates to Wikimedia's default typography, aiming to improve the readability, consistency, availability, and accessibility.

Outcomes: Was initially a beta feature that logged-in users could opt into. When deployed, not all items from the Beta feature were carried over. During development, the project added many little changes with some technical issues. Product teams did not wait long enough to see if users would get used to changes. Other non-typography-related changes were included (thumbnail appearance, fix-width content, removing numbering from Table of Contents). Some font changes were problematic, they did not work in some languages, particularly in Indic languages things were broken. One small wiki was blank as the font variant didn't exist for that language. Insufficient documentation was a problem throughout.

Legacy: Some frustration, with some improvements.

Links:
 * Extension:VectorBeta (pre-archiving diff)
 * The typography refresh was one of several initiatives inside the VectorBeta extension along with a fixed header and compact personal tools.

2015: Timeless
Goals: A single responsive skin for MediaWiki based on Winter

Outcomes:

Legacy:
 * Community-built skin
 * Included with MediaWiki since version 1.31
 * Currently available across Wikimedia projects as an opt-in skin
 * Was discussed by the French Wiktionary community as a potential replacement default skin

Links:



2016: Minerva Neue
Goals: Historically, the mobile skin was not a real skin and there was a preconception that MobileFrontend was being built in bad faith and Wikimedia centric. Splitting out the Minerva skin was a passion project to show that it was something that could be used outside the mobile universe and maybe in the future a usable desktop experience.

Outcomes:

Legacy: Minerva skin decoupled from MobileFrontend

Links:

2018: Advanced mobile contributions
Goals: Adding a feature set with more contributor-focused capabilities to the mobile web experience

Outcomes:

Legacy:
 * Page issues
 * Opt-in interface
 * User menu
 * Special: page updates
 * What's next for MobileFrontend

Links:



Notes for future initiatives
This is mostly advice to anyone developing a new interface for Wikimedia projects. From a community perspective by way of Community Relations.
 * Remember, the contents of the sidebar (a collection of links and tool curated by the community) is inconsistent across projects. Don't depend on it for anything resembling consistency. (E.g. meta: / w:he: / w:zh: / voy:ru: / mw: / etc.)
 * The Foundation, as an organization leading recent efforts, has changed drastically since Vector was developed. In 2010 one could describe the Foundation as small teams, loosely affiliated.
 * Keep in mind the impact any changes to the interface (skins) will have on editor recruiting rates – particularly initiatives across the Foundation to grow medium-size wikis in emerging communities.
 * Don't hide the edit button.
 * Don't say you want to make a "simple" interface, but do say you want to make the interface "clearer".
 * With a broad stroke, power-editors don't want simplification. They are more focused on their workflows and not concerned with the complexity. To them, mastery of the interface is a sign of competence and commitment. They want more advanced tools (search, filters, quick actions (AWB, Huggle, Twinkle)), not less. You can sell them on a "clearer" interface, by also making their powerful tools more easily accessed and utilized - Progressive Disclosure designs, with an emphasis on how it will also help users who want even higher-density content/interfaces.
 * If you want to present on-boarding documentation, this needs to be created with the community, not for them.
 * Communicate everything, early and simply.

Statistics and example links
As of May 2019 there are six skins installed on Wikimedia sites.
 * Vector (default on desktop; supported by the WMF) - example
 * Cologne Blue (volunteer-supported) - example
 * MinervaNeue (default on mobile; supported by the WMF) - example
 * Modern (volunteer-supported) - example
 * MonoBook (originally WMF supported, and now volunteer-supported) - example
 * Timeless (volunteer-supported, partly via a WMF grant) - example

Statistics (phab tasks):


 * Re-run active editors skin statistics (2018)
 * Stats from 2016 on use of skins in Wikimedia by user activity (2016)
 * Research usage of different skins in Wikidata community (2014)