VisualEditor/Design/Reference Dialog

This document describes the proposed design for a reference and citation insertion dialog for use within VisualEditor.

Goals
Improve the experience of adding references to an article using Visual Editor.


 * Decrease the amount of time spent navigating the reference wizard
 * Surface the common types of reference templates for easy selection
 * Use data such as ISBN or links to autofill parameters if capable

Existing user flow
Here is a guideon how to insert a reference. The existing flow involves at least 10 steps.

Problems
The initial steps are a barrier to new editors, especially finding a template to use. “There is no obvious way of inserting a reference from the list.” Arson McFire (talk) More feedback here.

Questions
How often do users add templates within templates in a reference? How often are references categorized into groups? (Use this Group feature). Do we want to encourage this? Is there a way to provide in-context help for new users?

Design v1 mockup


Description