Badge Spec for P2PU

Design Priorities

• Feedback == assessment

• Focus on qualitative feedback to improve projects

• Prompt iteration and resubmission of projects

• Nurture mentorship through sustained feedback relationships

Overview / MapBadges.p2pu.org:

• Splash: select Badges/Learners/Projects

• Badge creation process

• Badge review / awarding

• Badge gallery [badges.p2pu.org/badges]

• Project gallery [badges.p2pu.org/projects]

• Learner gallery [badges.p2pu.org/learners]

• My Badges / badges created and dashboard [badges.p2pu.org/mybadges]

• Each Badge has it’s own unique URL

• Each Learner has unique URL

p2pu.org

• Attach badge to a course

Use cases for Badges.p2pu.org1User 1: Domain Knowledge Ace

• Has expertise in some area and wants to see if he or she qualifies for a pre-existing badge

• Intended next action: read About Badges, see gallery, apply for a badgeUser 2: Course Creator• Has created a learning experience on P2PU or elsewhere and would like to

create a Badge for that course• Intended next action: see gallery, create a Badge, revisit P2PU.org and

associate with their courseUser 3: Badge Expert• Has visited badges.p2pu before to apply for a Badge and has received one• Intended next action: review 2-3 badges, create a badge

Badge UX: badges.p2pu.org 1/31

RequirementsUser must complete the CrystalBall tutorial and upload an image of their app to the comments section of the task in order to receive this badge.

Apply for Badge Meet the Experts

Crystal Ball BadgeThis badge signifies that the user has completed the CrystalBall tutorial in App Inventor.

All About BadgesAt P2PU, badges are a form of feedback that learners give to each other to iterate and improve their projects. On badges.p2pu.org, you can create a badge, submit work for a badge, or, if you are an “expert” and already possess the badge, award it to someone else. Find out more....

Badge We Love.

About Badges Create a Badge Review a Badge

Note--thumbnails s/b

set to scale 160px x 160 px

per badges specs

1

Got Expertise? Apply for a Spiffy Badge.

P2PU FavoritesMost Awarded Newest All

Upon sign-in “My Badges”

appears

My Badges

Search


Got Expertise? Apply for a Spiffy Badge.

Create a New Badge

P2PU FavoritesMost Awarded Newest All Search

1

“All” kicks to badges.p2pu.org/

badges

Roll Call: Meet the Learners.

Most ActiveExperts Newbies All Search


learners

See More


Projects in the Community

See More

P2PU FavoritesNewest Most Active All Search

1


projects

Set “awaiting

review” to newest so those are

seen 1st

“Most Active”=revised and resubmitted

Alternate layout for projects (No

FB tho):

Create a Badge: Badges.p2pu.org1

User is provided with 2 choices:

•Upload your own image

•Functionality: upload, resize or crop image/thumbnail preview (nice-to-have), success message that image meets requirements

•Output: 160px by 160 px .png file

•Badge-o-Matic

•Functionality: selection of shapes, icons and colors to choose

•Output: 160px by 160 px .png file

Badge UX: Create a Badge1

Create a BadgeWe’ve created a series of tools to help you design and implement your badge easily.

Create a Badge Review a BadgeAbout Badges Create a Badge

Home Create a Badge/

Or use:Badge-o-Matic

Save Your Badge

Can we kick to “Create

Account” from here and save

badge?

Upload Your Own

Save Your Badge

Need to include checklist:>200k

160px x 160 pxNeed guidance: use

googledraw

My Badges

Badge UX: Create a Badge1Create a Badge Review a BadgeAbout Badges Create a Badge

Home Create a Badge Enter Requirements/ /

Step 2: Enter Requirements

Save and Preview

Here’s where we get to the nitty gritty--the “requirements” of the badge. Things to think about:• Purpose: What do people need to be able to do in order to get this here Badge you’re making? • Clarity: Requirements should be clear and easy to understand. • Appeal: Why would someone want your Badge? Is it adorable? Clever? Succinct? What you say here is as important as how you say it.

For more help, see our rockin’ badge gallery for folks who do it well.

Signs of Mastery:

Badge Headline:

Badge Subtitle:

Think about this as a short description. What are experts who hold this badge masters of?

What specific skills should people with this badge demonstrate with their project?

What are you calling your Badge? Grab someone’s attention and make a learner interested.

Rollover popup to gallery?

My Badges


Home Create a Badge Preview/ /

Step 3: Preview BadgeCheck out how your badge will appear to learners.



Publish Badge

My Badges

Edit Badge

“Edit” kicks back to step 1,

image input


Home Create a Badge Success!/ /

Step 4: Success!Booyah! Your Badge has been created and implemented. Check it out!



Let folks know!

Create another Badge

My Badges

This Badge has been created and added to your profile. Visit p2pu.org to add it to a P2PU course.

Badge UX: Apply for Badge

Submit Project: Content Marketing

What’s the URL for your project?

What steps did you take to complete this task?

SUBMIT PROJECT FOR: CONTENT MARKETING BADGE

Submit Project for Content Marketing Badge

Submit

An expert with this badge has created a blog, installed analytics, and created a voiceand tone style guide for their site.

Project URL?


What would you do differently next time? (If anything)

Modal opens with questions

about the project

Learner is asked to give some context to help direct the nature

of the feedback

Learner submits project for a specific

badge

Upload Screenshot (recommended)

Tags associated with project: music, art, literature

Project Title?

