Jump to content

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

From mediawiki.org
This page is a translated version of the page Reading/Web/Desktop Improvements/Repository/A History of Wiki Skins and the translation is 26% complete.

Deze pagina probeert de geschiedenis van de ontwikkeling van skins voor Wikimedia-sites te documenteren. Het probeert niet alle bestaande of eerdere skins te behandelen, maar de meest impactvolle en belangrijke gedeelten. Het omvat geen skins die buiten de Wikimedia-beweging worden gebruikt, waarvan er veel zijn. In elk deel wordt een korte samenvatting van de doelstellingen van de inspanningen, de resultaten en de legacy geprobeerd - wat de algemene gemeenschap van deze inspanningen voelt. Er worden links verstrekt om de verschillende initiatieven in context te brengen.

2002: In het begin was er Standard (ook wel Classic genoemd)

Doelen: Nou, we moeten ergens beginnen.

Resultaten: Dit is de eerste verschijning van MediaWiki, voordat skins werden geïntroduceerd. Het leek op het uiterlijk van de Phase II-software, die zelf was ontworpen om op UseMod te lijken.

Legacy: Een blijvende zijbalk en het logo van de site in de linkerbovenhoek (in LTR-talen). Grappig genoeg staat het zoekvak ook in de rechterbovenhoek, net als in Vector (in Monobook is het zoekvak verplaatst naar binnen de zijbalk)

Links:

2003: Cologne Blue

Doelen:

Resultaten: Gebundeld met MediaWiki tot versie 1.31. Beschikbaar voor Wikimedia-wiki's van 2003 tot vandaag.

Legacy: Het werd in 2019 verborgen voor gebruikersvoorkeuren (phab:T223824), maar is nog steeds bruikbaar.

Links:

2004: De opkomst van Monobook

Doelen: Introduceer het concept van het "skinnen" van MediaWiki en moderniseer het ontwerp om het duidelijker en overzichtelijker te zijn voor de lezers.

Resultaten:

Legacy: Nog steeds een actief gebruikte skin, vooral door redacteuren die er al het langst zijn.

Links:

2008: Modern

Doelen: Een skin afgeleid van Monobook om te gebruiken op de toolserver wiki.

Resultaten: Gebundeld met MediaWiki tot versie 1.30. Beschikbaar voor Wikimedia-wiki's van 2008 tot vandaag.

Legacy: Net als Cologne Blue is het een zombieskin. Niet veel ondersteuning of gebruik, maar nog steeds aanwezig.

Links:

2008: Ruby, het eerste mobiele frontend

Doelen: De eerste mobiele gateway werd geschreven in Ruby door Hampton Catlin (maker van Haml en Sass)

Resultaten: We hebben een site met een mobiel formaat!

Legacy: Uiteindelijk geëvolueerd naar MobileFrontend

Links:

2009: Het Wikipedia Usability initiatief

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:

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:

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:

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:

2013: Turning off outdated skins

Goals:

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

Legacy:

Links:

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:

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:

2015: Timeless

Goals: A single responsive skin for MediaWiki based on Winter

Outcomes: First truly volunteer-created and supported skin that got deployed on Wikimedia wikis since skins were split off from MediaWiki core

Legacy:

  • Community-built skin
  • Included with MediaWiki since version 1.31
  • Currently available across Wikimedia projects as an opt-in skin
  • Was discussed and voted by the French Wiktionary community as a potential replacement default skin but the actual configuration change was blocked by the Wikimedia Foundation

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:

2019: Desktop Improvements

Skin:

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.

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):