Uploaded image for project: 'XWiki Platform'
  1. XWiki Platform
  2. XWIKI-10449

Improve navigation and learnability of Flamingo menu

    XMLWordPrintable

Details

    • Improvement
    • Resolution: Fixed
    • Major
    • 6.1
    • 6.1-milestone-1
    • Flamingo Skin
    • None
    • Unknown
    • N/A

    Description

      There 2 major problems with the Flamingo menu:

      A. Navigation downgrade

      • In Colibri the menus played 2 roles: dropdowns and links. You could easily access the submenu for the space, while also clicking and navigating to that particular space.
      • In Flamingo this is not possible since the menus are activated on 'click' and not 'hover'. This is better from a mobile accessibility perspective, but could put problems on users accustomed to the old way of working.
      • In Flamingo it is still possible to navigate if using the mouse's middle click, but this functionality has discoverability issues.

      B. Learnability

      • For normal users, seeing that Main is marked as a SPACE, and WebHome as a PAGE, increased learnability of the wiki concepts.
      • In Flamingo these markers are not available anymore.
      • There is XWIKI-9440 . While I agree in theory with it since Page is more common as an action than Wiki, removing also the hierarchy could increase learnability curse.

      A solution would be to add the 'Wiki/Space/Page' markers and maybe divide the navigation and menus between markers - name.

      Attachments

        1. sol2_mobileproblem.png
          sol2_mobileproblem.png
          27 kB
        2. sol2_hover.png
          sol2_hover.png
          17 kB
        3. sol1_mobile.png
          sol1_mobile.png
          27 kB
        4. sol1_hover.png
          sol1_hover.png
          17 kB
        5. Flamingo.png
          Flamingo.png
          10 kB
        6. Colibri.png
          Colibri.png
          15 kB
        7. btn-group.png
          btn-group.png
          32 kB
        8. before.png
          before.png
          16 kB
        9. before_mobile.png
          before_mobile.png
          25 kB
        10. after.png
          after.png
          15 kB
        11. after_mobile.png
          after_mobile.png
          25 kB

        Issue Links

          Activity

            People

              evalica Ecaterina Moraru (Valica)
              evalica Ecaterina Moraru (Valica)
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: