Webmaker/Badges: Difference between revisions

 
(193 intermediate revisions by 9 users not shown)
Line 1: Line 1:
https://dl.dropboxusercontent.com/spa/6c38yp3crbxni5b/tvvlm7px.png
__NOTOC__
__NOTOC__
<div style="font-size:1.2em;">
=Strategy Documents=
<div style="background-color: #ccc; padding:2%; border: 5px grey solid;">
* [https://docs.google.com/document/d/1XbBMB-B5HlCWA4f6DvACZn1lGW7DMhPilQJkSGlZ020/edit '''Webmaker badges specifications documentation'''] (Google Doc)
*  [https://openbadges.etherpad.mozilla.org/united-moz-system-mark'''Mozilla-wide contributor badges:''' timelines and plan] (Etherpad)
* [https://wiki.mozilla.org/Webmaker/Super_Mentors Documentation for Webmaker Super Mentors]
* [http://blog.webmaker.org/mentor Documentation for Webmaker Mentor badge]
</div>


=Badges for Webmaker contribution and web literacy=
=Business value=
<div style="float:right; margin-left:2%; margin-bottom:2%; background:grey; border-top:5px grey solid; border-left:5px grey solid; border-right:5px grey solid;">https://wiki.mozilla.org/images/1/1a/Badges.jpg</div>
* Pathways—badges provide primary navigation for people entering the fold
* Proof of learning / metrics — badges provide a concrete way for us to measure learning in our on-the-ground programming and online trainings
* Partner strategy — when paired with a rigorous curriculum, badges provide a framework for certifying a learner’s digital literacy skills and competencies. This has significant appeal to many of our partners.
* Growing user base — badges provide a significant incentive for learners connected to a ground game effort (e.g. Maker Party, Club, or Hive) to join the broader community (and be made aware of the full range of our offerings)
* Recognizing local leaders – the “Mentor,” “Super Mentors,” “Club Captain,” and “Hive Community Member” badges convey social status and legitimacy


* '''Webmaker badges''' will recognise contribution from our community to teach the web and spread web literacy
=Value to mentors and learners:=
* We'll use the [http://openbadges.org Open Badges Infrastructure] and [http://badgekit.openbadges.org/ Badge Kit]
* Structure and self-tracking—badges provide clear pathways for learning and contribution
* Starting with Webmaker training. We'll start by enabling those participating in [https://wiki.mozilla.org/Webmaker/Training Webmaker Training] to earn Mentor and Super Mentor badges.
* Professional development, reputation, and career advancement—badges provide clear pathways for increasing skills and knowledge, are perceived as evidence of mastery and expertise, and are connected to specific projects of which the recipient is proud
* Once these badges are operational, we'll focus on '''Web Literacy badges'''
* Recognition—badges provide a concrete way to recognize people’s contributions and accomplishments
* These will be awarded based on the teach competencies and skills identified in the [https://bit.ly/weblitmap Web Literacy Map]. * * * Mentors will award these. They can use our exemplar [https://wiki.mozilla.org/Webmaker/Teaching_Kits Teaching Kits] to teach and allow learners to submit work and evidence.
* Motivation—badges can keep people engaged and desiring to progress through a pathway. Badges can also be used to engage new/bashful learners
</div>
* Relevance—badges are connected to things people care about


=Webmaker Badges Roadmap=
=Badge offerings=
* '''Q1:''' Design first Webmaker badges
We are working to define our canonical badge offerings and our issuing scheme here: http://mzl.la/1F7DCYO
* '''Q2:''' Start issuing Webmaker badges; design first Web Literacy badge
* '''Q3:''' Issue further Webmaker badges; issue first Web Literacy badge; design further Web Literacy badges
* '''Q4:''' Drive adoption of badges at MozFest; work with partners and community for badge pathways
==Q1==


<div style="height:auto;background-color:#E3EAEE;display:block;margin-bottom:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;">
=Q1/Q2 Roadmap=
===Design first Webmaker badges.===
<div style="background-color:#ffcd36; border: 1px solid #C4C295;color:#4d4e53; padding:1%; margin-bottom: 1%;">'''Goals:''' decide on naming for Webmaker badges; design 'Super Mentor' badge; </div>
<div style="background-color:#013E5F; color:white; padding:1%;">'''March:''' involve participants taking (alpha) Teach the Web course in designing Webmaker and Web Literacy badges.</div>


<div style="height:auto;background-color:#ddd;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0;">
==Clearly present our badge offerings and highlight learning pathways==
====Related resources====
<ul>
<li>Naming for Webmaker badges</li>
<ul>
<li>[https://teach.etherpad.mozilla.org/SuperMentor Community consultation] (Etherpad)</li>
<li>[https://wiki.mozilla.org/Webmaker/Super_Mentors Super Mentors] (Mozilla wiki)</li>
</ul>
</ul>
</div>
</div>


==Q2==
Once we finalize the badge offerings, we’ll build a landing page that showcases and clearly differentiates the several types of badges we offer. The landing page will illustrate the progressive nature of our badge offerings, and serve as navigation through our program offerings.
<div style="height:auto;background-color:#E3EAEE;display:block;margin-bottom:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;">
* '''THEN: test and evaluate'''. Gather data on what users seem to actually want / find interest in. In other words: provide a clear menu. Then use it to ensure we're offering something customers really want, gathering data about what they want most.
===Start issuing Webmaker badges; design first Web Literacy badge===
<div style="background-color:#ffcd36; border: 1px solid #C4C295;color:#4d4e53; padding:1%; margin-bottom: 1%;">'''Goals:''' issue 'Super Mentor' (Webmaker) badges; iterate on design for 'Remix' competency badge with feedback from community; start designing 'Mentor' (Webmaker) badge.</div>


<div style="background-color:#27aae1; color:white; padding:1%;">'''April:''' issue Webmaker badges to contributors who take part in our Mozillians Training (San Francisco).</div>
==Improve user experience for badge earners==


<div style="background-color:#013E5F; color:white; padding:1%;">'''May:''' issue Webmaker badges to contributors who take part in our Massive Online Training.</div>
We’ll make a few key improvements to the badge application workflow. Including potentially: allowing applicants to view the status of their pending applications, and edit their submissions while they’re pending.
* ''QUESTION: The key value point here seems to be: make sure it's easy and feels good for someone to apply for a badge. Can we make that the explicit goal -- and not assume that features like "view pending application status" or "edit submissions" are the best way to do that? Maybe there's other things that matter more to customers than this.''


<div style="background-color:#27aae1; color:white; padding:1%;">'''June:''' issue Webmaker badges to contributors who take part in Mouse Training (New York).</div>
We’ll create a Badge Manager page for mentors and learners. From the Badge Manager page, people will be able to:


<div style="height:auto;background-color:#ddd;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0;">
P1   
====Related resources====
* see the badges they’ve earned, including the evidence that was provided
<ul>
* share their earned badges, and invite others to also earn them
<li>Remix competency badge
P2
<ul>
* see their pending applications, and respond to any questions from reviewers
<li>[https://etherpad.mozilla.org/remix-competency-badge Blog post - first thoughts]</li>
* see recommended badges (based on previously earned badges and our pathways)
<li>[https://etherpad.mozilla.org/remix-competency-badge Etherpad]
</ul>
</li>
</ul>
</div>
</div>


==Q3==
==Improve user experience for badge issuers==
<div style="height:auto;background-color:#E3EAEE;display:block;margin-bottom:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;">
===Issue further Webmaker badges; issue first Web Literacy badge; design further Web Literacy badges===
<div style="background-color:#ffcd36; border: 1px solid #C4C295;color:#4d4e53; padding:1%; margin-bottom: 1%;">'''Goals:''' issue 'Mentor' (Webmaker) badges; have Mentors issue 'Remix' competency (Web Literacy) badge; design several more competency (Web Literacy) badges.</div>


<div style="background-color:#013E5F; color:white; padding:1%;">'''July-September:''' issue Webmaker and Web Literacy badges to contributors who take part in our Maker Party campaign.</div>
We’ll also make some improvements to the badge issuing dashboard:
   
* Allow badge issuers option to receive notifications or emails about new badge applications
* Show counts of outstanding applications, and provide multiple views of outstanding applications (e.g. by submission date, by badge type)
* Provide search tool for issued badges, with criteria such as issue date, badge type, or reviewer (the search results will be exportable, enabling us to contact everyone who’s received a certain badge, for example)


We’ll improve the design of the application reviewer pane by including (in addition to the applicant-provided evidence):
 
* badge criteria
* information about the applicant, including other badges received/applied for


<div style="height:auto;background-color:#ddd;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0;">
==Let Club Captains issue badges to their Club members==
====Related resources====
coming soon
</div>
</div>


==Q4==
With the launch of the Clubs program, we’ll have a need to grant badge-issuing privileges to Club Captains. The permissions may be limited in two ways:
<div style="height:auto;background-color:#E3EAEE;display:block;margin-bottom:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;">
   
===Drive adoption of badges at MozFest; work with partners and community for badge pathways===
* They’ll be able to grant badges only to members of their Club (this will require creating a connection between individuals and Clubs on the backend)
<div style="background-color:#ffcd36; border: 1px solid #C4C295;color:#4d4e53; padding:1%; margin-bottom: 1%;">'''Goals:''' continue issuing 'Super Mentor' and 'Mentor' (Webmaker) badges; have Mentors issue further competency (Web Literacy) badges; begin badge pathways work.</div>
* They may only be able to grant Web Literacy and participation badges


<div style="background-color:#27aae1; color:white; padding:1%;">'''October:''' issue Webmaker and Web Literacy badges as part of MozFest.</div>


<div style="height:auto;background-color:#ddd;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0;">
=Business and Product Documentation=
====Related resources====
* [http://mzl.la/1AxcmUq Credentials 2.0]
coming soon
* [https://docs.google.com/spreadsheet/ccc?key=0AnUOR-0CBMsTdE1hWnJnYXlNdnktVUlhWWdjVzFVR0E&usp=gmail#gid=0 Badge System Design template]
</div>
</div>


=Tickets=
=Design Documentation=
(note: updated tickets coming soon -- these are old)
* [https://wiki.mozilla.org/File:Mozilla_Badges_project.pdf Mozilla-wide badge style guide]
* [http://emilygoligoski.com/2014/05/07/introducing-mozilla-visual-templates-for-badge-issuers/ Visual Templates for badge issuers]
* [https://wiki.mozilla.org/Webmaker/Badges/Webliteracy Web Literacy badge designs]
* [https://www.dropbox.com/sh/0kdt7yh972fe760/AADoZvckqbzHOUjlHO2oNXA4a?dl=0 Webmaker Training badge designs] eps files
* [https://www.dropbox.com/s/rlzo0s4ywdh31cg/hive-badges.eps?dl=0 Hive Badge template] eps file
* [https://redpen.io/dne589a05f73b628de Badges landing page design (to be updated)]


<onlyinclude>
=Badge Criteria Documentation=
<bugzilla>
* [https://wiki.mozilla.org/Webmaker/Super_Mentors Documentation for Webmaker Super Mentors]
{
* [https://wiki.mozilla.org/Webmaker/Hive/Hive_Community_Member_Badges Documentation for Hive Community Member Badges]
"product": "webmaker",
* [https://www.dropbox.com/s/sw3xsjyj1obxxxi/Mozilla%20badges%20one%20sheet.pdf Mozilla contributor badges one sheet] (PDF)
"component":"badges",
"include_fields": "id, summary, whiteboard, assigned_to, status",
"maxrows":"50",
"order": "bug_id"
}
</bugzilla>
</onlyinclude>
</div>

Latest revision as of 17:10, 6 February 2015

tvvlm7px.png


Business value

  • Pathways—badges provide primary navigation for people entering the fold
  • Proof of learning / metrics — badges provide a concrete way for us to measure learning in our on-the-ground programming and online trainings
  • Partner strategy — when paired with a rigorous curriculum, badges provide a framework for certifying a learner’s digital literacy skills and competencies. This has significant appeal to many of our partners.
  • Growing user base — badges provide a significant incentive for learners connected to a ground game effort (e.g. Maker Party, Club, or Hive) to join the broader community (and be made aware of the full range of our offerings)
  • Recognizing local leaders – the “Mentor,” “Super Mentors,” “Club Captain,” and “Hive Community Member” badges convey social status and legitimacy

Value to mentors and learners:

  • Structure and self-tracking—badges provide clear pathways for learning and contribution
  • Professional development, reputation, and career advancement—badges provide clear pathways for increasing skills and knowledge, are perceived as evidence of mastery and expertise, and are connected to specific projects of which the recipient is proud
  • Recognition—badges provide a concrete way to recognize people’s contributions and accomplishments
  • Motivation—badges can keep people engaged and desiring to progress through a pathway. Badges can also be used to engage new/bashful learners
  • Relevance—badges are connected to things people care about

Badge offerings

We are working to define our canonical badge offerings and our issuing scheme here: http://mzl.la/1F7DCYO

Q1/Q2 Roadmap

Clearly present our badge offerings and highlight learning pathways

Once we finalize the badge offerings, we’ll build a landing page that showcases and clearly differentiates the several types of badges we offer. The landing page will illustrate the progressive nature of our badge offerings, and serve as navigation through our program offerings.

  • THEN: test and evaluate. Gather data on what users seem to actually want / find interest in. In other words: provide a clear menu. Then use it to ensure we're offering something customers really want, gathering data about what they want most.

Improve user experience for badge earners

We’ll make a few key improvements to the badge application workflow. Including potentially: allowing applicants to view the status of their pending applications, and edit their submissions while they’re pending.

  • QUESTION: The key value point here seems to be: make sure it's easy and feels good for someone to apply for a badge. Can we make that the explicit goal -- and not assume that features like "view pending application status" or "edit submissions" are the best way to do that? Maybe there's other things that matter more to customers than this.

We’ll create a Badge Manager page for mentors and learners. From the Badge Manager page, people will be able to:

P1

  • see the badges they’ve earned, including the evidence that was provided
  • share their earned badges, and invite others to also earn them

P2

  • see their pending applications, and respond to any questions from reviewers
  • see recommended badges (based on previously earned badges and our pathways)

Improve user experience for badge issuers

We’ll also make some improvements to the badge issuing dashboard:

  • Allow badge issuers option to receive notifications or emails about new badge applications
  • Show counts of outstanding applications, and provide multiple views of outstanding applications (e.g. by submission date, by badge type)
  • Provide search tool for issued badges, with criteria such as issue date, badge type, or reviewer (the search results will be exportable, enabling us to contact everyone who’s received a certain badge, for example)

We’ll improve the design of the application reviewer pane by including (in addition to the applicant-provided evidence):

  • badge criteria
  • information about the applicant, including other badges received/applied for

Let Club Captains issue badges to their Club members

With the launch of the Clubs program, we’ll have a need to grant badge-issuing privileges to Club Captains. The permissions may be limited in two ways:

  • They’ll be able to grant badges only to members of their Club (this will require creating a connection between individuals and Clubs on the backend)
  • They may only be able to grant Web Literacy and participation badges


Business and Product Documentation

Design Documentation

Badge Criteria Documentation