Case Study
WikiMix is crafted with the purpose of helping music enthusiasts explore the right music for them, curate and engage together through mixes of songs. A little like in the old days. This project, done in October 2017, initially investigates concepts from vision to scope, from product personality to application framework; then proposes a mobile solution for a delightful user experience to build a meaningful and a structured music collection interacting with others.
Given the challenge requirements, I started with brainstorming and research on the topic to have a clear problem statement and a structured scope.
Illustrating potential music enthusiast's goals and tasks in different clusters helped me to construct a superior design focus, brand personality, and application framework.
An ideation board I built during the problem solving phase in order to lay down high-level user actions.
User-focused design scheme for WikiMix.
A quick overivew on the mission and how to approach the look-and-feel for WikiMix.
The key objects for music discovery, curation and engagement are the songs and the collection of songs. Thus, I accordingly designed an architecture around them that users could meaningfully browse and collect music.
Songs can be collected from the search results, from an album or a playlist, whereas one can also have a direct access to an individual song. Thus, I crafted a consistent solution considering all possible cases.
Four main components of WikiMix's architecture explained, exluding the Player view.
WikiMix enables curators to collect songs within the application with various interaction models.
Discovering and collecting songs is the core part of WikiMix so that the rest would work smoothly. Thus, in all views of the application, where there's a collection of songs, WikiMix needs to provide a quite straightforward experience for people to add songs to their playlists.
Aiming for simplicity and uniformity, I sketched user flows for discovering and collecting songs. Then, I crafted the experience of adding songs to new and/or existing playlists from each view in high-fidelity to better communicate the journey of users.
Music curators use search functionality to explore, filter and add songs to playlists quickly one after another.
The curator swipes a song item left in the search results to add the song to a playlist.
Basic userflow that curators go through whenever they initiate add from Search, Album, Playlist and Player views.
The curator is taken to Add to a Playlist view, where he/she chooses to add the selected song to a new playlist.
Inputting the name and the privacy setting of the new playlist, the curator is taken back to search results with a confirmation.
Wanting to build more on the new playlist, the curator is now navigating in an album to quickly preview songs.
By long pressing the song item, the curator activates the preview mode and releases the touch on the fab button to add the song.
Quick Preview mode in action
Choosing the playlist that he/she has just created, the curator is taken back to the Album view with a confirmation.
A new playlist from a friend grabs the attention of the curator in the Home view.
Tapping the overflow icon, the curator initated the menu with an option to add the song to the playlist he/she created.
After adding the song the his/her playlist, the curator is taken back to the previous view with confirmation.
Listening a song in the Player view, the curator adds the song to a playlist by tapping on the plus icon.
Taken back to the Player view, the application informs the user that he/she can now comment on this song with a simple tooltip.
If collaborating on music playlists allows people to express their music taste, commenting on songs would make it even more personal and engaging.
Forum-like (i.e YouTube) comments on multimedia platforms, though, often tend to remove the focus from the content. Thus, in WikiMix curators are encouraged to post timed comments on each song within their playlists.
Upon tapping on the comment icon, the Player view tranforms into its commenting state. The song keeps playing.
Typing the comment for the second of the initation, the application displays the comment with a timestamp upon submission.
People can write multiple comments a song. With the limit of 140 characters, the size of comments proportionally changes.
People like to build things together with whom they are like-minded, and that they have a sort of a connection with on a regular basis. Hence, the priority of WikiMix in terms of sharing music is to collaborate on playlists.
WikiMix equips curators with the ability to easily invite collaborators to their playlists. Invitees, as well, can effortlessly view and accept the invitations they receive from others.
The curator now wants to collaborate with colleagues on a playlist that he/she has created.
The curator invites two of his/her friends to collaborate on the playlist together.
One of the invitees, Daisy, receives a notification. She is then taken to a view with a call-to-action to accept the invitation.
Listeners and collaborators can view timed comments posted by the collaborators of the playlist, while listening to a song. Momentary comments within the Player expresses the context in a more immersive and meaningful way for each single song.
Words of others, especially the ones we know, encourage us more to dig into something deeper. Thus, viewing others' comments would raise people's curiosity and attention for particular a song.
The playlist now has three collaborators. Daisy is curious to see what others added and commented. She taps the last song.
While listening to the song from the playlist, Daisy comes across to a comment of a friend at a particular time of the song.
Comments are displayed based on the second of entry. Scrubbing on the progress bar allows people to see an overview of all.
Scrubbing to the point where a comment/avatar exists displays the comment to make quicker decisions about a point of interest.
Finally, it is essential that the curators of playlists have the ability to manage their playlists in depth regarding the structural and social dimension.
This section briefly showcases how curators mighty easily initiate comments on songs, remove songs from a playlist, change the order of tracks and share their playlists with others.
Collaborators of a playlist can easily comment on and remove each song in the list.
Collaborators of a playlist have the ability to edit, share and change collaboration settings (owner only) of the list.
A collaborator, Daisy, activates the edit mode for the playlist to change the order of songs.
Apart from collaboration, playlists can be shared via the platform, social media and via links for listening purposes.