Rádio Comercial App – Show Case UI / UX

Trying to improve our app and website is a constant challenge so I decided to focus on some issues in the current app and make it more intuitive, complete and easy to use.

The current app layout is quite recent so the main propose is not having a big design change but solving some of the visible problems.

1- Accidental Clicks

One of the main problems we are facing is the accidental “clicks” that lead users to listen a Digital Radio (Radio Comercial Rock, Dance, Slow Down, etc) instead of the Radio FM, and it takes too long for them to realize that are listening the wrong Radio! So, to solve this problem I made the following changes:

  • Changing the position of the Digital Radios section to the top and transforming it into a Tab. Also putting a small arrow above it and reducing the opacity of the remaining tabs helps reinforcing witch Digital Radio is active
  • Adding a loading red circle around the Radio the user is listening to. It contains the image of the show currently playing and it is a progressive spinner with the duration of  the current show.
  • Adding a central text element to the player that shows the name of the Radio the user is listening to.

2 – Navigation Menu

  • A CTA “Ouvir” = “Listen” was added as the central element of the menu to help users find the main feature of the app, witch is listening to Radio Comercial.
  • Whenever the app is playing, the menu changes and it shows witch radio/show/podcast is on. The current song/episode playing is also shown and it has a red progression bar below.
  • The page “Últimas” = “Latest” was added.

3 – Screens

  • To ensure that the users find the information they are looking for, some changes were made. On the right side of each category a link was created: “Ver Todos”=”See all”
  • The “Últimas”=”Latest” page is new, with fresh and amazing content for the users! It has sub categories and in addition to the news, there is a slider for our highlights
  • “Videos” and “Podcasts” pages: a search bar was added because we have a lot of content and it’s crucial to help people find what they want. At last, the top categories are now available.

And that’s it! I hope you like it!