0

enter image description here

I've been thinking about this design for a while, and I couldn't find any good examples online, this is a system where there are Categories and Questions, and they are both translatable.

So in my example, I'm looking for a way so that the user has a view (or multiple views), where they can CRUD Categories, and CRUD questions for these categories.

The whole translation aspect is going to be in the "Edit" modal, this feels right, the modal will include fields for all languages.

The biggest issue I see here

  • Should this be 2 views instead of one? I do feel it's important that they see the categories that are available, and all questions, that's why I tried to do this in one view

Does anyone know of a design pattern that addresses a case like this?

Improve this question

2 Answers 2

Reset to default
1

What I think is when there are so many similar options repeated, something is wrong at the UX level:

enter image description here

Perhaps you should study another type of interface, not as a final alternative, but to discover how to solve the original. For example:

  • Make each item selectable

  • Visually unify the actions: Add, Remove and Edit

  • If the only action regarding a question is to change the category, I don't think a category menu is necessary, just a drop-down menu on the right (or left) that allows defining the new category of the question.

enter image description here

Improve this answer
1

You could show all question and then add a filter to show only the items you want by category, language, etc.

design showing a questions list

It's OK if the user clicks on the drop down and sees the available categories from there, a bit less clatter in my opinion

As for viewing and creating categories, you can add more features to the drop-down

A drop down with a bit more spice

Now, the "+ Create Category Chicken" is a prompt that should show when someone tries using the category "chicken" but it doesn't exist yet.

It can bring up a dialog box, with something like this:

dialog box with category translations

But given that you want to be able to delete categories as well, a new view would be a good idea. I guess this depends on what has already been implemented and what yourself and the devs agree upon.

Improve this answer
6
  • How would I create a new category, using this view? It is less cluttered, agreed! Maybe the issue is that there's the management of categories and questions, all in one view
    – Miguel Stevens
    Jun 18 at 18:51
  • @MiguelStevens when the user clicks on the category drop down, you could add a search bar in the drop-down. If the category doesn't exist, you can create the category. I'm updating the answer above to show how this could look
    – Kitanga Nday
    Jun 18 at 21:58
  • @MiguelStevens does the update add more clarity? If I'm missing something, please do tell and I'll adjust accordingly
    – Kitanga Nday
    Jun 18 at 22:08
  • thanks for adding this change! It does make sense, however a category also has translations, so how would you provide a button to open the translations modal for editing a category? Categories should also be able to be removed.
    – Miguel Stevens
    Jun 19 at 5:19
  • @MiguelStevens that last bit "Categories should also be able to be removed" is what I was worried about. Yea that means a new view needs to be made, but the questions section can remain as shown above to make the creation of questions a lot easier.
    – Kitanga Nday
    Jun 19 at 12:26

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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