Xylophone music & fun!
Xyloph is a user-friendly app that transforms the traditional xylophone into an easy-to-use digital experience. Designed with both educational and recreational purposes in mind, it offers 8 musical notes and customizable key designs. Xyloph combines simplicity with functionality, making it an excellent tool for learning and fun.
Xyloph features an easy-to-use single screen interface with 8 xylophone keys and two additional buttons for extra features.
The app allows you to:
Version 2.0 of Xyloph was developed in response to user feedback, particularly from a music teacher whose students are using the app to learn musical notes. This update focuses on user needs, incorporating improved musical notes and enhanced iPad compatibility. Additionally, a new paintbrush feature allows users to practice with color codes matching Boomwhackers, addressing specific educational needs.
The mockups were created using Affinity Designer, focusing on a minimalistic approach with only two screens to ensure ease of use.
- Button designs are based on UIButtons and Apple's system colors.
- The quality of the musical notes has been enhanced in this version for a better user experience.
This version of Xyloph was transitioned from UIKit using storyboards to SwiftUI, modernizing the development process.
Comprehensive testing was conducted across all available iPhone and iPad devices to ensure consistent performance in both landscape and portrait orientations.
Key elements used:
- Launch screen storyboard.
- AVFoundation framework for audio management.
- Special padding considerations for iPhone SE and iPad devices.
- GeometryReader for size detection for orientation adjustments.
