Webmaker/Badges: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
 
(126 intermediate revisions by 6 users not shown)
Line 1: Line 1:
<div style="font-size:1.2em;">
https://dl.dropboxusercontent.com/spa/6c38yp3crbxni5b/tvvlm7px.png
https://dl.dropboxusercontent.com/spa/6c38yp3crbxni5b/u4xvqq79.png
__NOTOC__
__NOTOC__
=What are we shipping?=
...and who's responsible: https://webmaker.etherpad.mozilla.org/webmakerbadgeraci <br><br>
'''In Q2:'''
* '''Webmaker Super Mentor badge''' -- our first working implementation of Badge Kit
* Webmaker Mentor badge
* Graphic design for Web Literacy badges


'''In Q3:'''
=Business value=
* Webmaker Web Literacy badges
* Pathways—badges provide primary navigation for people entering the fold
* Hive Contributor badges
* Proof of learning / metrics — badges provide a concrete way for us to measure learning in our on-the-ground programming and online trainings
* Mozilla Contributor badges
* 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


==Q2 Roadmap==
=Value to mentors and learners:=
<ul><li><b>OPERATION MOON SHOT: Webmaker Super Mentor badge</b> (April 25)
* Structure and self-tracking—badges provide clear pathways for learning and contribution
<li>Goal: have a working prototype by MoFo All Hands</li>
* 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
<li>RACI: https://webmaker.etherpad.mozilla.org/webmakerbadgeraci</li>
* Recognition—badges provide a concrete way to recognize people’s contributions and accomplishments
<li>Whiteboard tag: [webmakerbadges][mvp]</li>
* Motivation—badges can keep people engaged and desiring to progress through a pathway. Badges can  also be used to engage new/bashful learners
<li>File one of these tickets: http://mzl.la/Webmaker_badgesMVP_ticket
* Relevance—badges are connected to things people care about
</ul>


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


<onlyinclude>
=Q1/Q2 Roadmap=
<div>
<bugzilla>
{
"product": "webmaker",
"whiteboard": "[webmakerbadges][mvp]",
"include_fields": "id, summary, whiteboard, assigned_to, status",
"maxrows":"50",
"order": "bug_id"
}
</bugzilla>
</div>
</onlyinclude>


<ul><li><b>Mentor</b> (May 1)&nbsp;<ul><li>RACI (same as above)<br/><br
==Clearly present our badge offerings and highlight learning pathways==
/></li></ul
></li
><li><b>Graphic design for Web Literacy badges </b>(June 1)<ul><li>R: QUESTION: <b>Studio MoFo or UX Team?</b>Who is doing this work? EG note: This should be relatively turnkey with Sean Martell's visual templates.<br/><br
/></li></ul
></li>


