[
https://issues.apache.org/jira/browse/CAMEL-15140?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17126489#comment-17126489
]
María Arias de Reyna commented on CAMEL-15140:
----------------------------------------------
I agree that mockup-1 is the best.
> Since we are adding icons, should these icons be visible for big screens as
> well?
As a general rule I think it makes sense to be consistent on style. So if an
icon is associated with an action or a section, that icon should be kept on all
screen types. But, not as big, you know. If it is a touch screen I need space
for my finger. If it is not, I prefer smaller links.
> They will take up more horizontal space if we place icons just before the
> text. My suggestion is to not have icons for big screens for now, maybe we
> can look at a different design for including icons in the header menu in a
> later iteration.
If the icon is small enough I don't think it will be a problem to eat a bit
more horizontal space, right? I am not a good stylist so maybe I'm wrong :) On
an ideal world, the change between mobile and desktop is "just" CSS resizing
and reshaping stuff, not adding or removing.
> The other option is to keep the sub-menus, for which we can use the mockup-4
> or mockup-5 design.
There should be some kind of breadcrumb to know where I am so I don't get lost
on navigation. I should be able to easily jump a level up inside the hierarchy
of menus.
But it doesn't have to show all the possible top menu options. It may be just
that, a button to jump one level higher. That could allow us to keep the design
1.
> 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)
