Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-20011

Change the advanced item sign to a gear icon in forms and anywhere Progressive disclosure is used.

    XMLWordPrintable

Details

    Description

      Discussion: http://moodle.org/mod/forum/discuss.php?d=129719

      As a great part of human population has color blindness (and red-green is a common type of that color blindness, see, for example http://www.asktog.com/basics/firstPrinciples.html) the advanced items in a form should be differentiated from the required items by more than just being green instead of red.

      http://docs.moodle.org/en/Development:Progressive_Disclosure

      To provide further differentiation, change the advanced item sign to [gear] and also include it in the button. Is this utf8 character available in all fonts possibly used with Moodle?

      In the wiki document I have listed some other possibilities, which I have thought less optimal than the gear icon, since the gear icon actually can be thought of as a metaphor of what it means and is thus potentially more easily learnable. It is also used in Mac OS so some users probably know it already.

      http://docs.moodle.org/en/Development:Progressive_Disclosure#Related_issues_in_the_tracker

      Also consider highlighting the advanced items as an usability (not accessibility) improvement in the default theme. This will help users spot the appeared items and is likely to make the UI feel more responsive. See: http://moodle.org/mod/forum/discuss.php?d=129719#p568302 (the highlight colour could be a bit stronger though)

      Attachments

        1. 2009-09-04_adv.gif
          2009-09-04_adv.gif
          0.2 kB
        2. 2009-09-04_patch.txt
          1 kB
        3. 2009-09-04_screenshot-flag.png
          2009-09-04_screenshot-flag.png
          74 kB
        4. adv.gif
          adv.gif
          0.9 kB
        5. advballs.gif
          advballs.gif
          0.8 kB
        6. balls.gif
          balls.gif
          44 kB
        7. example.gif
          example.gif
          11 kB
        8. Example of Gear.jpg
          Example of Gear.jpg
          86 kB
        9. gear.gif
          gear.gif
          0.9 kB
        10. gear2transparency_final.png
          gear2transparency_final.png
          0.4 kB
        11. gear2transparency.png
          gear2transparency.png
          1.0 kB
        12. gear2transparency1bit_final.gif
          gear2transparency1bit_final.gif
          0.3 kB
        13. gear2transparency1bit_final.png
          gear2transparency1bit_final.png
          0.4 kB
        14. gear-small.png
          gear-small.png
          0.5 kB
        15. gear-small2.png
          gear-small2.png
          0.5 kB

        Activity

          People

            Unassigned Unassigned
            pilpi Olli Savolainen
            Andrew Lyons, Huong Nguyen, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Sujith Haridasan, Huong Nguyen, Barbara Ramiro, Bas Brands, Mathew May
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

              Created:
              Updated:
              Resolved: