...
Unsure of one of the songs in the playlist, David clicks the song to expand its box and previews it using the play button. Liking what he hears he clicks the thumbs up button to indicate his approval and also clicks the download link to add the song to his collection.
Design #2
Splash Page. The user arrives at the homepage and is greeted with a simple search bar. The instructions for using the site are also enumerated to give new users a very simple idea of what this site is all about.
Search Function. As the user types the name of the party into the search bar, there are automatic fill-in suggestions.
Search Results. After the user types "Enter" or hits the search button, he is shown a list of parties sorted by date.
Playlist Window. After the user clicks on an events, the event information populates the top header. The main windows displays the current list of songs. There is a play button to the left of the song and a download link to the right. There is also a thumbs up icon which acts as a "vote" button. Underneath the vote button, there is a number that indicates how many people voted for it.
Upload Bar. This bar is not shown in the previous picture but is meant to be at the bottom of the page at all times. When a user clicks the input box, there is a popup that allows the user to select a file from the computer.
Upload Bar Status. After the user selects the music file and hits "Upload", the bar is replaced with a progress bar and a "Cancel" button. Finally, there will be a message "Upload Successful" at the finish.
...
Our second design pursues a different way of finding parties and displaying the music that is popular on its playlist. Instead of searching for the party name, the user will search for a particular location and a map of local parties will be displayed. The user can then select a party and views its "playlist." The playlist is actually a info-graphic of the genre of music that will be played at the particular party, with a large font-size for a genre suggesting it is more popular. When a user clicks a genre to explore the music, they are "voting on that genre" and it makes the font grow relatively larger than the other genres. They can then vote on particular songs of a genre, which is displayed next to the genre, and also upload their own music for that genre.
Design #3
For the following design, the title page will consist of a search box on the bottom, a dynamic view of search results,and a series of tabs on the left hand side for top party searches. The purpose of the top party searches tab is to enhance user efficiency by gathering data on search history, and providing the top 5 searches as quick access options. An autocomplete functionality for the search box will help prevent user typos and errors. In addition, an upload music button will be constantly present on the bottom of the page. With its pop-up functionality, the idea is to enable the user to upload music to the site while still being able to download, vote, and listen to music. As the user finds his playlist among the list of user searches, he will click on the link as soon as he or she finds a desired match. The page will shift to the second window, in which the active playlist is now shown. The playlist here can be organized by rank, title, and the artist, and provides a range of different functionalities. The play button allows the user to play the particular song. The yes/ no button is used to allow user feedback on a song's popularity, which will determine its relative ranking in the song list. In addition, a download button will be added to the rightmost section of each song.
...