Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Images - DJ Interface

Description


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

    For the home page, we opted for a simple look. Since login was not part of the previous design process,
    we simply mocked it up and implemented it. While testing internally, we found that it would be good to give 
    the user feedback immediately about the validity of their input.

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

    There are basically four main sections here. The upper left shows the previous song. During user testing we
    found that this was not needed on the initial login so we removed it until a song was played. At that point, we
    added in both the currently playing song and feedback from how the crowd rated the song.

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

    When we initially tested this page, we didn't get a lot of useful information. After the user testing, however,
    the djs we tested on said that they would like this pane to be able to slide away. If we were to continue further,
    we would simply replace the begin voting pane with this and allow the user to cycle between these two views.

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

    This is the same screen as before but now we are looking at the search menu as well. For the search bar, we
    got feedback that the user would like to click on the entire row. This was actually an implementation detail as 
    the autocomplete library would fire it's handler before our custom tags. To get around this, we simple disabled
    the default handler.

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

    Everybody pretty much liked our charts. Just changed the text to match the rest of the dj interface.

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

    During the user test, we got feedback that we should also visualize the voting information here. Currently, we 
    display data about the songs that were played but not about the user votes that we processed. We also chose the 
    bar charts because they mimic sound levels and we liked that metaphor.

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.

...