A' Design Award and Competition - Interaction and Interface Category
Music video iOS App
Listening to music is a personally visceral experience that influences our emotions. Further, watching music videos associated with their respective songs profoundly affects our emotions because it involves an additional sense. From research, we learned that people are creating playlists with music they already know rather than creating playlists with newly discovered artists. We hypothesized how we might address this by guiding people to discover new artists based on their changing moods?
Unique Properties / Project Description
Discovering new music is fun. Thus how might we push people's imagination to explore with an interaction that's just as fun? 30 unique icons form the genre/mood screens. Each is initially hidden to encourage people to create various playlists by tapping to discover the icons. The interaction we designed spurs curiosity, thus elevating the feeling and experience of personal discovery of music. The design was inspired by translating the feeling of touch from the physical space into the digital.
Operation / Flow / Interaction
Studio is designed around the user's goals and curiosity. 3 simple steps to watch videos: pick genre(s), artist(s), and mood. The interaction implements high-level feedback in the form of visuals that serves two purposes. 1. It communicates information regarding the acknowledgment, confirmation, and visibility of an action as it transitions from an inactive state to an active one. 2. The new state spurs curiosity in the user, encouraging them to discover what the other inactive states will reveal.
Project Duration / Location
The project spanned 3 weeks and was completed at The Flatiron School in New York City. Studio was successfully submitted to the Apple AppStore (to demonstrate proof of concept) and was exhibited during our final cohort demo presentation.
Production / Realization / Technology
(1.) Production: Interface and keyframes were iteratively designed and wireframed using Sketch. Prototyping was done using InVision. Final high fidelity designs and assets were exported from Sketch into Xcode where the app was coded using Swift and Objective-C. (2.) Design: Interface and interaction was based on Don Norman's 7 Stages of Action in order to achieve usability and user experience goals. (3.) Methodology: Genre and mood graphic icons to evoke a range of emotions and felt experiences.
Specifications / Technical Properties
Responsive mobile UI/UX design for iOS. Human-centered design adhering to and demonstrating Jakob Nielsen 10 usability design heuristics and the metric-ISO system. ISO 9241-12:1998 Ergonomic requirements for office work with visual display terminals (VDTs)—Part 12: Presentation of information. ISO 9241-13:1998 Ergonomic requirements for office work with VDTs—Part 13: User guidance. ISO 9241-210:2010 Ergonomics of human-system interaction— Part 210: Human-centered design for interactive systems.
We analyzed and conducted a competitive audit into Apple Music, Spotify, Pandora, and Amazon Music. Next, we examined our own experiences and pain points in these music services that we use, how they might be improved, and a market opportunity. We asked: What is the story of the experience we want others to have? What is happening before people interact with Studio? After interacting with Studio, how do we want people to feel? What do we want them to have taken from away from their experience?
The Creative Challenge
The challenge was to design an experience for users to discover music that speaks to them in times they need it the most. Is it best for users to search, or should an algorithm find music for them? We designed the former. Watching music videos uses 2 senses, sight/sound; using Studio requires 1, touch. With people already touching, we realized an interaction could be designed to further elevate the feeling and experience of music through personal discovery by immersing 3 senses rather than 2.
Book Page & PR Summary
How do people discover music that speaks to them in times that they need it the most? Studio was designed to build personalized music video playlists guided by emotions. 3 simple steps to watch videos: pick genres, artists, and mood. 30 unique and initially hidden icons encourage people's imagination to explore and create multiple playlists by tapping to discover each icon. The interaction spurs curiosity, thus elevating the feeling and experience of personal discovery of music. Studio immerses people's senses (sight, sound, and touch) in a new music experience - none like before.