A Facebook-based web application, which combines music video player and social network together. It has the complex algorithm about music recommendation and users could share their music taste to their music friends.The work includes prototyping, wire-framing, visual mock up, user testing, user interface and user experience design.
February 2015 – May 2015
Group Project(5 team members)
To solve this problem, MvRock is an application that allowed user share their music taste and
music videos in the application that users don’t need to switch back and forth for sharing a music video from YouTube to Facebook.
It provides recommendation playlist for music videos that are original from YouTube subscriber, like BillBoard Hot 100, Amazon New Musics, and currently trending songs from Facebook friends and similar songs to those users liked before.
The main purpose of this application is to study user experience of online recommender system and make real-time recommendation. Background recommendation algorithm can give real-time recommendation as users change their personal taste along time.
Users could directly use MvRock on Facebook without downloading it. Also, the mobile version is in the process and will be released soon.
This is the final sketch of the prototype, which decided the basic interactions and wireframe of the application. As shown in the image, it well organized every element of the application and set the size of them.
The next step is filling those place holders with images, icons, text and button assets to improve the prototype.
Annotated Hi-fi Wireframes
Mobile Hi-fi Wireframes
After the web design for MvRock, I started the wire framing and visual design for the Android version. Because of the multiple platform design, which request to contain the same functions in different sizes and design styles. I had a sketch at first and then talked with the director and developer about the design. Finally, I made the visual mockup for the mobile application