KaJaMi - GR3 - Paper Prototype

v1.0 of user-friendly implementation

The user has drag/dropped two files from the desktop onto the interface and the files have begun uploading to the system.

v1.0 of user-friendly implementation

The user has clicked on one of the uploading albums and sees the detailed album view with cover-art. Each field on this page is editable (the field highlights on a mouse hover and turns into a text-box on click).

v1.0 of high-efficiency implementation

The main screen that shows up on loading. The "+" button at the bottom manually brings up the list of uploading albums and previously uploaded.

v1.0 of high-efficiency implementation

An album (starmarker.zip) has completed uploading and is ready to be approved (and filed) into the playback system.

v1.0 of reporting interface (both aforementioned v1.0 implementations use the same reporting interface)

Currently with no filtering selected, all albums are being shown.

One of the user testing sessions at the WMBR studio.

Some of the interface widgets and task cards used.

v2.0 of our merged implementation

Notice the pause button by each upload progress bar, the clear approve/delete buttons for the album (and the removal of the trash bin icon previously in the top right corner), and the re-wording on the upper left tabs for clarity. Changes not seen include a screen hover on dragging files over the interface (an entire gray-out screen blankets the screen and says "upload"), a highlight on hovering over any editable fields (including the tracks, which then allow editing of artists on individual tracks), and other minor changes. Other forthcoming changes include being able to delete single tracks (also using a hover over track affordance) and a clear visual cue that uploading albums can be clicked on to see specific album information.

A view of the testing session on Monday March 18th.

v2.0 of reporting interface

Notice the Piazza-like tagging for genre filtering (allowing flexible genre additions as well as multi-selection filtering), release date range filter, and additional playback count columns (for easy sorting between commonly used date ranges). Note that there were several transparencies made for both versions of the reporting interface to reflect changes in filtering and when clicking on one of the playback count headers (which sorts by play count in descending order).

Imagine you are a music director, Lana, and you wish to upload some albums to the digital library via the KaJaM! interface

Open KaJaM! and log into the system

You have downloaded 2 albums onto your computer: Starmarker.zip and KaJaM.zip and wish to import them to the library

Import Starmarker.zip and KaJaM.zip into the digital library

While KaJaM.zip is importing, you wish to preview one of the tracks

Preview (play) a track in the KaJaM album

The track from the KaJaM album sounds familiar, and you quickly realize you have already imported the album and don't need it again

Delete the currently importing KaJaM album

The Starmarker.zip file finishes importing, and you wish to make sure all the track details are correct

Inspect track details*

You find incorrect and incomplete track details you want to fix

Edit track details to reflect the correct information**

You wish to approve the album to officially file it in the digital library

Approve the album

Before you leave, you wish to complete College Media Journal reporting for the month

Take a look at the reporting data in the digital library

You notice the reporting data is displaying _the Blue Dot _genre, but you want to look at "Electronica/RPM"

Filter the reporting data to show only "Electronica/RPM"

Now all reporting data is on "Electronica/RPM" only, but it is not sorted by play count in the last month

Sort the reporting data by play count in the last month, in descending order

Everything looks good, but you still want to make adjustments to the reports based on physical CD play count before submitting them

Export the reporting data to Excel file format for further editing

Now that you are all done, you wish to go home

Done!

1

While I'm Dead

Starmarker

Unknown

Polyvinyl

2

Sand Beauty

Starmarker

Unknown

Polyvinyl

3

Silvre Lining

Starmarker

Unknown

Polyvinyl 

1

While I'm Dead

Starmarker

Killer Kilometer

Polyvinyl

20/02/2013

Electronica/RPM

2

Sand Beauty

Starmarker

Killer Kilometer

Polyvinyl

20/02/2013 

Electronica/RPM

3

Silver Lining

Starmarker

Killer Kilometer

Polyvinyl

20/02/2013 

Electronica/RPM

Music Director #1

• User found the drag and drop interface to be intuitive and easily learnable, but isn't familiar with the fact that file start importing as soon as the mouse button is released. Instead, user searched for an "OK" button to start importing officially. This is a tradeoff we made to achieve more efficiency, but sacrifices some safety because the user may inadvertently drop the wrong file on the interface.

Learnability

• User recognized the play button beside the track right away
  Efficiency
  
• User's single click on the play button starts playing the track right away
  Safety
  
• If user clicked on play accidentally, a pause button appears in place of the play button to stop track

Learnability

• On the user-friendly interface, the user had some trouble locating the trash can because it was placed far away from the user's line of vision
• On the high-efficiency interface, User quickly found the "X" delete button beside the uploading album
  Efficiency:
  
• High-efficiency interface requires very little mouse movement to reach the "X" button, whereas the user has to move the cursor all the way across the screen in the user-friendly version of the interface.
  Safety:
  
• User prefers that the user-friendly interface gave a confirmation warning before deleting album

Learnability

• User found the both interfaces to be easy to understand in terms of what information is being displayed
• Both interfaces lack affordances in terms of what is editable and what isn't, user had to experiment by single clicking on the fields 
  Efficiency
  
• User liked how both interfaces showed all the album and track information on one screen
• User noted the directly editable fields are very convenient
  Safety
  
• User noted a mistake in adding the genre can be easily fixed by clicking the "x" beside the genre tag

• User was confused about how to "approve" the album on both interfaces because he did not associate approval with the "checkmark" button (learnability issue)
• Again, a tradeoff was made between efficiency and safety: single click on the "checkmark" button will approve the album immediately (efficiency). User prefers a confirmation message (safety).

Music Director #2

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Music Director #3

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

"Elf"

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Student User #1

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Student User #2

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Student User #3

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Music Director #1

• User found switching modes via the tabbed interface to be easy and intuitive (learnability)
• Single click on another tab switched the mode immediately (efficiency), and user noted he can easily switch back if he accidentally clicked on another tab (safety)

Learnability

• User struggled with understanding the "filter" button and what it means - he thought it brings up another "filter" window 
  Efficiency
  
• User did not like how selecting a genre from the drop down menu did not filter the genres right away
• Not efficient to require 2 user clicks every time a genre needs to be filtered
  Safety
  
• Requires user to confirm genre choice by explicitly clicking on "Filter", but user did not like this

Learnability

• User did not know how to sort the rows (no affordances offered to suggest that clicking on the header row sorts it)
• User noted that having an arrow displayed beside the header would really help to indicate the sort function
  Efficiency:
  
• Single click on the head column sorts the table in descending order, second click sorts the table in ascending order. User thought this was convenient
  Safety:
  
• User did not know how to "clear" the sort, but eventually just noted that he could just click on another head row to sort by another row instead

• User found the export button very quickly and no troubles with this task (learnability)
• User liked that the file started downloading right away without prompting him to confirm (efficiency versus safety)

Music Director #2

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Music Director #3

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

"Elf"

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Student User #1

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Student User #2

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Student User #3

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety:

Learnability:
Efficiency:
Safety: