After getting through a good chunk of my class I decided to put what I’ve learned so far to the test. I created a small challenge of my own to try out my new skills.
Right now a lot current music players look like this with all the player options at the bottom. This makes it hard for tiny fingers to stretch across the screen to either press play or fast forward when using only one hand.
The user could change the orientation of the player buttons so they are within reach when only using one hand?
I started with a paper wireframe of what I think the player screen could potentially look like.
I moved on to mapping everything out in my low fidelity wireframes.
Since I moved the player icons to the right that left alot of open space at the bottom. I decided to fill it with lyrics from the song playing.
I included an icon here on the player screen for the user to be able to switch orientation of the player icons. This way the user doesn’t have to search through settings to be able to change up the look of the screen.
Here is the final player screen with some visual design. I tried to keep it simple and minimal so that the album covers would stand out.
For this screen I wanted to try to do something I haven’t seen on any current music player.
When adding in the details I really started to see my idea come to life.
After the user feedback I went back to the drawing board and created another screen for the album library that represented the classic way of viewing the user’s album library.
Again after completing the lofi wireframes I proceeded with some visual design.
