This UI concept tries to solve a problem that I encounter everyday. You probably listen music on the train or working and we are all drowned in tons of playlists more or less interesting and very often deceptive. The user experience is often a disaster and interfaces overloaded. Cognito is an application that will offer you a single playlist based on instant criteria such as time, activity level of the user, outdoor temperature, weather, heart rate and mood. With all this data Cognito will propose a playlist called "cognitive" perfectly adapted.
Every day, when the user starts his application, this first screen will appear. This is Cognito, personified through a circle that grows and narrows, giving the impression of a breath or a heart that pulse. The goal was to bring to this logo a very organic but minimalist side. The choice of the round logo has been carefully thought out is based on a research on the representation of artificial intelligence in graphic interfaces. Very often represented by a circle.
This screen presents the data that cognito will exploit :
First name of the user
The outside temperature
The heart beats (if the user is equipped with a connected watch) .
To the playlist proposed in the end is really personalized, I found essential that cognito uses your mood of the moment. This is where the user intervenes in a second screen. We find cognito asking us how we feel now. To answer 20 of emotional cards are proposed to define our mood. Each card contains a emotion representing a positive or negative emotional charge. The user pushes to the left to invalidate the card and to the right to validate it.
For example "tired" at a rather negative emotional charge while "romantic" is rather positive. We can imagine a load ranging from -10 to +10 through 0 (neutral) for each card proposed emotion.
Unce selection is made, the user arrives on the third screen validation. Summing up his choice in a card and his emotional score out of 100. Given a value to the mood of the user gives context and meaning to algorithm and its work, it shows how important this data is.
The emotional score of the user will not influence the quality of the proposed playlist. Indeed, we can imagine that a score of 20/100 may propose (together with other user data) a nice playlist of jazz .
It was necessary to work the organic aspect of the application. Too rigid an interface packed with AI or algorithms can confuse and completely skew the user experience. Add an organic touch to soften the experience and spend a playful moment.
Two examples of UI tests:
To access the main screen, proposing the cognitive playlist, it was absolutely necessary to add a waiting screen. Necessary in the user experience, this screen highlights the work of algorithms. This screen also makes it possible to create a transition between a very emotional UI and user data centric on the much more classic main screen on a white background.
The choice to return to a more traditional interface on the rest of the user experience helps to reassure and regain control of the application. The rest of the interactions is fairly traditional. A press on the cognitive playlist will launch it automatically. At any time the user can return to the screen 1 allowing to update the emotional playlist by simply pressing the cognito logo at the top right.
The music player is contextual and persistent. It narrows at the bottom of the screen if you navigate in the rest of the application. Each piece can be kept in a classic playlist called "personal playlist" allowing algorithm to improve by understanding even better the taste of the user but also allows it to return to this playlist to be certain to listen to quality pieces.
The app is also a limited social network. It makes it possible to display profiles of users who have the same type of cognitive playlist at the same time. It is possible to view the profile of each person and follow in time.
Here is the complete interface with the user path.
If you like, buy me a coffee ?