Mobile design/Language selection

This document describes the language selection feature on mobile.

Rationale

edit

Language selection is important for letting readers take advantage of the over 280 languages in which our content is written.

User research

edit

User testing has shown that readers have a hard time finding the language selection feature when it's presented in a menu or navigation system; many of them scroll to the bottom of the article to find language selection.

User stories

edit
  • As a reader, I want to be able to switch to a different language version of an article and read it in the language of my choice.

Design requirements

edit
  • Create a language selection feature that is discoverable
  • Allow users to browse through/search long language lists to find their language of choice

Project phases

edit

Initial version completed, but more user testing necessary.

User experience

edit
Flow
  1. User is reading an article
  2. User taps "Read this article in another language" section
  3. User is taken to a language selection feature through which she can scroll and/or search

Mockups

edit

Developer card wall

edit

Implementation

edit