Badge Spec for P2PU
-
Upload
vanessa-gennarelli -
Category
Documents
-
view
804 -
download
1
Transcript of 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
Badge UX: badges.p2pu.org 2/31
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
“All” kicks to badges.p2pu.org/
learners
See More
Badge UX: badges.p2pu.org 3/31
Projects in the Community
See More
P2PU FavoritesNewest Most Active All Search
1
“All” kicks to badges.p2pu.org/
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
Badge UX: Create a Badge1Create a Badge Review a BadgeAbout Badges Create a Badge
Home Create a Badge Preview/ /
Step 3: Preview BadgeCheck out how your badge will appear to learners.
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.
Crystal Ball BadgeThis badge signifies that the user has completed the CrystalBall tutorial in App Inventor.
Publish Badge
My Badges
Edit Badge
“Edit” kicks back to step 1,
image input
Badge UX: Create a Badge1Create a Badge Review a BadgeAbout Badges Create a Badge
Home Create a Badge Success!/ /
Step 4: Success!Booyah! Your Badge has been created and implemented. Check it out!
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.
Crystal Ball BadgeThis badge signifies that the user has completed the CrystalBall tutorial in App Inventor.
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 steps did you take to complete this task?
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?
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?
What steps did you take to complete this task?
SUBMIT PROJECT FOR: CONTENT MARKETING BADGE
Revised 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.
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
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
An expert with this badge has created a blog, installed analytics, and created a voiceand tone style guide for their site.
Create a Badge Review a BadgeAbout Badges Create a Badge
Home My Badges My Projects/ / Feedback /
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
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
An expert with this badge has created a blog, installed analytics, and created a voiceand tone style guide for their site.
Create a Badge Review a BadgeAbout Badges Create a Badge
Home My Badges My Projects/ / Feedback /
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
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.
Project artfully uses multimedia, video editing software, and Soundcloud to create a fascinating experience.
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
Project artfully uses multimedia, video editing software, and Soundcloud to create a fascinating experience.
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.
Project artfully uses multimedia, video editing software, and Soundcloud to create a fascinating experience.
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.