Skip to content
This repository was archived by the owner on Sep 2, 2020. It is now read-only.

Wireframes

Jump to bottom
iamjessklein edited this page Dec 20, 2013 · 19 revisions

Overview

Here is the most up-to-date wireframes for Badgekit.org. As we make modifications, edits and iterations we will edit this wiki so that it reflects the most recent thinking.

Sign On

badgekit-login

Directory

Templates (First Use)

  • Would be great to have groups. "Moz spring collection" ... "Our orgs"

badgedirectory-wireframes_1st view

Drafts

  • Includes Create New Button

badgedirectory-wireframes_drafts

Published

  • Includes metrics and all the actions
  • Share would offer embed code and link to share with potential earners.
  • Top of view includes link to info on how to share the whole bunch of badges.

badgedirectory-wireframes_published

Sort

  • Sort list of badges below

badgedirectory-wireframes_sort

Actions

  • Summary of all actions available on badges

badgedirectory-wireframes_actions

Mini Metrics

  • Stats and sparklines. maybe revealed on menu:hover

badgedirectory-wireframes_mini metrics

Preview

  • preview of a draft, template, or published badge.
  • permalink would be nice to share a draft for a viewer among collaborators.

badgedirectory-wireframes_preview

Applications

  • queue of applications.

badgedirectory-wireframes_applications

Awarded

  • list of awardees

badgedirectory-wireframes_awarded

Archived

  • much like published, but fewer actions on badges

badgedirectory-wireframes_archived

Account Settings

Build

Learn more about Build here

Main page / / /

Provides a non-linear approach to building a badge.

  • Borders on the visual-metaphor-as-menu could indicate progress.
  • A couple of strong examples would be very helpful.

badgestudio-wireframes-v3_navigate

Description / / /

  • Core info required by the spec
  • I've split description
  • i would lock these elements after a badge is published

badgestudio-wireframes-v3_info-desc

Options / / /

  • Includes options to facilitate badgekit (e.g. groups)
  • Includes options that could be elevated later into the spec (e.g. time)
  • Note sure if @carlacasilli wants Limits or Unique
  • I wouldn't lock these items after a badge is published

badgestudio-wireframes-v3_info-options

Criteria / / /

  • Enables more granular criteria
  • Each bit of criteria has some info attached
  • Issuer can set more flexible overall requirements

badgestudio-wireframes_criteria

Menu / / /

  • Collapses nav filters of directory into hamburger
  • Should this link back to visual metaphor instead

badgestudio-wireframes-v3_menu

Visual / / /

  • Visual side of things still needs more exploration
  • Capacity of left and right menus are probably on target

badgestudio-wireframes-v3_visual-shape

Visual text / / /

  • Example of details to be worked out

badgestudio-wireframes-v3_visual-text

Publish / / /

  • Final preview

badgestudio-wireframes-v3_publish

Assess

Learn more about Assess here

Get to know the applicants

badgeassess-wireframes_by applicant

Focus on oldest items

badgeassess-wireframes_by date

Help

For support working with BadgeKit or Open Badges, use any of the following channels:

  • Post general questions in our Community Google Group and post technical questions in our Dev Google Group.
  • Reach members of the Open Badges team directly on IRC (irc.mozilla.org) on the #badges channel.
  • Email questions directly to badges@mozillafoundation.org and a member of the team will follow-up.
  • Follow or tweet the Open Badges team @OpenBadges.
  • Get involved or submit issues via the GitHub repos - feedback is always appreciated!

Introduction

Users

Developers

Concepts

Design

History

Clone this wiki locally
⚡