Tag Info

Hot answers tagged

4

YES You're point out that there is a surplus of criticism and a scarcity of alternatives to the hamburger menu. Background Hamburger menus have been criticized because: They hide links and content from the user instead of presenting the user with direct options. The hamburger icon is placed at the top of the screen where users tend to ignore it. ...


4

Lose the breadcrumbs ... ... and you are fine : download bmml source – Wireframes created with Balsamiq Mockups As @DA01 said: Given the left menu is a tree menu, is there really a need for breadcrumbs? A tree menu is, essentially, vertical breadcrumbs


3

To give you some arguments: There is this thing that a users thumb is often only half the size of their phones screen. Depending on the way they hold it, it can be hard to reach the top navigation. For that reason your solution will be better. A popular way of hiding a lot of links to a lot of different pages is the drawer menu, hamburger menu or off ...


2

Version C, with the underlines, is superior because it does not rely purely on colour but also has that additional visual clue. That makes it more accessible to people who have difficulty or simply cannot interpret differences in colour. I would however include colour as an additional clue in addition to the underline.


2

I think you're missing a key step which is audience personas. Who is the IA marketed at and what are their needs? When you have that, you can think from the users perspective. Then i would do card sorting from the audience point of view. You also need to have a concrete objective to make sure everything relates back to what you want to achieve.


2

I agree with others that it's a base design issue but if you can only change the top bar... Because of the colors used in the navigation of the "current product," you should use color to separate the product navigation from the current product. Use colors to disable buttons. You could left-justify the top navigation to separate it further. ...


2

None of the above? I mean this in a constructive way. Issues: You have 3 layers of navigation onscreen at the same time, which is pretty complicated for users. On top of that, the visual layout is confusing because you have a top navigation, and then a break for page title, then 2 more layers of navigation that are visually related by the tab idiom ...


2

You could use chat bubbles in a horizontal list (which is technically a tab) like on the facebook messenger app, with a small number within a circle to indicate the amount of unread messages Here's a chat plugin i found quite user friendly. Even being quite feature heavy, it seems easy to use. might give you some ideas www.spot.im


2

Observations The existing approach is awkward because the add node buttons are placed in a toolbar away from the actual node being operated on. So the user needs to select a node, move the cursor to the toolbar, and then figure out what operation to select. The tree control is notoriously complex (multiple nodes, multiple levels of hierarchy). Therefore, ...


2

As a user who quite often finds myself on Spanish language sites I think I'd find it frustrating to be provided a translated version only to have it removed on the next page. Often I will just let Google Translate change the page for me and just forgive the dodgy sentences that appear. I'd rather that than only be able to access a few properly translated ...


1

I would divide it in public and private. BTW I'm not aware of mobile conventions (maybe top buttons should be inside a hamburger menu to save space or to have 1 control with all the possible actions in that page). download bmml source – Wireframes created with Balsamiq Mockups An alternative would be to make the "Choose participants dialog" a ...


1

if they don't affect your design negatively, just leave both. Most users knows what a breadcrumb is since they use it in their computers and they know the breadcrumb is a path they can follow (hence the breadcrumb term). However, your left navigation is more of a question mark in terms of usability, because, by definition, you can take "jumps", thus you're ...


1

What makes you think bread crumbs are bad idea? The details on it is essential for the user to know target page. Especially when the navigation menu tab on the left is collapsed.


1

I would prefer to have the Breadcrumbs. As a user for me the LHN is telling me the list of the available reports, whereas the breadcrumb is about the exact report i'm looking at. Breadcrumb helps to give a clear direction for the users, if there are any sub-reports available within REPORT 1 (as in your scrnshot)


1

I would say definitely sacrifice the images on mobile. Don't think of it as a sacrifice though, just an efficiency :-) You'll never cater for the full breadth of mobile devices with a large menu and images - keep it simple and get the users where they want to go. By the looks of things the links have very concise titles so the images are just for aesthetic ...


1

Additionally for clarity, one could also try altering the messaging of the "Home" button in the tabbed navigation, given that's the primary area a user will think to navigation. For example, you could try something like: Home - Accounting I also agree a combination of mockups A & C would work, with the underline being the most effective visual cue. A ...


1

Keep them in separate navigation areas. Group all event-related actions in one toolbar, and give it a prominent position in the design. Keep secondary actions in a secondary nav area. download bmml source – Wireframes created with Balsamiq Mockups


1

Let's start with some principles: It's ok for the help page to look different. In many cases, it may actually be desirable for help to look different because it (a) provides contextual assurance to users that you are acknowledging their need for help; (b) user flow in help is totally different from user flow for the rest of the site (e.g. in an XBox ...


1

Based on the details you provided, i would suggest a tableview with a cell containing a switch that toggles the category or sub category. After a change in the category and sub category update to the main list of products. The concept is similar to the settings page -> cellular data



Only top voted, non community-wiki answers of a minimum length are eligible