This site uses cookies. By continuing to browse the site, you agree to our use of cookies. Find out more about cookies.
Skip to main content
Metadecidim's official logo
  • English Triar la llengua Elegir el idioma Choose language
    • Català
    • Castellano
Sign Up Sign In
  • Home
  • Processes
  • Assemblies
  • Initiatives
  • Consultations
  • Conferences
  • Help

Propose new functionalities for Decidim software

#DecidimRoadmap Designing Decidim together

Phase 1 of 1
Open 2019-01-01 - 2030-12-31
Process phases Submit a proposal
  • The process
  • Debates
  • Propose new features
  • News
chevron-left Back to list

UX / Improve second level navigation usability on mobile

Avatar: Antti Hukkanen Antti Hukkanen
20/03/2019 11:43  

We have received feedback during a usability testing session that people do not realize they can click on the second level navigation item to open the "accordion" navigation below it.

We suggest this would be emphasized by adding a clear indication that there is a menu available under that link. The following changes would be applied:
- Add a "Menu" term next to the icon indicating there is actually a menu
- Change the icon to something more visible indicating that it opens a menu below the element
- Add a border around the "Menu" term and its icon to indicate it is a button that can be clicked

A UI comp is attached to this proposal that shows the idea as a mockup. It does not show the visual implementation details, just the idea. However, this should be indicated with a different color in the UI than is used for the links in the menu ("The process" in the comp).

  • Filter results for category: Other Other

List of Endorsements

Avatar: Pau Parals Pau Parals verified-badge
Endorsements count1
UX / Improve second level navigation usability on mobile Comments 0

Reference: MDC-PROP-2019-03-14320
Version number 1 (of 1) see other versions
Check fingerprint

Fingerprint

The piece of text below is a shortened, hashed representation of this content. It's useful to ensure the content hasn't been tampered with, as a single modification would result in a totally different value.

Value: c4d2fa00f75db30defa65c6afb4be1ba170294f55d3f29c2c38a756827e11edc

Source: {"body":{"en":"We have received feedback during a usability testing session that people do not realize they can click on the second level navigation item to open the \"accordion\" navigation below it.\r\n\r\nWe suggest this would be emphasized by adding a clear indication that there is a menu available under that link. The following changes would be applied:\r\n- Add a \"Menu\" term next to the icon indicating there is actually a menu\r\n- Change the icon to something more visible indicating that it opens a menu below the element\r\n- Add a border around the \"Menu\" term and its icon to indicate it is a button that can be clicked\r\n\r\nA UI comp is attached to this proposal that shows the idea as a mockup. It does not show the visual implementation details, just the idea. However, this should be indicated with a different color in the UI than is used for the links in the menu (\"The process\" in the comp)."},"title":{"en":"UX / Improve second level navigation usability on mobile"}}

This fingerprint is calculated using a SHA256 hashing algorithm. In order to replicate it yourself, you can use an MD5 calculator online and copy-paste the source data.

Share:

link-intact Share link

Share link:

Please paste this code in your page:

<script src="https://meta.decidim.org/processes/roadmap/f/122/proposals/14320/embed.js"></script>
<noscript><iframe src="https://meta.decidim.org/processes/roadmap/f/122/proposals/14320/embed.html" frameborder="0" scrolling="vertical"></iframe></noscript>

Related images

UI mockup of the proposal

Report inappropriate content

Is this content inappropriate?

Reason

0 comments

Order by:
  • Older
    • Best rated
    • Recent
    • Older
    • Most discussed

Add your comment

Sign in with your account or sign up to add your comment.

Loading comments ...

  • Terms and conditions of use
  • About the community
  • Download Open Data files
  • Metadecidim at Twitter Twitter
  • Metadecidim at Instagram Instagram
  • Metadecidim at YouTube YouTube
  • Metadecidim at GitHub GitHub
Creative Commons License Website made with free software.
Decidim Logo

Confirm

OK Cancel

Please sign in

decidim Sign in with Decidim Barcelona
Or

Sign up

Forgot your password?