Webmaker/Badges: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
No edit summary
 
(211 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;">
=Badging contribution and web literacy=
<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>


'''Webmaker badges''' are designed to recognise contribution from the community to further Mozilla's mission of creating a generation of webmakers. Initially we will use the [http://openbadges.org Open Badges Infrastructure] (OBI) to enable those participating in our [https://wiki.mozilla.org/Webmaker/Training training] to earn badges that recognise their enthusiasm, participation and, most importantly, their ''contribution''.
=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


Once the Webmaker badges are operational we will turn our attention to '''Web Literacy badges''', credentialing and encouraging mentors who demonstrate the ability to teach competencies and skills identified in the [https://bit.ly/weblitmap Web Literacy Map]. They will use our exemplar [https://wiki.mozilla.org/Webmaker/Teaching_Kits Teaching Kits] to scale our impact as a community and reach our goal of 10,000 contributors by the end of 2014.
=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


=Webmaker Badges Roadmap=
=Q1/Q2 Roadmap=
==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 and Web Literacy badges.===
<div style="background-color:#ffcd36; border: 1px solid #C4C295;color:#4d4e53; padding:1%; margin-bottom: 1%;">'''Goals:''' design 'contributor' and 'mentor' Webmaker badges; design badge for 'Remix' competency.</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.
====Detailed Planning Documents====
* '''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.
coming soon
</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 badges to mentors using BadgeKit.===
<div style="background-color:#ffcd36; border: 1px solid #C4C295;color:#4d4e53; padding:1%; margin-bottom: 1%;">'''Goals:''' issue 100 'contributor' Webmaker badges; iterate on design for 'Remix' competency badge with feedback from community; start designing next competency badge (TBC).</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==
====Detailed Planning Documents====
coming soon
</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%;">
   
===Iterate and expand on our Webmaker badges. Issue first Web Literacy badges and scope further badges aligned with the Web Literacy Map.===
* 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 1,000 Webmaker badges; issue 100 Web Literacy badges; design three more badge systems aligning with Web Literacy Map competencies.</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:
====Detailed Planning Documents====
   
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%;">
===Work with partners and community on next level of Webmaker and Web Literacy badges.===
<div style="background-color:#ffcd36; border: 1px solid #C4C295;color:#4d4e53; padding:1%; margin-bottom: 1%;">'''Goals:''' issue 3,000 Webmaker badges; issue 1,000 Web Literacy badges; design badge 'mastery' pathways</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=
====Detailed Planning Documents====
* [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]
<onlyinclude>
* [https://wiki.mozilla.org/Webmaker/Hive/Hive_Community_Member_Badges Documentation for Hive Community Member Badges]
<bugzilla>
* [https://www.dropbox.com/s/sw3xsjyj1obxxxi/Mozilla%20badges%20one%20sheet.pdf Mozilla contributor badges one sheet] (PDF)
{
"product": "webmaker",
"whiteboard":"[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