Wikidata/Development/UI Layout Concept

This page deals with the general layout concept that should be applied instead of the currently implemented layout. The mockups down below do not imply detailed design aspects but rather give a general impression on how elements should be arranged on a Wikidata page.

Motivation

editing is more important than browsing: there needs to be a clear focus on edit options
structure edit potential since there are many edit triggers
stick to MediaWiki style(s) as far as possible trying to not interfere with user expectation
ensure compatibility with mobile devices

Phase I layouts

(The following mockups do not yet consider all phase I tasks.)

Mockup for phase I (edit label)
Mockup for phase I (edit label) with annotations

Site links table

Variant 1

Showing all the existing site links with the user languages in a section on top.

initial state
adding a site link
after adding

Alternatively, just skip any special handling of user languages. Decision has been made to use this method.

Variant 2

Showing all languages (even those without links), filtered by user languages initially.

initial state
adding a site link
after adding

The second variant is more consistent in the context of other layout components and less prone to bugs. Although it might benefit from a textual site (language) filter.

Phase II layouts

Grid layout mockups regarding phase II in development order.

2012-07-06
2012-07-09
2012-07-10 (1)
2012-07-10 (2)
2012-07-16
2012-07-20
2012-08-07
2012-12-04 (1)
2012-12-04 (2)