Two Level Dynamic Navigation

Six goals with Two Level Dynamic Menu

I am trying to achieve a dynamic menu that could change on-the-fly depending on authorization level, language or look and feel. And of course usability, flexibility and accessability upon this. And of course Simplicity.

1. Dynamically loading

Store the menu items in the database, load into memory (cache) and filter out the correct menu for the current user.

2. Dynamic themes settings

Based on personal preferences or disabilites, the menu should be possible to customize. The settings are stored in the localStorage for semi persistance.

3. Dynamic language settings

It should be possible to manage several languages and set the personal preferred language.

4. Accessability

The basics of accessability are font size, background color and font color. My rule of thumb is no smaller than 18px fonts.

5. Usability

My rule of "thick thumbs" is no button or clickable area should be smaller than 42px. A compromize between design and usability. This "two level menu" is designed with mobile in mind. The traditional admin menu with accordion menus is good, but is harder to manage on mobile.

6. Flexibility

Things changes over time and it should be easy to add new stuff without start over. The "two level menu" makes it easier to add things without being too hard to navigate.

...
  • Edward
  • Sara
  • Dieter
...
  • Default
  • Dodger
  • Barbie
  • Classic