Designing Digital Badges

The idea of designing a digital badge should be daunting. Much like how there’s a lot of discussion that web design is too complicated now (with front-end specialists. back-end specialists, UI, UX, branding, Javascript rockstars, and so on), designing a badge is a complex task. With a learning outcome, it’s fairly straight forward, you gather together a couple of sentences that express what you hope the learner to accomplish in a period of time. I’m drastically simplifying the writing of a learning outcome, because there’s great nuance in a truly well-written one. And there’s lots of ambiguity in poorly written ones…

With that said, badges are much like a learning outcome, plus all these other, sometimes complex, visual ideas that can entirely sabotage your badge before anyone has earned it. Is the badge ugly to the one who might earn it? They’re unlikely to be motivated and it could turn them off learning in your context.

With all that said I’m not a design expert, but I have bookmarked quite a few sites that give differing opinions on what a shape, color, design or visual idea might mean. If you’ve studies semiotics, you’ll fully understand that this is really a brief and cursory view of a deep and nuanced subject. If you’re a visual designer, you’ll really understand that there’s a lot for people to dig into with building a badge. This is just a taste to get your palate satiated, just a start to get the creative ideas flowing…

Understanding Shapes Better

Understanding Colour Better

Online Badge Design Kits

Badge Design Worksheets

Free Icons