Page MenuHomePhabricator

Guided tour Part 2 [dashboard on-boarding]
OpenPublic

Authored By
• Nirzar, Mar 1 2015
Project Tags
Referenced Files
F42949: cx-announcement-icon.gif
Mar 2 2015, 12:27 PM
F52265: cx-label.svg
Mar 2 2015, 12:27 PM
F52258: cx-logo.svg
Mar 2 2015, 12:27 PM
F52263: globe.png
Mar 2 2015, 12:27 PM
F52262: cx-label.png
Mar 2 2015, 12:27 PM
F52259: cx-logo.png
Mar 2 2015, 12:27 PM
F52266: globe.svg
Mar 2 2015, 12:27 PM
F51622: dashboard-step2.png
Mar 1 2015, 6:30 PM
Subscribers

Mock History

Current Revision21

Mock Description

Part 1 - guide people in contributions to go to dashboard
Part 2 - Guide to get them to know how to use dashboard

Event Timeline

• Nirzar created Guided tour Part 2 [dashboard on-boarding].Mar 1 2015, 6:30 PM
• Nirzar opened this mock.
• Nirzar added a project: Design.
• Nirzar added a subscriber: Pginer-WMF.

The steps proposed look reasonable in general, although I would consider:

  • Avoiding the last one about language selection filters.
  • In addition to mentioning the possibility of selecting from the given suggestions, we may want to mention the possibility of picking your own article.
  • I wonder also if we want to anticipate where translations will be, or wait and show it again once translations are there (which would be more along the lines of introducing the new space and telling them that suggestions are still available).

I like how the secondary elements are dimmed to center the attention on the relevant ones in each step.
I'll add some more detail notes on the mockups about trying to make it even more compact and visual as described in these principles for tutorials.

Inline Comments

The cup logo is a bit informal.
For T89701: Ask users to try the ContentTranslation beta feature when creating an article we used the globe and arrow icon.

The icon is available at:


cx-logo.png (89×74 px, 5 KB)

A gif version with the animated arrow is also available:

cx-announcement-icon.gif (155×90 px, 7 KB)

If you want to recreate the animation with CSS you may need the separate parts used:

cx-label.png (65×36 px, 2 KB)

globe.png (66×68 px, 3 KB)

Inline Comments

We can make the text shorter:

*Welcome to Content Translation*
Translate existing Wikipedia pages into new languages. Translating has never been so easy.

(The use of "pages" instead of "articles" is because internationalisation issues translating the concept of "article" to different languages)

Inline Comments

I would like to avoid the concept of "draft". Those are just "translations" or "current/ongoing/in-progress translations" if you will.

The concept of "draft" may be confusing and adds unnecessary states to the user mental model:

  • Content under the draft namespace, and content at the user namespace, is often referred to as drafts already.
  • For the case of Content Translation, users just work on translations that turn into regular Wikipedia pages once they are published.