7

I'm working on a system where a user can manage content for a group he is a part of. The image below shows the structure of the menu. The top menu is the user menu. The second menu is the group menu. This is where the user can select his active group. The final menu is a content menu. Here the user can select a category of content to manage for his group (media, pages, posts, etc).

![enter image description here

Imagine a user selecting a menu item from the content menu. There will most likely be an 'add'-button to the top right. For example; when a user clicks on 'media' he can select 'add media' from the top right.

Where should this button be compared to the content menu?

I have tried options:

  • In the right of the group menu, because you add something to your group
  • In the right of the content area, because you add content

See the images below. Both options have pros and cons for me. The second option might be the one to go for, but it will create a fourth menu to have your buttons for the content in. The first option puts the button further away from the content. It might not be logical to have a button in the group menu that changes based on the selection of an item from another menu.

I was wondering what you would do. Thanks!

enter image description here

enter image description here

  • 2
    what if you put a '+' next to the items that can be added to the box of contents? – UX Research May 18 '17 at 21:26
1

TL;DR: Grouping related items is usually a good thing.

If we look at Whatsapp (a popular chat app currently owned by Facebook) as an example and examine how it handles 'action' placement, you'll notice that it's all on the right. This definitely has to do with the fact that it's a mostly mobile app (though the web variant does the same). But this is also good for new users, since they don't have to look far to know where the actions are (e.g. adding an attachment and recording audio are right next to each other).

Whatsapp actions

Now, how does this relate to your app? You could do the same and place both the action and the content menu next to each other (vertically aligned). It can be placed on the left or, as shown below, on the right. but I think this will be a much better experience for your users.

Group Items

1

I have an alternate suggestion, which may or may not make sense based on how you're adding new items (and how you're displaying them in the Content Menu).

If those Content Menu navigation items are showing those types of content when clicked, you may want to put the "Add New" button alongside each menu item in the content menu. This is a common pattern and tends to be clear, since you're clicking "Add" alongside the very kind of item you're browsing to in the content menu. Here's a quick mockup in case this is unclear (the red "Add+" buttons showing where those might appear):

"Add+" items in red show potential button location

0

Since the user would be adding a Content, it would work best to add the button closer to where the action takes place.

For this reason, your second option is preferable "In the right of the content area, because you add content."

When you think about it, you're already applying the same logic looking at how you've nested the different menus sub-layers. It works great despite the amount of content you could potentially show.

Good continuation on your project.

0

I think the solution should depend on whether selection of the menu option acts as filter (or tabs) or not.

If menu acts as a filter or tab, e.g. user sees the list on media, when "media" option is selected and nothing else, then I would go with second option but with left aligned actions. Moving important actions to opposite side of the screen is not helpful for users.

If option selection does not change the content area, then consider using accordion control to house content types specific actions if you think that there will be more then one action or controls for each content type. Proximity of content menu options and related actions is good for your users.

enter image description here

Otherwise, if user can do with content is to add new object into content, then content menu options itself should add new object, or get rid of the context menu add "New" drop-down list to group menu.

0

I think a layout that would be more friendly is an option section with an image of what content they are adding with the addition button next to that image. I have added a concept below. Content Image

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.