MYMUSE
Way More Than a Metronome
ABOUT
In an era where customer-centricity is paramount, My Muse prioritizes user-centric design principles to ensure maximum accessibility and usability.
As the lead UI/UX designer at My Muse, I embarked on a mission to elevate the characterization and design process to new heights. Drawing from my extensive background in music and personal experience using metronomes, I recognized the inherent potential of our product from the outset. Our goal is to create an instrument that transcends the conventional notion of a metronome.
My Muse is a growing company dedicated to crafting an innovative metronome app tailored for musicians. While traditionally viewed as a tool for practicing rhythm, the vision at My Muse extends far beyond that.
The mission at My Muse is to develop a comprehensive tool that caters to musicians' needs with meticulous attention to detail. Our app offers a wide array of features, including beatless rhythm, gradual tempo adjustments, subdivision options down to the finest detail, and precise documentation of progress and practice times.
COMPETITORS
SOUNDBRENNER
-
A minimalist and clean design that keeps the user focused on the central component: the metronome.
-
A wide range of selection for adjusting tempo and beat skipping options.
-
The hierarchy among the components in the metronome page is accurately structured.
-
The application is user-friendly and highly intuitive.
CLICK
-
A unique design characterized by extensive utilization of shapes and colors.
-
The beat changes are visually highlighted in a captivating manner, aiding users in concentration and rhythm maintenance.
-
The option to customize metronome sounds enables users to select tones that suit their preferences.
-
Extensive use of icons establishes a visually appealing language that minimizes text overload.
PERSONA
Michael Robertson, 35
A programmer and a drummer in a metal band.
His passion for drumming began at the age of nine when his brother introduced him to Iron Maiden, igniting a lifelong love for music. He promptly enrolled in drumming classes and has been playing ever since.
Today, Michael works as a programmer at a leading cybersecurity company. He lives with his wife, baby son, and two dogs, and ensures he exercises regularly. On weekends, he plays with his band at local clubs, breaking the routine of daily life.
As a drummer, Michael strives for precision, continuously challenging himself with increasingly complex songs. During practice sessions, he plugs in his headphones, connects to his metronome, and starts playing. While there are many free metronomes available, none offer the detailed resolution he seeks. Michael wants a metronome that can meticulously record his training sessions. He needs to track the duration of each exercise, the speeds he achieves, and how long he maintains peak performance. Additionally, he wants to review his weekly training data to set informed goals for the following week.
USER FLOW
MAIN FEATURES
Lessons & Exercises
The lessons and exercises combine basic musical theory with hands-on practice
Playing Songs
Playing popular songs with varying levels of difficulty, progressing from beginner to advanced.
Free Jam Space
A free playing area enabling users to record and select various sounds and effects.
USER FLOW
VISUAL LANGUAGE
During the design process, it became evident that the desired direction was a clean and modern aesthetic. The challenge lay in achieving a delicate balance that embodied a minimalistic design without appearing empty or lacking.
To achieve this, I incorporated components in a neumorphic style, providing depth while maintaining a clean and refined background. Extensive use of effects such as drop shadow, inner shadow, and blur added a three-dimensional quality to the components. Gradients were also employed to create depth and highlight light and shadow effects. Given that the application caters to musicians, I aimed to design components reminiscent of sound-related elements such as knobs and faders, while also utilizing typography commonly associated with digital devices.
To enhance visibility, strategic accents in a subtle purple hue were introduced to complement the overall aesthetic and provide contrast against the clean pastel background.
VISUAL LANGUAGE
During the design process, it became evident that the desired direction was a clean and modern aesthetic. The challenge lay in achieving a delicate balance that embodied a minimalistic design without appearing empty or lacking.
To achieve this, I incorporated components in a neumorphic style, providing depth while maintaining a clean and refined background. Extensive use of effects such as drop shadow, inner shadow, and blur added a three-dimensional quality to the components. Gradients were also employed to create depth and highlight light and shadow effects. Given that the application caters to musicians, I aimed to design components reminiscent of sound-related elements such as knobs and faders, while also utilizing typography commonly associated with digital devices.
To enhance visibility, strategic accents in a subtle purple hue were introduced to complement the overall aesthetic and provide contrast against the clean pastel background.
DESKTOP & TABLET
Although the application is primarily intended for mobile, we recognized the importance of offering a desktop version as well. This version allows users to explore the application's features on a larger screen while maintaining its clean and intuitive design. Giving users the flexibility to choose their preferred device enables them to tailor their experience to their specific needs.
PROCESS
From the outset of the design process, I understood the metronome page would be pivotal. With the scroll circle as a central feature, I carefully characterized the additional components intended for display. Through iterative experimentation, I arranged these elements on the screen to ensure user-friendly order, maintaining a clean and uncluttered design.
Add Exercise
Metronome
Subdivision
Time Signature
Incremental Tempo Change
Muted Beats Trainer
LIGHT MODE
DARK MODE
PROCESS
From the outset of the design process, I understood the homepage would be pivotal. With the scroll circle as a central feature, I carefully characterized the additional components intended for display. Through iterative experimentation, I arranged these elements on the screen to ensure user-friendly order, maintaining a clean and uncluttered design.
DESKTOP & TABLET
Although the application is primarily intended for mobile, we recognized the importance of offering a desktop and tablet version as well. Those versions allows users to explore the application's features on a larger screen while maintaining its clean and intuitive design. Giving users the flexibility to choose their preferred device enables them to tailor their experience to their specific needs.
LIGHT MODE
DARK MODE
Click Sound
Click Volume
