Mary Klishina
UX/UI Designer | Product Designer
Mary Klishina
UX/UI Designer | Product Designer
Mobile App for Identifying Music
Songs Found in Seconds: End-to-End Design
Services
Ul & UX, Visual Design
Role
Ul & UX Designer
Date
September 2023
Overview
Hear U is a mobile app designed to help users identify music. The app’s main functionality allows users to quickly capture a snippet of a song, get it recognized, and share it with others.
Hear U is a mobile app designed to help users identify music. The app’s main functionality allows users to quickly capture a snippet of a song, get it recognized, and share it with others.
Problem
Music discovery can be a challenge when users hear a song they like but can’t identify it. Existing solutions, such as Shazam, often require users to be in specific conditions to work properly, and sometimes fail to identify songs in noisy environments.
Music discovery can be a challenge when users hear a song they like but can’t identify it. Existing solutions, such as Shazam, often require users to be in specific conditions to work properly, and sometimes fail to identify songs in noisy environments.
Solution
Hear U solves this issue by providing an easy-to-use interface that allows users to:
Quickly identify songs: Simply capture an audio sample using the microphone and let the app instantly recognize the track.
Share results: After identification, users can easily share the song with friends or social media, spreading the discovery.
Additional information: Users can explore related information like lyrics, video, and singer details, enriching their music discovery experience.
Hear U solves this issue by providing an easy-to-use interface that allows users to:
Quickly identify songs: Simply capture an audio sample using the microphone and let the app instantly recognize the track.
Share results: After identification, users can easily share the song with friends or social media, spreading the discovery.
Additional information: Users can explore related information like lyrics, video, and singer details, enriching their music discovery experience.
User Flow: Share Song
This User Flow represents the key actions a user will take to identify and share a song in the app.
Track Scan: The user clicks the “Listen” button to start the scan. The app listens to a short audio sample and processes it for song recognition.
Recognized Track: Once the song is identified, the user sees the track information, and can explore tabs like Lyrics, Video, and Singer for additional content.
Share: The user has the option to share the track. This could be via a Copy Link or Share.
Chat Selection: The user selects a chat to send the song to.
Notice Sent: A notification is displayed confirming that the song has been successfully shared.
This flow makes the user experience smooth and allows the user to seamlessly identify and share songs without unnecessary steps.
This User Flow represents the key actions a user will take to identify and share a song in the app.
Track Scan: The user clicks the “Listen” button to start the scan. The app listens to a short audio sample and processes it for song recognition.
Recognized Track: Once the song is identified, the user sees the track information, and can explore tabs like Lyrics, Video, and Singer for additional content.
Share: The user has the option to share the track. This could be via a Copy Link or Share.
Chat Selection: The user selects a chat to send the song to.
Notice Sent: A notification is displayed confirming that the song has been successfully shared.
This flow makes the user experience smooth and allows the user to seamlessly identify and share songs without unnecessary steps.
Wireframes
The app's wireframes show the basic structure and flow of the interface, ensuring an intuitive experience. Key wireframes include:
Login/Registration Screen: Users can create accounts, reset passwords, and log in to access personalized features.
Track Scan Screen: A simple interface to start the music recognition process by clicking the “Listen” button.
Track Details Screen: Displays the identified song along with additional information such as lyrics and related videos.
Share Screen: Offers different sharing options, including copying the song link or sharing it directly to platforms like Telegram.
The app's wireframes show the basic structure and flow of the interface, ensuring an intuitive experience. Key wireframes include:
Login/Registration Screen: Users can create accounts, reset passwords, and log in to access personalized features.
Track Scan Screen: A simple interface to start the music recognition process by clicking the “Listen” button.
Track Details Screen: Displays the identified song along with additional information such as lyrics and related videos.
Share Screen: Offers different sharing options, including copying the song link or sharing it directly to platforms like Telegram.
Conclusion
Songs Found in Seconds is a solution that bridges the gap in the music discovery process. By offering fast, accurate song recognition and simple sharing functionality, the app enhances the music experience. It’s designed to be fast, efficient, and user-friendly, ensuring that users can identify songs within seconds and share their discoveries effortlessly.
Songs Found in Seconds is a solution that bridges the gap in the music discovery process. By offering fast, accurate song recognition and simple sharing functionality, the app enhances the music experience. It’s designed to be fast, efficient, and user-friendly, ensuring that users can identify songs within seconds and share their discoveries effortlessly.
