[ 
https://issues.apache.org/jira/browse/CAMEL-15140?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17127541#comment-17127541
 ] 

Aashna Jena commented on CAMEL-15140:
-------------------------------------

[~Aemie] [~delawen] I was thinking that for screens < 675px, we can find the 
width : height ratio and then have either a vertical menu with 2-2-2 menu items 
in a row or 3-3 menu items in a row like mobile-menu-mockup-6. Is this what the 
concern is about? Horizontal vs vertical screens? The only change we will be 
making here is to change the width of each block from 50% to 33%.

> Improve Main Menu for Mobile Screens
> ------------------------------------
>
>                 Key: CAMEL-15140
>                 URL: https://issues.apache.org/jira/browse/CAMEL-15140
>             Project: Camel
>          Issue Type: Improvement
>          Components: website
>            Reporter: Aashna Jena
>            Priority: Major
>              Labels: outreachy2020
>         Attachments: image-2020-06-07-13-23-24-957.png, issue-mutation.png, 
> mobile-menu-mockup-1.png, mobile-menu-mockup-2.png, mobile-menu-mockup-3.png, 
> mobile-menu-mockup-4.png, mobile-menu-mockup-5.png, mobile-menu-mockup-6.png, 
> screenshot-1.png
>
>
> 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



--
This message was sent by Atlassian Jira
(v8.3.4#803005)

Reply via email to