Badges/Designstorm: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(Added note about Rangoli that came from Nagarjun)
Line 10: Line 10:
On aspect of many Rangoli is that they are created using some mathematical pattern that is repeated over and over (sometimes fractal like, sometimes simply redrawing based on symmetric moves). Often Rangoli start out as simple while lines and then color is added in to add complexity, such as in the example below.  
On aspect of many Rangoli is that they are created using some mathematical pattern that is repeated over and over (sometimes fractal like, sometimes simply redrawing based on symmetric moves). Often Rangoli start out as simple while lines and then color is added in to add complexity, such as in the example below.  


[[File:Rangoli.jpg]]
[[File:Rangoli.jpg|200px]]




The idea of "Rangoli" badges is that a users badge could be updated over time. So for example, if a person begins down a path of learning a particular topic he or she may be given a rangoli-style badge. As this person continues to explore the topic their rangoli will be updated with added color and complexity.  
The idea of "Rangoli" badges is that a users badge could be updated over time. So for example, if a person begins down a path of learning a particular topic he or she may be given a rangoli-style badge. As this person continues to explore the topic their rangoli will be updated with added color and complexity.  


One inspiration for rangoli badges is the idea that you would be giving recognition and acknowledgement for an individuals persistence of staying with a particular path of learning rather than trying to assess whether or not they have gained new skills or competencies within a given domain or topic.  
One inspiration for rangoli badges is the idea that you would be giving recognition and acknowledgement for an individuals persistence of staying with a particular path of learning rather than trying to assess whether or not they have gained new skills or competencies within a given domain or topic.


== Ribbon bars ==
== Ribbon bars ==

Revision as of 17:30, 11 November 2010

This is a discussion page for the community to brainstorm UI and UX ideas around badges. Feel free to make your own sections and add to the discussion any way you'd like.

But, if you want to simply comment on a section, be sure to indent your section (in wiki markup you would use two or more colons) as well as to sign your name (if you are logged into the wiki, you can use the wiki markup of four ~-characters in a row). --Joshuagay 09:05, 11 November 2010 (PST)
This is an example of commenting on a comment ;-) --Joshuagay 09:05, 11 November 2010 (PST)

If you need any help editing this page, uploading/embedding graphics, or you want to find a way to share richer examples (e.g., with javascript or canvas/svg elements) please feel free to contact joshuagay@gmail.com.

Rangoli - dynamic badge idea

Rangoli is a traditional decorative folk art of India. They are decorative designs on floors of living rooms and courtyards during Hindu festivals.

On aspect of many Rangoli is that they are created using some mathematical pattern that is repeated over and over (sometimes fractal like, sometimes simply redrawing based on symmetric moves). Often Rangoli start out as simple while lines and then color is added in to add complexity, such as in the example below.

Rangoli.jpg


The idea of "Rangoli" badges is that a users badge could be updated over time. So for example, if a person begins down a path of learning a particular topic he or she may be given a rangoli-style badge. As this person continues to explore the topic their rangoli will be updated with added color and complexity.

One inspiration for rangoli badges is the idea that you would be giving recognition and acknowledgement for an individuals persistence of staying with a particular path of learning rather than trying to assess whether or not they have gained new skills or competencies within a given domain or topic.

Ribbon bars

On the Web it is common practice to have thumbnail sized images be the smaller more compact version of a full sized image. When creating badges online this very well may be a simple and good approach to take. In the military world, the way the problem of being able to display medals in a more compact way on uniforms was the invention of ribbon bars. From Wikipedia, Ribbon bars are small decorations that are worn by military, police, and fire service personnel or by civilians. Ribbon bars are mainly used when wearing either full decoration, or when wearing medals is considered inappropriate or impractical. Each military force has its own rules on what ribbons are worn in which order of precedence. Some awards are "ribbon only", having no associated medal.

A modern, digital example of ribbon bar that I like is from the Wikimedia community. For a long time now, Wikipedians have awarded each other "barnstars", which users can award each other to recognize various achievements of sorts. When some users started to get a lot of barnstars, they came up with the idea of creating ribbon bars to go along with barnstars so they could be displayed in a more compact fashion.


External Links