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

Improve navigation and learnability of Flamingo menu

    Details

    • 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:
      None
    • Difficulty:
      Unknown
    • Documentation:
      N/A
    • Similar issues:

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

          Issue Links

            Activity

              People

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

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Date of First Response: