Badges/Designstorm

< Badges
Revision as of 17:05, 11 November 2010 by Joshuagay (talk | contribs)

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.

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