Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Full Badge Spec for badges.p2pu.org

Full Badge Spec for badges.p2pu.org

Design spec for badge creation, review, application, feedback and revise/resubmit.

@mozzadrella

March 08, 2013
Tweet

More Decks by @mozzadrella

Other Decks in Design

Transcript

  1. Design Priorities • Feedback == assessment • Focus on qualitative

    feedback to improve projects • Prompt iteration and resubmission of projects • Nurture mentorship through sustained feedback relationships
  2. Overview / Map Badges.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
  3. Use cases for Badges.p2pu.org 1 User 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 badge User 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 course User 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
  4. Badge UX: badges.p2pu.org 1/3 1 Requirements 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. Apply for Badge Meet the Experts Crystal Ball Badge This badge signifies that the user has completed the CrystalBall tutorial in App Inventor. All About Badges At 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 Favorites Most Awarded Newest All Upon sign-in “My Badges” appears My Badges Search
  5. Badge UX: badges.p2pu.org 2/3 1 Got Expertise? Apply for a

    Spiffy Badge. Create a New Badge P2PU Favorites Most Awarded Newest All Search 1 “All” kicks to badges.p2pu.org/ badges Roll Call: Meet the Learners. Most Active Experts Newbies All Search “All” kicks to badges.p2pu.org/ learners See More
  6. Badge UX: badges.p2pu.org 3/3 1 Projects in the Community See

    More P2PU Favorites Newest 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):
  7. Create a Badge: Badges.p2pu.org 1 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
  8. Badge UX: Create a Badge 1 Create a Badge We’ve

    created a series of tools to help you design and implement your badge easily. Create a Badge Review a Badge About 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 px Need guidance: use googledraw My Badges
  9. Badge UX: Create a Badge 1 Create a Badge Review

    a Badge About 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
  10. Badge UX: Create a Badge 1 Create a Badge Review

    a Badge About Badges Create a Badge Home Create a Badge Preview / / Step 3: Preview Badge Check out how your badge will appear to learners. Requirements 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. Crystal Ball Badge This 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
  11. Badge UX: Create a Badge 1 Create a Badge Review

    a Badge About Badges Create a Badge Home Create a Badge Success! / / Step 4: Success! Booyah! Your Badge has been created and implemented. Check it out! Requirements 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. Crystal Ball Badge This 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.
  12. 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 voice and 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?
  13. Review a Badge Experts 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 Badge An expert with this badge has created a blog, installed analytics, and created a voice and 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 Love Project 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?
  14. Badge UX: Badge Dashboard 1 Appears in both a learner’s

    p2pu.org profile and at badges.p2pu.org Key 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 Marketing Earned 10/01/2012 SoundCloud Maestro Earned 12/04/2012 Badges Dirk Kahnerelli resubmitted work Vanessa Browne earned the Music Hacker badge Latest Your Projects Peer Projects Feedback Created
  15. 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 voice and tone style guide for their site. Reflection for next time: I would have used another theme. Project title: Robots in Love Project 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?
  16. 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 voice and tone style guide for their site. Create a Badge Review a Badge About Badges Create a Badge Home My Badges My Projects / / Feedback / Reflection for next time: I would have used another theme. Project title: Robots in Love Project 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”?
  17. 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 voice and tone style guide for their site. Create a Badge Review a Badge About Badges Create a Badge Home My Badges My Projects / / Feedback / Reflection for next time: I would have used another theme. Project title: Robots in Love Project 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
  18. 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 Revision submitted 3/1/2013
  19. 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
  20. Badge UX: Add Badge to Course Add a Badge Badges

    Upon 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”
  21. Badge UX: Add Badge to Course Add a Badge Badges

    Upon 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 Badge Requirements: 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 Badge Requirements: 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
  22. Option 1: Admin--Add Badge Badges Submit Project: Crystal Ball Badge

    Formative Approach: Feedback interwoven with course content Add a Badge to your course Then prompt for feedback appears inline with course activities
  23. Option 1: Admin--Select Badge Submit Project: Crystal Ball Badge Add

    a Badge to your course Add a Badge to Your P2PU Course Add this 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 2 Crystal Ball Badge Requirements: 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 Badge Requirements: 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 Search by name of badge, criteria, and user who created. Provide 2-3 results. User selects thumbnail to add to course Directs to http:// badges.p2pu.org/ en/badge/ create/ Embeds an iframe into the course. Appears in dropdown as content module
  24. Option 1: Learner--Get Feedback Submit Project: Crystal Ball Badge Crystal

    Ball Badge 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. Get Feedback Submit Project for Feedback: Pulls iframe of Badge and requirements Call to action directions to apply for Badge page for that Badge
  25. Option 2: Admin--Add Badge Summative Approach: Badges appear as a

    separate tab apart from course content Content Badges & Feedback After Badge is added, Admin receives success message. Option to add another Badge appears. Add a Badge to Your P2PU Course 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 Crystal Ball Badge Requirements: 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. Results Select Create my own Badge Add this Badge
  26. Option 2: Learner--Get Feedback Badges & Feedback Content Get Feedback

    from Your Peers Badges are a way for learners to get feedback on their projects. The following Badges are available in this course. Crystal Ball Badge 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. Get Feedback Crystal Ball Badge 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. Get Feedback Crystal Ball Badge 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. Get Feedback Relevant projects appear as a gallery under the Badges tab. Gives the message that learners can get feedback at and time, but might be confusing
  27. Notifications Scheme Learner # 2a: Badge awarded! # 2b: You

    have feedback #3b Reminder 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? #1 3 folks are awaiting review # 2a: [Learner X] has revised and resubmitted #2b Folks are still awaiting review-- spread the luv #4a: Create a badge #3a: Your feedback was useful! Mad props.