question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tag List behavior UX issue

See original GitHub issue

Hello,

I don’t know if I was the only one with this issue and not even if this is the best place to discuss this (please let me know)…

I loved the tags feature, it makes a lot easier to search for queries, but I only figured out I could select multiple tags (using Shift) when I looked at the code. I’m now trying to think about an improvement that could be made for this, for example:

  • Make the selection of multiple tags to be the default behavior;
  • Add a note on the page for the key, sth like Hold X to select multiple tags;
  • Add Ctrl key as well since it is the default key to select multiple things on Non-Mac computers

Well, what do you think? I can open a PR depending on the conclusions for this…

taglist Illustrative Gif

Thanks! 😁

Issue Analytics

  • State:open
  • Created 5 years ago
  • Comments:6 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
gabrieldutracommented, Oct 16, 2018

I’m almost sure Photoshop does it with Shift (and also some other graphic design softwares). Anyway, I don’t see a problem in having both keys working.

Another suggestion that I was thinking and discussed with an UX dev I know is that maybe the solution for this is to do something similar to e-commerces and use checkboxes.

walmart Another illustrative image - Walmart page

0reactions
arikfrcommented, Oct 16, 2018

By the way regarding this: “Add Ctrl key as well since it is the default key to select multiple things on Non-Mac computers”, for Mac users, the go-to key for this would be Cmd, why did we pick Shift? 😃

I think the Shift semantics came from selecting areas in apps like Photoshop, where you hold shift to add to the current selection. But I’m not sure.


Just saw in Notion a way to show this hint in a subtle way: (sorry for the low quality)

  1. When the user interacts with the drag control, nothing shows up.
  2. But if you pause for a moment on the drag control, it shows a hint on additional options.
Read more comments on GitHub >

github_iconTop Results From Across the Web

What should a tag list do? - User Experience Stack Exchange
The only problem here is that the tags serve two functions. As well as helping users "investigate other accommodation with similar attributes" ...
Read more >
Usability Evaluation of a Tag-Based Interface
There are four issues: minimal information on the tag-based screen, idiosyncratic and ambiguous tags, tagging behavior due to use of the conventional interface ......
Read more >
Tagging design pattern - UI-Patterns.com
“Tags are relevant keywords associated with or assigned to a piece of information.” The problem is, who chooses when a certain tag Ãs...
Read more >
Tag your user research effectively and discover patterns
Probably, the first version of your tag list will not be perfect. Just like improving the user experience of your product or service,...
Read more >
UX for search 101️. Design for discoverability: Critical…
Search is the worst usability problem on the Web. ... an effective search considering users' different behaviors (from novices to experts), ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found