Review a BadgeExperts are sent to badges.p2pu.org

Experts can see the context of the project,and give personalized feedback

Expert is prompted to focus on what works well, unclear areas, and areas to improve

Expert either awards badge, or asks learner to revise and resubmit

Review Project for Content Marketing BadgeAn expert with this badge has created a blog, installed analytics, and created a voiceand tone style guide for their site.

Yes, award Badge

No, but send my feedback

Your Feedback to Mozzadrella

QUESTIONS

What is unclear about this project?

KUDOS

CONCERNS

What is incorrect, missing, or doesn’t work about this project?

What is strong about this project?

Reflection for next time: I would have used another theme.

Project title: Robots in LoveProject URL: http://ilovecharts.tumblr.com/

Steps Involved: Installed tumblr, analytics, voice and tone guide.160 x 160

In your Expert opinion, has this learner earned the Badge?

http://ilovecharts.tumblr.com/




Badge UX: Badge Dashboard1Appears in both

a learner’s p2pu.org profileand at badges.p2pu.orgKey Features:•Badges: Earned, Under

Review, Awarded to others, Badges you created

•Feedback: latest activity from feedback partners, feedback on your projects, feedback you’ve left for others

Earned Under Review Awarded

Content MarketingEarned 10/01/2012

SoundCloud MaestroEarned 12/04/2012

Badges

Dirk Kahnerelli resubmitted work

Vanessa Browne earned the Music Hacker badge

Latest Your Projects Peer Projects

Feedback

Created

Badge UX: Resubmit for Badge

Submit Project: Content Marketing

What’s the URL for your project?


SUBMIT PROJECT FOR: CONTENT MARKETING BADGE

Revised Project for Content Marketing Badge

Submit





Previous Submission

Revisions

What have you changed, added, or revised about your project?

Do you have a new URL for your project?





Badge UX: Project Pg--no feedback

Project for Content Marketing Badge

1



Home My Badges My Projects/ / Feedback /




Project Submission for Mozzadrella

My Badges

Review this Project

Option appears even if expert isn’t

signed in, prompt sign-in onclick.

Button only appears if the project has yet to

get badge.

Nav is awkward, maybe put my projects up

in top nav near “my badges”?





Badge UX: Project Pg--w feedback

Project for Content Marketing Badge

1



Home My Badges My Projects/ / Feedback /




Project Submission for Mozzadrella

My Badges

Review this Project

Option appears even if expert isn’t

signed in, prompt sign-in onclick.

Button only appears if the project has yet to

get badge.

Nav is awkward, maybe put my projects up

in top nav near “my badges”?

Feedback from Riskycud: Version 1.0

KUDOS

Project artfully uses multimedia, video editing software, and Soundcloud to create a fascinating experience.





1

Feedback from Riskycud: Version 1.0

QUESTIONS

Did the piece need to be in two parts? Maybe you could share it within some electronic music groups?

KUDOS

CONCERNS

I didn’t see the re-use of a previous piece on SoundCloud.


Home My Badges My Projects/ Feedback //

Feedback submitted 2/27/2013

Resubmission from Mozzadrella: Version 1.1

CHANGES

Made the piece one part only, shared with the Electronic group for feedback, reused another piece on SoundCloud.

NEW URL

https://soundcloud.com/loveandradio/jack-and-ellen

Feedback from SchmidtPhi: Version 1.1

KUDOS


Revision submitted 3/1/2013



1

Home My Badges My Projects/ Feedback //

Feedback from SchmidtPhi: Version 1.1

QUESTIONS

Did the piece need to be in two parts? Maybe you could share it within some electronic music groups?

KUDOS

CONCERNS

I didn’t see the re-use of a previous piece on SoundCloud.


Huzzah! Badge Awarded 3/2/2013

Badge UX: Add Badge to Course

Add a Badge

BadgesUpon sign-in “My Badges”

appears

My Badges

Course organizers can

add badge from either left nav or

top nav

Modal opens with search box

to discover badges

My Badges

Badge defaults to last task, but organizers can

change it in “Content”

Badge UX: Add Badge to Course

Add a Badge

BadgesUpon sign-in “My Badges”

appears

My Badges

Course organizers can

add badge from either left nav or

top nav

My Badges

Badge defaults to last task, but organizers can

change it in “Content”

Add a Badge to Your P2PU Course

Add Badge

Badges are a way for learners to get feedback on their projects. If you’ve created a badge on badges.p2pu.org, you can add it from here. You might also find badges that other folks have created that might suit your course.

Find Your Badge Search

1 4...2

Crystal Ball BadgeRequirements: User must complete the CrystalBall tutorial and upload an image of their app to the comments section of the task in order to receive this badge.

Hack Day BadgeRequirements: The user will get this badge when they complete the CrystalBall, PaintPot, Invent, and No Text While Driving tutorials.

Results Select

Create my own Badge

Notifications SchemeLearner

# 2a: Badge

awarded!

# 2b: You have feedback

#3bReminder to

revise and resubmit

# 1: Submission

Success

Notification 3a:

Reflection: 3 months ago you learned [Badge X].

See who is earning the

badge.Create your own badge.

Expert

How often should this notification be? Every month?

#13 folks are awaiting review

# 2a:[Learner X] has revised

and resubmitted

#2bFolks are still

awaiting review--

spread the luv

#4a:Create a badge

#3a: Your feedback

was useful! Mad props.

Documents

Badge Spec for P2PU