Versions Compared

Key

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

...

Describe the final design of your interface. Illustrate with screenshots. Point out important design decisions and discuss the design alternatives that you considered. Particularly, discuss design decisions that were motivated by the three evaluations you did (paper prototyping, heuristic evaluation, and user testing).

DJ Interface


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

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.

...