MUSIC APP – iPHONE X SCREEN

iPhone app screen
POLSKI >>

The registration screen concept for the iOS app on the iPhone X. Product – music service. In the options, among other things, the possibility of registration using the email address, Facebook and Twitter. Let the music play!

The project was prepared using tools such as Sketch, Adobe Photoshop and finally presented in InVision.

ASSUMPTIONS

Application screen for iOS on the iPhone X. It was important to be able to register not only using an email account, but also using your social media accounts – to choose between Facebook and Twitter.

USER PROFILE

The target group are people listening to music on the iPhone, taking into account their diverse needs, when it comes not only to content – for example, musical genres, but also the purpose in which they reach for a music application – e.g. relaxation, improving concentration, jogging.

happy woman in the office with earphones
focused man in earphones after the jogging

RESEARCH / COLLECTION OF DATA / BUILD CONCEPT

After thorough research – among other things after the competition research – the time has come to collect all data and so the first concepts were created. An important determinant was the color scheme – universal, modern and full of energy. Fake logo – designed for the needs of the concept, clearly informs about the purpose of the app ;)

app logo

At this stage, the list of elements that should be included in the registration screen has been ordered, groups are grouped into blocks, classified by importance, and then the first outlines of the registration screen were created.

PROTOTYPE AND FIRST TESTS WITH USERS

As part of the tests, I collaborated with one of the music recording studios. Users – interested in music and the music market on a daily basis, as well as users of music applications, had the opportunity to comment on the design of the registration screen. It was an extremely important stage, due to checking whether the user would not get stuck on the designed screen, whether he would be able to return to the application or go directly to the login panel.

woman with headphones and her smartphone checking an app

DESIGN / PROTOTYPE DEVICE / FURTHER TESTS

At this stage, design was mainly developed. The functionality and location of subsequent tools was already known at this point. It was necessary to refine the appearance, typography, background – that everything should be consistent and clear. This is how the 'user’ icon (John Smith) was created – listening to music in headphones ;)

login app screen

FINAL PRODUCT

The final product is a screen designed in such a way as not only to enable the user to register, but also to make it a fast, easy and, as good as possible, UX Design process. Hence, among others, additions with the text „creat your account and get started in seconds!” and call to action „sign up and let the music play!”.

app screen and woman with headphones