I'm working on a new web page using a navigation toolbar at the top of the screen. There is an employee profile box on the left, certifications (if any for that employee) in the center of the toolbar and some command icon buttons on the right.
The buttons are more links in functionality and on certain buttons dropdown menus appear when hovered over using a mouse. Nothing indicates the dropdowns might appear. There is not much real estate for navigation, so that is why the toolbar is there, which seems like a good way to get more in with less.
My questions are:
is this bad UX design mixing buttons with dropdown menus like this? To me it seems wrong?
the buttons are scrollable so you can fit more in, but how many buttons would be too many in a toolbar?
- I'm thinking the design right itself (horizontal toolbar for navigation) is right for this, but it's implemented wrong? What do you need to utilize for a horizontal toolbar for navigation?
I can have input into the design now, but wasn't involved in the original process, so I'd like to get more information before presenting ideas for improvements.
Here is a very rough draft of the layout using Mockup Builder. Each set of round buttons on the top has a horizontal scroll to the right side for additional buttons and the text is above each button in the actual layout. The bottom images have a scrolling capability as well.