  {"id":142,"date":"2021-09-27T08:49:07","date_gmt":"2021-09-27T13:49:07","guid":{"rendered":"https:\/\/uwm.edu\/badging\/?page_id=142"},"modified":"2021-09-27T08:52:39","modified_gmt":"2021-09-27T13:52:39","slug":"guide-to-creating-badges-2","status":"publish","type":"page","link":"https:\/\/uwm.edu\/badging\/issuers\/guide-to-creating-badges-2\/","title":{"rendered":"Guide to Creating Badges"},"content":{"rendered":"\n<p>A digital badge is comprised to two components: the image and the metadata behind the image. Badging metadata generally refers to what the badge signifies, how it was earned, who issued it, and why it is important. Creating a badge in Badgr is easy once you have developed the badge image and written the metadata that Badgr requires.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Badge Image<\/h2>\n\n\n\n<p>Badges, like icons, are intended to communicate a lot of information in a condensed format. The image below neatly illustrates how the two parts of a digital badge work in tandem. The yellow wrapper on the left is a visual representation of the badge image, which instantly conveys a summary of the badge. It\u2019s the skin that contains the vital organs of the badge: the metadata. The information, the metadata, on the right provides the details about the badge and what it means for a recipient to earn the badge.<\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/09\/Badge-Anatomy.png\" alt=\"\" data-id=\"132\" data-full-url=\"https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/09\/Badge-Anatomy.png\" data-link=\"https:\/\/uwm.edu\/badging\/issuers\/badge-anatomy\/\" class=\"wp-image-132\" srcset=\"https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/09\/Badge-Anatomy.png 1024w, https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/09\/Badge-Anatomy-300x225.png 300w, https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/09\/Badge-Anatomy-768x576.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">This work is licensed by&nbsp;<a href=\"https:\/\/classhack.com\/post\/45364649211\/open-badge-anatomy-updated\" target=\"_blank\" rel=\"noreferrer noopener\">Class Hack<\/a>&nbsp;under a&nbsp;<a href=\"http:\/\/creativecommons.org\/licenses\/by-sa\/3.0\/deed.en_US\">Creative Commons Attribution-ShareAlike 3.0 Unported License<\/a>.<\/figcaption><\/figure>\n\n\n\n<p>If you anticipate that your badge earners will be sharing their badges publicly through social media or personal websites, or if your badge will bring a high level of visibility to your institution, you should work with a graphic designer for a professional look and consistency among your badges. If you are using badges as part of a course to incentivize or reward student behavior, you can use Badgr\u2019s badge creation tool to develop your image.<\/p>\n\n\n\n<p>Badge images usually identify the issuer or issuing organization and include the badge name. For best results, upload a square image in a PNG format with a size of 400&#215;400 px.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Example Badge Image<\/h2>\n\n\n\n<figure class=\"wp-block-gallery columns-1 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/05\/Badge-1-300x300.png\" alt=\"\" data-id=\"74\" data-full-url=\"https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/05\/Badge-1.png\" data-link=\"https:\/\/uwm.edu\/badging\/creating-badges-in-badgr\/badge-1\/\" class=\"wp-image-74\" srcset=\"https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/05\/Badge-1-300x300.png 300w, https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/05\/Badge-1-150x150.png 150w, https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/05\/Badge-1.png 600w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Name<\/h2>\n\n\n\n<p>The name of the badge is as important as the badge image for communicating the essential information about a badge. Badge recipients cannot change the names of the badges they earn, so you should use a name that is meaningful to the recipient and to anyone the recipient shares the badge with. When developing the name of your badge, consider the following question:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>What name concisely conveys the most essential information about the badge to the intended audience?<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Example<\/h3>\n\n\n\n<p>51ÁÔÆæ\u2019s Center for Excellence in Teaching and Learning (CETL) offers a badge for completing the Online and Blended Teaching Program. Because the 51ÁÔÆæ logo and the CETL name are both displayed on the badge image, the name \u201cOnline and Blended Teaching Program Badge of Completion\u201d is all that is necessary.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Description<\/h2>\n\n\n\n<p>A badge description is what earning the badge means for the recipient. The description should convey essential information about the badge to the recipient and to anyone the recipient shares the badge with, such as a current or future employer. In short, your description should answer in 2-3 sentences the question:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>What knowledge, skills, or abilities did the recipient acquire or demonstrate to earn the badge?<\/li><\/ul>\n\n\n\n<p>You might start your description with one of the following phrases:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>&#8220;Recipients of this badge are able to \u2026&#8221;<\/li><li>&#8220;Recipients of this badge have demonstrated \u2026&#8221;<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Example Description<\/h3>\n\n\n\n<p>Recipients of the Online and Blended Teaching Program Badge of Completion have demonstrated comprehension of the fundamental pedagogical principles for teaching online and blended courses. Specifically, recipients have shown an understanding of the effective practices related to assessing students, delivering content, building community, supporting students, and evaluating courses in online and blended environments.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Earning Criteria<\/h3>\n\n\n\n<p>Earning criteria are what the recipient had to do to earn the badge. Earning criteria can range from attending an event to participating in a workshop series to submitting a learning artifact that is evaluated. In short, your earning criteria should answer the question:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>How did the recipient demonstrate their knowledge, skills, or abilities to the badge issuer?<\/li><\/ul>\n\n\n\n<p>Your earning criteria might best be expressed using action verbs in a bulleted list. Also, you might start your description with the following phrase:<\/p>\n\n\n\n<p>&#8220;To earn this badge, the recipient needed to:&#8221;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Example Earning Criteria<\/h3>\n\n\n\n<p>To earn this badge, the recipient needed to:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>View the content in six self-paced online modules, attend six virtual online workshops, or a combination of both<\/li><li>Achieve an 80% or better on six content-related quizzes<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Optional Fields<\/h2>\n\n\n\n<p>Some optional fields in Badgr allow additional settings.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Alignment<\/h3>\n\n\n\n<p>This field allows issuers to link their badge to specific national standards.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tags<\/h3>\n\n\n\n<p>Tags allow users to search for badges based upon assigned tags.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Expiration<\/h3>\n\n\n\n<p>This field allows issuers to set a badge expiration date by a number of days, weeks, months, or years.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A digital badge is comprised to two components: the image and the metadata behind the image. Badging metadata generally refers to what the badge signifies, how it was earned, who issued it, and why it is important. Creating a badge &hellip;<\/p>\n","protected":false},"author":397,"featured_media":0,"parent":46,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","uwm_wg_additional_authors":[]},"class_list":["post-142","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Guide to Creating Badges - 51ÁÔÆæ Badging Resources<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/uwm.edu\/badging\/issuers\/guide-to-creating-badges-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide to Creating Badges\" \/>\n<meta property=\"og:description\" content=\"A digital badge is comprised to two components: the image and the metadata behind the image. Badging metadata generally refers to what the badge signifies, how it was earned, who issued it, and why it is important. Creating a badge &hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/uwm.edu\/badging\/issuers\/guide-to-creating-badges-2\/\" \/>\n<meta property=\"og:site_name\" content=\"51ÁÔÆæ Badging Resources\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-27T13:52:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/09\/Badge-Anatomy.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/issuers\\\/guide-to-creating-badges-2\\\/\",\"url\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/issuers\\\/guide-to-creating-badges-2\\\/\",\"name\":\"Guide to Creating Badges - 51ÁÔÆæ Badging Resources\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/issuers\\\/guide-to-creating-badges-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/issuers\\\/guide-to-creating-badges-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/wp-content\\\/uploads\\\/sites\\\/558\\\/2021\\\/09\\\/Badge-Anatomy.png\",\"datePublished\":\"2021-09-27T13:49:07+00:00\",\"dateModified\":\"2021-09-27T13:52:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/issuers\\\/guide-to-creating-badges-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/uwm.edu\\\/badging\\\/issuers\\\/guide-to-creating-badges-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/issuers\\\/guide-to-creating-badges-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/wp-content\\\/uploads\\\/sites\\\/558\\\/2021\\\/09\\\/Badge-Anatomy.png\",\"contentUrl\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/wp-content\\\/uploads\\\/sites\\\/558\\\/2021\\\/09\\\/Badge-Anatomy.png\",\"width\":1024,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/issuers\\\/guide-to-creating-badges-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Issuers\",\"item\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/issuers\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Guide to Creating Badges\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/#website\",\"url\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/\",\"name\":\"51ÁÔÆæ Badging Resources\",\"description\":\"Badging Resources\",\"publisher\":{\"@id\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/#organization\",\"name\":\"University of Wisconsin - Milwaukee\",\"url\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/wp-content\\\/uploads\\\/sites\\\/558\\\/2020\\\/11\\\/uwm-seo-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/wp-content\\\/uploads\\\/sites\\\/558\\\/2020\\\/11\\\/uwm-seo-logo.jpg\",\"width\":225,\"height\":224,\"caption\":\"University of Wisconsin - Milwaukee\"},\"image\":{\"@id\":\"https:\\\/\\\/uwm.edu\\\/badging\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Guide to Creating Badges - 51ÁÔÆæ Badging Resources","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/uwm.edu\/badging\/issuers\/guide-to-creating-badges-2\/","og_locale":"en_US","og_type":"article","og_title":"Guide to Creating Badges","og_description":"A digital badge is comprised to two components: the image and the metadata behind the image. Badging metadata generally refers to what the badge signifies, how it was earned, who issued it, and why it is important. Creating a badge &hellip;","og_url":"https:\/\/uwm.edu\/badging\/issuers\/guide-to-creating-badges-2\/","og_site_name":"51ÁÔÆæ Badging Resources","article_modified_time":"2021-09-27T13:52:39+00:00","og_image":[{"url":"https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/09\/Badge-Anatomy.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/uwm.edu\/badging\/issuers\/guide-to-creating-badges-2\/","url":"https:\/\/uwm.edu\/badging\/issuers\/guide-to-creating-badges-2\/","name":"Guide to Creating Badges - 51ÁÔÆæ Badging Resources","isPartOf":{"@id":"https:\/\/uwm.edu\/badging\/#website"},"primaryImageOfPage":{"@id":"https:\/\/uwm.edu\/badging\/issuers\/guide-to-creating-badges-2\/#primaryimage"},"image":{"@id":"https:\/\/uwm.edu\/badging\/issuers\/guide-to-creating-badges-2\/#primaryimage"},"thumbnailUrl":"https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/09\/Badge-Anatomy.png","datePublished":"2021-09-27T13:49:07+00:00","dateModified":"2021-09-27T13:52:39+00:00","breadcrumb":{"@id":"https:\/\/uwm.edu\/badging\/issuers\/guide-to-creating-badges-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/uwm.edu\/badging\/issuers\/guide-to-creating-badges-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uwm.edu\/badging\/issuers\/guide-to-creating-badges-2\/#primaryimage","url":"https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/09\/Badge-Anatomy.png","contentUrl":"https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2021\/09\/Badge-Anatomy.png","width":1024,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/uwm.edu\/badging\/issuers\/guide-to-creating-badges-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/uwm.edu\/badging\/"},{"@type":"ListItem","position":2,"name":"Issuers","item":"https:\/\/uwm.edu\/badging\/issuers\/"},{"@type":"ListItem","position":3,"name":"Guide to Creating Badges"}]},{"@type":"WebSite","@id":"https:\/\/uwm.edu\/badging\/#website","url":"https:\/\/uwm.edu\/badging\/","name":"51ÁÔÆæ Badging Resources","description":"Badging Resources","publisher":{"@id":"https:\/\/uwm.edu\/badging\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/uwm.edu\/badging\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/uwm.edu\/badging\/#organization","name":"University of Wisconsin - Milwaukee","url":"https:\/\/uwm.edu\/badging\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/uwm.edu\/badging\/#\/schema\/logo\/image\/","url":"https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2020\/11\/uwm-seo-logo.jpg","contentUrl":"https:\/\/uwm.edu\/badging\/wp-content\/uploads\/sites\/558\/2020\/11\/uwm-seo-logo.jpg","width":225,"height":224,"caption":"University of Wisconsin - Milwaukee"},"image":{"@id":"https:\/\/uwm.edu\/badging\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/uwm.edu\/badging\/wp-json\/wp\/v2\/pages\/142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uwm.edu\/badging\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uwm.edu\/badging\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uwm.edu\/badging\/wp-json\/wp\/v2\/users\/397"}],"replies":[{"embeddable":true,"href":"https:\/\/uwm.edu\/badging\/wp-json\/wp\/v2\/comments?post=142"}],"version-history":[{"count":5,"href":"https:\/\/uwm.edu\/badging\/wp-json\/wp\/v2\/pages\/142\/revisions"}],"predecessor-version":[{"id":154,"href":"https:\/\/uwm.edu\/badging\/wp-json\/wp\/v2\/pages\/142\/revisions\/154"}],"up":[{"embeddable":true,"href":"https:\/\/uwm.edu\/badging\/wp-json\/wp\/v2\/pages\/46"}],"wp:attachment":[{"href":"https:\/\/uwm.edu\/badging\/wp-json\/wp\/v2\/media?parent=142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}