Uploaded image for project: 'Camel'
  1. Camel
  2. CAMEL-15140

Improve Main Menu for Mobile Screens

    XMLWordPrintableJSON

    Details

    • Type: Improvement
    • Status: Open
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: website
    • Labels:
    • Estimated Complexity:
      Novice

      Description

      Our current menu for mobile screens is a list of text items with a small drop-down arrow, which don't really make for a good touch target. I like how the facebook app displays menu items - they take up the full screen and each menu item has an icon and text enclosed in a box-like structure. I also like Amazon app's menu, where sub-menus replace the menu space instead of opening up as drop-downs. I can post some mock-ups if we are open to changing the design of the menu on mobile screens

        Attachments

        1. community-section#1.png
          49 kB
          Aemie
        2. community-section#2.png
          43 kB
          Aemie
        3. community-section#3.png
          45 kB
          Aemie
        4. design-frontpage.png
          63 kB
          Aemie
        5. design-navbar.png
          12 kB
          Aemie
        6. image-2020-06-07-13-23-24-957.png
          28 kB
          Aashna Jena
        7. issue-mutation.png
          35 kB
          Aemie
        8. mobile-menu-mockup-1.png
          21 kB
          Aashna Jena
        9. mobile-menu-mockup-2.png
          21 kB
          Aashna Jena
        10. mobile-menu-mockup-3.png
          20 kB
          Aashna Jena
        11. mobile-menu-mockup-4.png
          21 kB
          Aashna Jena
        12. mobile-menu-mockup-5.png
          21 kB
          Aashna Jena
        13. mobile-menu-mockup-6.png
          23 kB
          Aashna Jena
        14. Mockup-7.png
          26 kB
          Aashna Jena
        15. screenshot-1.png
          163 kB
          Aashna Jena

          Activity

            People

            • Assignee:
              Unassigned
              Reporter:
              aashnajena Aashna Jena
            • Votes:
              0 Vote for this issue
              Watchers:
              5 Start watching this issue

              Dates

              • Created:
                Updated: