You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 38 Next »

Design


Images - DJ Interface

Description


Heuristic Evaluation:
  • Added a log-in and sign in form page to introduce the app (Consistency and Standards)


Heuristic Evaluation
  • Removed album title from previous winner (Recognition Over Recall)
  • Added DJ feedback graph to show user input (System and Real World)
  • Changed "Search" to "Search by song name"  (Consistency and Standards)
    User Test 
  •   Made bars show up on DJ feedback when vote count was 0

Heuristic Evaluation
  • Increased space between the top section and the voting pane (Flexibility and Minimal Design)

Heuristic Evaluation
  • Grayed out the "Begin Voting" button (Error Prevention)
  • Added "BPM" on the table (Skills)  
    User Test 
  • Added play button on the table

Heuristic Evaluation
  • Made text of the pie chart labels larger and bolder (Visibility, Consistency & Standards)

 Heuristic Evaluation
  • Added certain genre related information tabs to the graph charts that adapt to the DJ's interests (Skills)

Images - Listener Interface

Description


When a user initially opens the application, they see this default home  
page. They are prompted to "submit a dj code." This screen was 
created after the entire app was completed. It's simply a less detailed 
version of the home screen that we previously developed (explained in
the next image).

Initially, this screen kept the rating buttons, but after the user testing
period, we decided to remove them. Also, to make it easier for users,
we made the DJ code case insensitive.


After submitting a valid "DJ code," information begins to populate the
app. The user can see the name of the song currently playing and "rate"
it either up or down. There is also a "tweet" button that would allow the 
listener to tweet about the event. There is also a navigation bar to let
the user move between the other screens.

The main goal for this page was to make it as simple as possible. After
the heuristic evaluations, we decided to change "rate this song" to 
"rate this party" in an attempt to give users a better understanding of
what exactly they were rating. After submitting the dj code, we initially
left it on the screen, but after doing the user tests, we decided to 
remove it.


In this screen, the user sees the list of songs that have been played.
When the user clicks on a song (i.e. after clicking on "Lights"), the
selection expands, showing the album cover, the artist, and the genre.

Initially, we planned on presenting as much information on the song 
as possible. However, after the heuristic evaluations, we decided to
remove most of the information (like year produced, record label, etc.).


This is the voting screen. When the DJ selects songs for the listeners
to vote from, they are shown here. Each voting option shows the name
of the song, the artist, and the current number of votes.

Implementation


Evaluation


Description of User Test

...

Usability Issues

User

Issue

Severity

Solutions

DJ #1

Wants Sounds

 

 

 

Drag and Drop to add songs to the queue

 

 

 

Wants confirmation so don't automatically switch songs

 

 

 

likes the search

 

 

 

play the song for the dj in the queue

 

 

DJ #2

fix names that come up

 

 

 

queue genres

 

 

 

queue like reddit, upvoting songs
Con: popular songs come first and then are overplayed

 

 

 

Search let user click entire row

 

 

DJ #3

Voting runs in the background for dj sortable song lists

 

 

 

no graph about song votes

 

 

 

make the bottom menu fixed

 

 

 

now playing instead of Previous Winner

 

 

 

dj feedback last hour shows no information

 

 

 

auto login after registering

 

 

Client #1

Case Sensitive dj code

 

 

 

doesn’t like the Submit DJ code button staying after submission

 

 

 

Rate the party at the end, between 1-10

 

 

 

Vote Notifications

 

 

 

Voting has a timeout so that the DJ doesn’t have to go back and forth

 

 

 

Home screen removes “Submit DJ Code” afterwards

 

 

 

Like the rate the party button,

 

 

Client #2

Tablet interface is weird - Text is too big, page is not scaled to phone

 

 

 

TEST ON THE PHONE

 

 

 

Send comments to DJ

 

 

Client #3

vote on party and song.

 

 

 

Used to one click on Phones

 

 

 

undo button after voting

 

 

Reflection


  • No labels