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

            • Assignee:
              Unassigned
              Reporter:
              pilpi Olli Savolainen
              Participants:
              Component watchers:
              Adrian Greeve, Mihail Geshoski, Peter Dias, Jake Dallimore, Jun Pataleta, Ryan Wyllie, Barbara Ramiro, Jake Dallimore, Jun Pataleta, Ryan Wyllie
            • Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: