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

Improve Main Menu for Mobile Screens

    XMLWordPrintableJSON

Details

    • Improvement
    • Status: Resolved
    • Major
    • Resolution: Implemented
    • None
    • None
    • website
    • 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

        Issue Links

          Activity

            People

              Unassigned Unassigned
              aashnajena Aashna Jena
              Votes:
              0 Vote for this issue
              Watchers:
              6 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: