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

Improve navigation and learnability of Flamingo menu


    • Type: Improvement
    • Status: Closed
    • Priority: Major
    • Resolution: Fixed
    • Affects Version/s: 6.1-milestone-1
    • Fix Version/s: 6.1
    • Component/s: Flamingo Skin
    • Labels:
    • Difficulty:
    • Documentation:
    • Similar issues:


      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.


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

          Issue Links



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


                • Created:
                  Date of First Response: