[CAMEL-15140] Improve Main Menu for Mobile Screens - ASF JIRA

XML

Word

Printable

JSON

Details

Type: Improvement
Status: Resolved
Priority: Major
Resolution: Implemented
Affects Version/s: None
Fix Version/s: None
Component/s: website
Labels:
- outreachy2020

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

- Sort By Name
- Sort By Date
- Ascending
- Descending

community-section#1.png
22/Jul/20 06:51
49 kB
Aemie
community-section#2.png
22/Jul/20 06:51
43 kB
Aemie
community-section#3.png
22/Jul/20 06:51
45 kB
Aemie
design-frontpage.png
08/Jun/20 06:22
63 kB
Aemie
design-navbar.png
08/Jun/20 05:34
12 kB
Aemie
image-2020-06-07-13-23-24-957.png
07/Jun/20 07:53
28 kB
Aashna Jena
issue-mutation.png
01/Jun/20 07:22
35 kB
Aemie
mobile-menu-mockup-1.png
04/Jun/20 09:43
21 kB
Aashna Jena
mobile-menu-mockup-2.png
04/Jun/20 09:43
21 kB
Aashna Jena
mobile-menu-mockup-3.png
04/Jun/20 09:43
20 kB
Aashna Jena
mobile-menu-mockup-4.png
04/Jun/20 09:43
21 kB
Aashna Jena
mobile-menu-mockup-5.png
04/Jun/20 09:43
21 kB
Aashna Jena
mobile-menu-mockup-6.png
07/Jun/20 08:02
23 kB
Aashna Jena
Mockup-7.png
11/Jul/20 16:03
26 kB
Aashna Jena
screenshot-1.png
30/May/20 16:43
163 kB
Aashna Jena

Issue Links

links to

GitHub Pull Request #451

Activity

People

Assignee:: Unassigned

Reporter:: Aashna Jena

Votes:: 0 Vote for this issue

Watchers:: 6 Start watching this issue

Dates

Created:: 30/May/20 10:49

Updated:: 14/Aug/20 08:28

Resolved:: 14/Aug/20 08:28