Page MenuHomePhabricator

Language selector: provide separate access to options to contribute and language settings
Closed, ResolvedPublic

Description

The main function of the Language Selector is for users to select a language. On wikis such as Wikipedia, multilingual users need to navigate to the versions of the article in the languages they know. In addition to this main functionality, the language selector provides access to a set of other language-related functionality to make the page available in more languages (translating the existing page, or connecting them in Wikidata), and change the UI language.

All these functionalities were reorganized as quick actions (T289840) under a generic menu ("..."). Feedback indicates that the generic option makes (a) contribution options less discoverable (T310259) and (b) settings more buried than before (T319264).

This ticket proposes to provide access to the different options in a way that:

  • Selecting the language is still the main activity for the language selector (taking most of the space and user attention).
  • There are clear invites to both, access the ways t contribute, and access the language settings.

Proposed design

In order to support this, the proposed solution consists in defining a bottom area for the selector with two options:

  • Add languages. Using a "+" icon and a label provides access to the kist of options to contribute to the menu. This builds on the idea that the list can be expanded with new languages and users interested in it can access the ways to do it. Taking into account that this is an extensible list and multiple ways to expand the list can become available beyond the current ones (translate, and edit languages on Wikidata).
  • Settings. Using the settings icon to provide access to the language settings. This keeps the backwards compatibility with the approach used when the access was provided on the sidebar (in older versions of Vector).

Proposal.png (568×1 px, 26 KB)

Empty state

If there are no actions because a given page does not support them (e.g., talk pages), only the settings icon will be shown (without a visible separator):

Proposal - no actions.png (568×872 px, 18 KB)

Event Timeline

Pginer-WMF created this task.

This is a step in the right direction. Instead of the gear icon, could we show the two sub-options of the language settings (UI language and Input language) visible directly? I have seen a few discussions in the past where users have said that use of the gear icon is not intuitive and people only realise what it does when someone else points it out to them. Even though the gear icon is what we have been using for a long time, now that we are redesigning Vector, it's the right time to think about what we can improve and not to stick with what we have had in the past. At the bare minimum, the gear icon should be accompanied with the words 'Language settings'.

Change 877252 had a related patch set uploaded (by Nik Gkountas; author: Nik Gkountas):

[mediawiki/extensions/UniversalLanguageSelector@master] Add separate buttons for 'add languages' and language settings menus

https://gerrit.wikimedia.org/r/877252

Change 877252 merged by jenkins-bot:

[mediawiki/extensions/UniversalLanguageSelector@master] Add separate buttons for 'add languages' and language settings menus

https://gerrit.wikimedia.org/r/877252

@ngkountas

In a good example page like : https://en.wikipedia.org/wiki/Neighbours, this meets the acceptance criteria above

In a page like https://en.wikipedia.org/wiki/I%27m_a_Celebrity...Get_Me_Out_of_Here!_(British_series_11) where there no language translated, the icons ( add langauges and settings) display are different

Then in talk pages like https://en.wikipedia.org/wiki/Talk:Australia, the settings button is different from what is described in the AC.

See below video.

Can you pls clarify

Thanks for checking, @EChukwukere-WMF. The behaviours you described are expected. More details below:

@ngkountas

In a good example page like : https://en.wikipedia.org/wiki/Neighbours, this meets the acceptance criteria above

In a page like https://en.wikipedia.org/wiki/I%27m_a_Celebrity...Get_Me_Out_of_Here!_(British_series_11) where there no language translated, the icons ( add langauges and settings) display are different

Since there is no list of languages to display, the secondary actions take a more prominent place being displayed directly (not behind a menu).

Then in talk pages like https://en.wikipedia.org/wiki/Talk:Australia, the settings button is different from what is described in the AC.

Those pages are not intended to be connected across languages. So options to o so don't apply there. Therefore are not shown.

@Pginer-WMF thanks for the clarification. I will move this to done.