...
This is the interface used by the DJ to manage their music library, edit and create playlists, and start playing a playlist/open it up for voting. We elected to have two main panes. One displays all the songs in the library, while the other allows for the editing of playlists. This choice of one detail pane for the music library was motivated by our paper prototyping when we found out that multiple panes (such as one for song details and one for album organization) led users to be confused about how to use the interface. Another key design choice was to allow users to add songs to a playlist by dragging them. This choice was motivated by our paper prototyping when all the testers tried to drag songs but weren't 'allowed' to do so. In addition, we allowed for multi-select drag after computer prototyping and realizing there was an efficiency problem. An 'add song to playlist' dialog box was an
alternative to dragging but we found dragging to be much more intuitive and efficient for users.
Voting Interface
This is the voting interface used by partygoers. A key design choice was to use plus and minus buttons to vote for songs. Originally, we had considered using a sliding interface. However, we noticed during paper prototyping that many people pressed the arrows that were supposed to afford sliding instead of actually sliding. The use of buttons ended up being natural and easy to implement.
The icons on the buttons changed as a result of computer prototyping.
This was the original interface.
This is the new interface.
Computer prototyping showed that plus and minus buttons were more compact on a mobile phone device so that the buttons stayed on the same line. In addition, neutral was changed to a vote count to give information to the users about how popular a song was.
Implementation
Describe the internals of your implementation, but keep the discussion on a high level. Discuss important design decisions you made in the implementation. Also discuss how implementation problems may have affected the usability of your interface.
...