iPhone
The volume element has a big influence on the iPhone. When pushing the volume up or down, the element covers ~9,60% of the whole iPhone screen. Because you actually need to physically push a button on the iPhone or headphone controller, you don't need the information that big.
iPad Air 2
The volume control on the iPad Air is 310x310px, which is ~3,05% of the whole screen. This doesn’t seem to be much but it makes a huge difference (e.g. in games because the element is right in the middle).
The volume element takes about 2,10 seconds to disappear from your screen which can be really annoying when playing games or reading the news.
Where to learn from?
Many apps many different designs. There are many apps which already offer better or other design solutions. In my opinion, YouTube solves the problem in a good way with a small volume element which doesn't disturb the actual content. Even within the Apple Music app, there is another design for the volume control.
Where to learn from?
Many Apps many different elements. There are many Apps which already offers better or other design solutions. In my opinion YouTube solves the problem in a good way with a small volume element which don't disturb the video. Even in the Apple Music App there is another design for the volume control.
The Solution?
My approach is to move the volume element to the top and to make it much smaller so it doesn't bother the user anymore. I also tried to combine it with the design of the status bar. So when the status bar is blue, the volume element will have a blue gradient overlay.
In Use
The above solution will be compatible with the iPhone and iPad. On a MacBook or iMac there might be an element like a push notification that user already knows from incoming mails etc.
