Page MenuHomePhabricator

Autocompletion in the "Add to category" screen on mobile web is confusing
Closed, DeclinedPublic

Description

To reproduce:

  • Enable AMC mode in mobile web in the English Wikipedia.
  • Go to https://en.m.wikipedia.org/wiki/Dada_Masiti (or any other article)
  • Scroll down.
  • Click "Categories".
  • Click "Add to category".
  • Click the search box. Type: Swahili. The autocompletion will suggest "Category:Swahili poetry" as one of the results. Click it.

A button appears:

צילום מסך 2019-06-02 ב-11.36.31.png (433×2 px, 49 KB)

The appearance and the behavior of this button are very confusing. It's the same color as "Publish", but tapping it does something very different. The meaning of the V mark is confusing. What does it do? Because of the checkmark and the color I thought that I'm supposed to tap it to add it, especially because what I typed was still in the search box. Instead, when I tapped the button, it disappeared. I figured out that tapping the button doesn't add the category. Some suggestions:

  • I'd expect the removal to be represented by a separate "X" or "remove" button.
  • The V seems unnecessary.
  • The color of this button should be different from "Publish".
  • Perhaps a label can be added: "These categories will be added".
  • My typed string should be probably removed from the search box when I select something. If the intention is to let me select several things that begin with the same characters, then it should be something like a checklist, and the autocompletion list shouldn't disappear.