Webmaker/Badges: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
 
(178 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;">
=Key Documents=
<div style="background-color: #ccc; padding:2%; border: 5px grey solid;">
'''Specifications'''
* [https://docs.google.com/document/d/1XbBMB-B5HlCWA4f6DvACZn1lGW7DMhPilQJkSGlZ020/edit '''Webmaker badges specifications documentation'''] (Google Doc)
'''Super Mentor badges'''
* [https://wiki.mozilla.org/Webmaker/Super_Mentors Documentation for Webmaker Super Mentors]
* [https://teach.etherpad.mozilla.org/SuperMentor Community consultation] -- What are Super Mentors? What do they do? (Etherpad)
'''Mentor badges'''
* [http://blog.webmaker.org/mentor Documentation for Webmaker Mentor badge]
'''Web Literacy badges'''
* [https://etherpad.mozilla.org/remix-competency-badge Early thoughts on Remix badges]
'''Mozilla-wide contributor badges'''
* [https://openbadges.etherpad.mozilla.org/united-moz-system-mark Mozilla-wide contributor badges: timelines and plan] (Etherpad)


</div>
=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


=Badges for contribution and web literacy=
=Value to mentors and learners:=
<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>
* 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


* '''Webmaker badges''' will recognise contribution from our community to teach the web and spread web literacy
=Badge offerings=
* '''We'll use the [http://openbadges.org Open Badges Infrastructure] and [http://badgekit.openbadges.org/ Badge Kit]'''
We are working to define our canonical badge offerings and our issuing scheme here: http://mzl.la/1F7DCYO
* '''We'll start 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.
* Once these badges are operational, we'll focus on '''Web Literacy badges'''
* 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.
</div>


=Badges Roadmap=
=Q1/Q2 Roadmap=
'''NOTE: DRAFT ONLY.''' Updates coming late Mar / early April.
* '''Q1:''' Design first Webmaker badges
* '''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%;">
==Clearly present our badge offerings and highlight learning pathways==
===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;">
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.
====Related resources====
* '''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.
<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==
==Improve user experience for badge earners==
<div style="height:auto;background-color:#E3EAEE;display:block;margin-bottom:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;">
===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>
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:#013E5F; color:white; padding:1%;">'''May:''' issue Webmaker badges to contributors who take part in our Massive Online Training.</div>
We’ll create a Badge Manager page for mentors and learners. From the Badge Manager page, people will be able to:


<div style="background-color:#27aae1; color:white; padding:1%;">'''June:''' issue Webmaker badges to contributors who take part in Mouse Training (New York).</div>
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)


<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;">
==Improve user experience for badge issuers==
====Related resources====
<ul>
<li>Remix competency badge
<ul>
<li>[https://etherpad.mozilla.org/remix-competency-badge Blog post - first thoughts]</li>
<li>[https://etherpad.mozilla.org/remix-competency-badge Etherpad]
</ul>
</li>
</ul>
</div>
</div>


==Q3==
We’ll also make some improvements to the badge issuing dashboard:
<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===
* Allow badge issuers option to receive notifications or emails about new badge applications
<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>
* 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)


<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 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==


<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;">
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:
====Related resources====
   
coming soon
* 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>
* They may only be able to grant Web Literacy and participation badges
</div>


==Q4==
<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===
<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>


<div style="background-color:#27aae1; color:white; padding:1%;">'''October:''' issue Webmaker and Web Literacy badges as part of MozFest.</div>
=Business and Product Documentation=
* [http://mzl.la/1AxcmUq Credentials 2.0]
* [https://docs.google.com/spreadsheet/ccc?key=0AnUOR-0CBMsTdE1hWnJnYXlNdnktVUlhWWdjVzFVR0E&usp=gmail#gid=0 Badge System Design template]


<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;">
=Design Documentation=
====Related resources====
* [https://wiki.mozilla.org/File:Mozilla_Badges_project.pdf Mozilla-wide badge style guide]
coming soon
* [http://emilygoligoski.com/2014/05/07/introducing-mozilla-visual-templates-for-badge-issuers/ Visual Templates for badge issuers]
</div>
* [https://wiki.mozilla.org/Webmaker/Badges/Webliteracy Web Literacy badge designs]
</div>
* [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)]


=Tickets=
=Badge Criteria Documentation=
 
* [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]
<onlyinclude>
* [https://www.dropbox.com/s/sw3xsjyj1obxxxi/Mozilla%20badges%20one%20sheet.pdf Mozilla contributor badges one sheet] (PDF)
<bugzilla>
{
"product": "webmaker",
"component":"badges",
"status":"assigned",
"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