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

UI Mockups

matthew w edited this page Apr 1, 2014 · 39 revisions

The most up to date UI mockups below.

Jump to...

Not - logged in:

Logged in:

Help Page:

On hover of thumbnail image:

Before:

screen shot 2014-01-30 at 11 47 41 am

On hover:

screen shot 2014-01-30 at 11 47 24 am

For the dropdown:

Build:

Build | Visual

First view inside Visual tab offers option to Make or Upload

Start

badgestudio-viz_visual start

Select make to launch a tool that fills the browser window.

Shape

badgestudio-viz_shape

Background

badgestudio-viz_background

Image

badgestudio-viz_image

Text

badgestudio-viz_text

Text disabled

badgestudio-viz_text disabled

Icons

badgestudio-viz_icons

Icons 2

badgestudio-viz_icons 2

Color

badgestudio-viz_color

Templates from early iteration:

badge-template1

badge-template2

Queue:

applications-queue

Review:

  1. timer only on idle. reset on activity.
  2. birds-eye view of progress & status
  3. nav thru process
  4. evidence configured by issuer side application form
  5. evidence-level optional comment
  6. a mashup potato
  7. link to external rubric
  8. a required criterion (binary?)
  9. criterion-level comment (slider? 50% threshold?)
  10. guided feedback
  11. collated comments
  12. guided feedback
  13. approve or decline
  14. confirmation

badgeassess-v3_annotated

Admin Overview

badgekit-set_admin overview

Issuer Profile

badgekit-set_issuer profile

Program Profile

badgekit-set_program profile

Program Users

badgekit-set_program users

Add or Edit User

badgekit-set_program user single

User Profile

badgekit-set_user profile

Issuer Participants

badgekit-set_program partiicipants

Actions Shortcuts

In the directory, published badges include a shortcut menu. Admins can jump from here to the Actions tab detailed below.

badgekit-actions-shortcut

  • [published actions] (#actions-for-published)
  • [published view] (#view-of-single-badge)
  • template actions
  • [archived actions] (#actions-for-archived)
  • [draft actions ] (#actions-for-draft)

Actions for Published

badgekit_actions published

View of Single Badge

badgekit_view

Actions for Templates

badgekit_action template

Actions for Archived

badgekit_actions archived

Actions for Draft

badgekit_actions draft