Citron Designs

From Wikimedia Usability Initiative
Draft
Draft
This is a Draft

Although this document may have useful content, it should not be considered final. Please take this into consideration when discussing this page.

Internal document This is an internal document

While making small fixes to this page like fixing typos and dead-links is encouraged, any changes which significantly modify the information of this page should be suggested on the discussion page instead, as this is an internal document.

We welcome your constructive feedback. Please use the Discussion page for all of your comments.

Templates

Latest Design
Older Design


Motivation

  • Reduce the confusion factor that infoboxes and templates have on new users.
  • Provide access to article contents that doesn't require navigating through large volumes of template text.
  • Provide an editing interface for template information, contents, and fields that is suitable for advanced and new editors.

Approach

  • Collapse templates within the editor to allow easier access to an articles contents.
  • Maintain current method of editing templates (by expansion) while also introducing an easier method for templates that can afford such an interface (by GUI, dialog).
  • Create new apis for template authors to be able to control how their template editing interface works.

Left Navigation


Motivation

  • Learn how the left navigation is used quantitatively.
  • Use this information to simplify and reorganize the left navigation bar.

Approach

  • Nimish's click tracking data is available [here | here]
  • Make highest used links always visible
  • Categorize and collapse less frequently visited links.



Babaco Fixes

Colors (W3C)

Closed Tabs

Simple Search

Dialogs

Publish/Cancel Button Styling

Below the Editor

Motivation

  • Clean up all of the stuff below the editor that everyone has hard time with.
  • Make user flow more explicit

Approach

  • Organize and group links, messages intuitively
  • Consolidate redundant links, messages
  • Remove duplicate links and messages where applicable
  • Collapse information that is advanced and visually overhelming
  • Repeat "Publish" and "Cancel" buttons on the top and bottom of the editor.
  • Give greater emphasis to the "Publish" button
  • See Also: Side by Side Preview