Prototype Photos
Images |
Description |
---|---|
|
Screen from Virtual DJ. The bottom right pane is our own custom plugin. It allows the user to put in their |
|
This screen is the first page that the user would get to after they have logged on and registered an account. |
|
This page shows how the DJ can allow users to vote on songs. The songs are pulled from |
|
This page shows how the DJ can end voting for a song. He does this once he has decided which song he wants to play. |
|
This screen shows analytics relating to which genres have been played so far at the party using a bar graph. |
|
This screen shows analytics relating to which genres have been played so far at the party using a pie chart. |
|
This screen shows analytics relating to which genres have been played so far at the party using a time line. |
Images |
Description |
---|---|
|
Home Screen
|
|
"Tonight's Playlist" Screen
|
|
"Next Song I" Screen
|
|
"Next Song II" Screen
|
As he prepares for the upcoming party, DJ MackVibes sets up his equipment, software, and speakers. He hopes that using this new website, MackVibes, will bring a new interactive experience with his audience.
He sets up VirtualDJ and, as the crowd begins to grow, he starts the show and utilizes the website, getting a grasp on what the audience is looking for.
You decide to go a party. When you arrive at the party, one of the party hosts notifies you that the DJ is using a crowd-feedback system. They provide you with a QR code that you can scan, and have access to, alternatively there is also a link that you could enter into your mobile browser.As you walk into the party, you now can use the application whenever you want through your smartphone. The application has 3 basic screens, a homepage that tells the current song, a vote page that allows you to cast votes, and a previously played playlist of the songs the Dj played so far at that event.
Scenario Tasks
In the overarching comments given by our user testing groups, we noted that there were several comments that came up repeatedly, mainly our need for a consistency in UI. Because one of the main needs for our user base was in-obstruction to the other software that they are using to keep the party going. Information, such as genre popularity with both audience voting and previous songs played, could be useful if it were shown with automatic updating and historical data saved and available. Showing the visual information with other indications, such as alarms and lights to inform of voting results or recommendations for song selections. Other possible changes include more effective timelines and seamless plugins for the most common software that people use for their DJ equipment, as well as*:*
- didn't know if the next song would slide out or go to a new screen
- didn't see a back button
- didn't see the tabs on the dj screen
- didn't have the sceen for adding a party
- DJ info was not obvious
- Tabs might not be a good idea
- We should have a thank you for voting page
- sliding wasn't intuitive
- might want to see how many votes next song has before user votes
- assume similar icons have similar views
- would like to save the song for later
- would like to tweet about the song
- would like add in function for the next song
- make it clear that the choose the next song is important
- need to show the user that the app is easy to use and quick to load up
- possible Windows 8 log in to imply swipeability
- front screened cluttered
for viewing songs, instead of an I button, have it have almost a opening up tab like view
From our observations, we can see a few usability issues. First, our navigation mechanism seemed to be confusing. We see this because one user was looking for a back button but couldn't find one. Also, many users did not realize that they could swipe to get to the next screen. We also realized that we were not giving the user immediate feedback that their vote was counted. This was shown when a user mentioned that it would be nice to have a thank you screen after they had voted. Finally, we noticed numerous times that users would get a bit uncomfortable with the front page since there was a lot to take in on one screen.
For the DJ interface we made few changes. Initially, our users had difficulty finding which screen to start on. To alleviate this issue, we added a home page so that each user would be presented with a more uniform interface where they could log in and then be brought to the next page with directions to download the plugin. We also found that users had trouble navigating our pages in general. We fixed this by adding a navigation bar to the top of the we interface. We also found that users had trouble navigating our pages in general. We fixed this by adding a navigation bar to the top of the we interface. We also received many specific requests for individual pages. We updated this pages to add the additional indicators.
Image |
Description |
---|---|
|
The main goal in changing the home screen was to |
|
We added a quick tutorial screen for users that would |