==Q3 Roadmap ==
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.
<br
* '''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><b>Web Literacy badges</b>&nbsp; (tested and polished before July 15)<ul><li><b>User Experience</b><ul><li><i>User flows, graphic design</i></li
><li>R: UX team</li
><li>A: Brett</li
><li>C: Sunny, Cmac, Jess, Michelle, Doug, Emily, UX-Devs</li
><li>I: webmaker-dev, mozteach, badges team<br/><br
/></li></ul
></li
><li><b>Buildout</b><ul><li><i>Making the front end based on spec above</i></li
><li>R: UX-Dev (Kate, Aki or Gavin)</li
><li>A: Cassie</li
><li>C: Sunny, Cmac, Jess, Michelle, Doug, Emily</li
><li>I: webmaker-dev, mozteach, badges team<br/><br
/></li></ul
></li></ul
></li
><li><b>Hive Badges</b> --&nbsp;<ul><li>Will follow the same logic as Webmaker super mentor &amp; mentor<ul><li>R: <b>Scope</b>: Robert | <b>Graphic design</b>: who? (want to leverage Mozilla templates|&nbsp; <b>User documentation</b>: Robert</li
><li>A: Claw</li
><li>C: Kathryn, Sam, Leah, Lindsey, Kari</li
><li>I: Hive PHG/Bay Area Michelle,&nbsp;<br/><br
/></li></ul
></li></ul
></li
><li><b>Mozilla Contributor Badges</b><ul><li>R: Carla (system design), Martell (design&amp;brand)</li
><li>A: Emily</li
><li>C: lots of Mozilla staff -- community members soon</li
><li>I: ditto</li
/></li></ul
></li
><li><b>Other</b> <b>Webmaker Contributor</b> badges -- (for code, localization, SUMO) ???<ul><li>QUESTION: Are these still needed and in scope?</li
><li>Really like this idea as a way to test effectiveness of web lit map<br/><br
/></li></ul
></li
><li><b>User-generated badges</b><ul><li>e.g., user story: Dorine from Mouse wants to remix the "composing for the web" badge</li
><li><br/><br/><br
/></li></ul
></li></ul
>


=Key Documentation=
==Improve user experience for badge earners==
Design
* Mozilla-wide badge style guide https://wiki.mozilla.org/File:Mozilla_Badges_project.pdf


BadgeKit
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.
* BadgeKit Backpack - FYI https://github.com/mozilla/badgekit-backpack
* ''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.''
* BadgeKit milestones https://www.pivotaltracker.com/s/projects/1037014 (The dates may not be up to date)
* Badge Studio (coming April 14) https://redpen.io/hjetsp


Graphic design
We’ll create a Badge Manager page for mentors and learners. From the Badge Manager page, people will be able to:
* Visual Identity for badges
* https://github.com/mozilla/openbadges-badgekit/issues/306
* https://github.com/mozilla/openbadges-badgekit/issues/306#issuecomment-39356303
* http://badgestudio.chicagosummeroflearning.org/


Designs so far:
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)


* Sean Martell and Cassie working together on custom glyph for interior of Super Mentor badge within team/product template
==Improve user experience for badge issuers==
* Former crap version of update to /mentor (gets the gist across): http://cl.ly/UpIJ


'''Specifications'''
We’ll also make some improvements to the badge issuing dashboard:
* [https://docs.google.com/document/d/1XbBMB-B5HlCWA4f6DvACZn1lGW7DMhPilQJkSGlZ020/edit '''Webmaker badges specifications doc'''] (Google Doc)
   
* [https://etherpad.mozilla.org/webmaker-badges-v2 Metadata for Webmaker badges] (Etherpad)
* Allow badge issuers option to receive notifications or emails about new badge applications
* [http://goo.gl/UESNdt Applying 3PBS to Webmaker badges] (Google Doc)
* Show counts of outstanding applications, and provide multiple views of outstanding applications (e.g. by submission date, by badge type)
'''Super Mentor badges'''
* 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=
* [http://mzl.la/1AxcmUq Credentials 2.0]
* [https://docs.google.com/spreadsheet/ccc?key=0AnUOR-0CBMsTdE1hWnJnYXlNdnktVUlhWWdjVzFVR0E&usp=gmail#gid=0 Badge System Design template]
 
=Design Documentation=
* [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)]
 
=Badge Criteria Documentation=
* [https://wiki.mozilla.org/Webmaker/Super_Mentors Documentation for Webmaker Super Mentors]
* [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)
* [https://wiki.mozilla.org/Webmaker/Hive/Hive_Community_Member_Badges Documentation for Hive Community Member Badges]
'''Mentor badges'''
* [https://www.dropbox.com/s/sw3xsjyj1obxxxi/Mozilla%20badges%20one%20sheet.pdf Mozilla contributor badges one sheet] (PDF)
* [http://blog.webmaker.org/mentor Documentation for Webmaker Mentor badge]
* [https://wiki.mozilla.org/Webmaker/Design/2014Q2#Badges_Integration UX/Frontend scoping and bug tracking for Q2]
'''Web Literacy badges'''
* [https://etherpad.mozilla.org/remix-competency-badge Early thoughts on a "Remix" badge]
'''Hive Educator Badges'''
* [http://omnignorant.com/wp-content/uploads/2014/03/Community-Badge-Diagram.png Diagram: proposed Badge Structure]
* [http://omnignorant.com/wp-content/uploads/2014/03/Hive-Global-Badge-Strategy-%E2%80%93%C2%A0Connected-Learning.png Diagram: links between Community Engagement and Connected Learning]
* [http://omnignorant.com/2014/03/designing-hive-badge-ecosystem-contributors/ Blog post: context and thinking]
* [https://etherpad.mozilla.org/hivebadges Notes: Etherpad from Hive Educators summit meeting]
'''Mozilla-wide contributor badges'''
* [https://openbadges.etherpad.mozilla.org/united-moz-system-mark Mozilla-wide contributor badges: timelines and plan] (Etherpad)
* [https://www.dropbox.com/s/sw3xsjyj1obxxxi/Mozilla%20badges%20one%20sheet.pdf Mozilla badges one sheet]

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