I have a modal in our system where a user can enter 'tags' into the validation list. The problem is our client has asked us to import these tags and there can be thousands of these tags so it becomes hard to manage we want to be able to search the tags and make them easier to view and manage so we are going to redesign this part of the modal. Whether this means creating a new modal or in the same modal. I can't think of anything similar which can solve our problem and was wondering if anyone here can help?

Here's the situation at the moment -

As you can see the tags will be a huge scrollbar and hard to find tags if there are thousands.

enter image description here

  • 1
    When you say "manage", what do you mean? Edit? Delete? Reorder? With what criteria? If your actions on them are clear, then you could index/order/group them more efficiently.
    – xpy
    Apr 7 '16 at 13:52

I had a similar problem with a project I was working on, where there were thousands of tags. How many are you dealing with?

There are a couple of things to think about BEFORE doing an import that will aid your design:

1. Do we need ALL the tags? - or can they be cleaned up

Often this can be the case where people have added countless spellings, plurals for the tags. These can be combined. Also, worth tackling whether or not the client is happy with the structure of the tags or whether something can be done about re-structuring.

Especially from a UX perspective, people will want to be able to find what they want as quickly as possible, without having to deal with a large dataset that is not actually useful.

We then tasked one person with the role of maintaining the tags for the future. In your design, you have the add tag button. I am not sure if the '+' means that will add the tag to the system for all users, or just adding an existing tag?

This then meant that what we imported was going to be not only a new system for using the tags, but also maintaining them, which was much cleaner.

2. Are there ones which are more popular than others?

If there is a load of tags which are used ALL the time, then look at giving them some kind of higher importance than others. That will then help you prioritise the screen that you have above. Otherwise, you may find out that tags can be more popular to some staff members than others, at which point you maybe want to prioritse that users "most used" tags.

How can you improve your design :

  • Using an area to add tags in different ways.
  • Autocomplete is really useful when doing tagging - allowing users to search, add with a click.
  • Being able to see exactly what list is being built up and easily removing from the list

enter image description here

  • The problem is that these tags are completely custom, this is a custom list and nothing will ever be 'AutoCompleted' these tags are usually names for example 'Joe Bloggs' 'John Doe' also there can be thousands of tags so in a way tags don't work for me.
    – Kieron606
    Apr 7 '16 at 10:06
  • Can you elaborate on the type of data - is it just people's names? If there are multiple people with the same name, what other data do you have to differentiate between them?
    – stradled
    Apr 7 '16 at 10:14
  • Basically a user enters a 'Valid tag' then in the 'Valid tag' there is autofixes so 'John Doe' is a valid tag, in John Doe there will be autofixes 'John De', 'Jon Doe', 'Jon'
    – Kieron606
    Apr 7 '16 at 10:22

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.