[
https://issues.apache.org/jira/browse/CAMEL-15140?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17127068#comment-17127068
]
Zoran Regvart commented on CAMEL-15140:
---------------------------------------
I think this is a good direction, I think the first option has the highest
contrast so from accessibility it might be the best option. I like that the
icons are large, we should consider increasing the sizes of other icons and the
hamburger menu itself, perhaps by removing the "Apache Camel" text and having
just the logo on smaller screens. I find the hamburger menu is pushed too much
to the right side of the screen and all icons a bit too small at 375pt.
I think we need to think about applying the same design choices to the front
page and to the menu icons, right now on the front page we have icons with
outline on white background, here we have filled icons on inverse background, I
think we should choose one of those and apply it consistently (I would choose
the latter for both). I think we should also take advantage of the vertical
space to incorporate the menu (hamburger icon) on the second row along with the
search similar to how it's done at https://getbootstrap.com/docs/, I left a
comment about this on CAMEL-14958 as well. This could also allow the current
icons we have (GitHub, Gitter, Twitter) to occupy more space and perhaps allow
space for more icons (e.g. Stackoverflow).
> 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: 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, 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)
