Psafe Floating Window case.
Rodrigo Esch
UX Lead at Oi
Made with

Psafe Floating Window case.

Tiny and measurable changes.

“One accurate measurement is worth more than a thousand expert opinions.”

Grace Hopper, computer programmer pioneer

Psafe Floating Window case.

The Psafe floating window improvement

Through a very small floating circle shaped widget at the home screen, the PSafe TOTAL (a complete maintenance suite for Android phones) user, can free memory in his/her smartphone and even control basic system functions.

The floating window shows, at the beginning, a few toggles and controls.  The user must open the bottom drawer clicking and dragging the window to view all the controls.

There is a upper message area in the window, with security and usage tips. On the bottom part of the interface, icons to control the PSafe App and get access to further configuration.

My Role

As a Information Architect, I was requested to make the following adjustments, focusing in metrics to achieve greater engagement and revenue.

1 . Insert a ad placement in the interface, to generate more revenue;

2 . Improve general usability and dashboard user experience;

3 . Adapt a outdated look & feel to the Material Design guidelines.

Understanding the user through metrics.

Psafe Floating Window case.


To understand user behaviour, we took a look at some of the Dashboard usage metrics regarding elements and the general state of interactivity.

Psafe Floating Window case.

So the data give us some insights…

  • Drawer: An usability blinking red light warning. Not used very much, and could be making an impact on some toggles performance, specially the ones that were hidden.
  • Memory, flashlight, data and WI-FI: heavy usage by the users. Will be privileged in the upcoming solution, making to the first line of icons in the interface.
  • Resposta, brightness (brilho), snooze (soneca) and tone (toque) are the following ones with good usage too.
  • Brightness, snooze and tone will be, as the data shows, the next toggles in a sequence. A sequence started with flashlight, data and WI-FI.

Psafe Floating Window case.

Slicing the window

The Floating Window was divided into 5 areas of interest:

  1. Header (logo, settings and total apps icons and warnings)
  2. Memory
  3. Fist line of toggles (most used)
  4. Second line of toggles (space to usage testing for different toogles)
  5. Ads and Messages


Defining Architecture.

Psafe Floating Window case.
Psafe Floating Window case.

Interaction and visuals.


The following screens presents the Material Design already applied, with native Android icons from the guidelines, except for “Soneca” and “Total Apps”.

Psafe Floating Window case.


The brightness toggle use the native Material Design iconography to show the 4 states of the system: automatic, low, medium and high.

Psafe Floating Window case.


In soneca toggle, its important to analyse the user metrics, to know which are the most used options. We choose just 2 types of snooze, to simplify the interaction.

Psafe Floating Window case.


Memory cleaning function: when the user clicks on the button, the button changes to show activity happening.

Psafe Floating Window case.

Prototyping.


Below, the prototype made with Pixate to illustrate the microinteractions.

Next Steps:

To verify the results of the new design and its UX strategy, here are the main metrics suggested to follow the changes performance:

  • Conversion rate generated by the Total Apps icon and the ad, at the bottom of the window;
  • Revenue;
  • Average revenue by user/session;
  • Retention rate (+1 session);
  • Retention rate of each interface element (+1 session);
  • Usage frequency of each item;
  • Users per item.


Learnings and Takeaways

When it comes to iterate a product already shipped, before any user research and get straight to wireframing/prototype, its very important to take a look at metrics first. A change in the wrong place can upset users and affect conversions and revenue. It’s crucial to compare metrics of a period to the related previous period, to understand better users behaviour patterns and seasonality.

Regarding this particular UX case, through metrics insights we redesigned the floating window, an important piece of the PSafe app user flow, putting the most used functions first, creating hierarchy and well defined interface areas and updating the general look & feel.

When it comes to a product with a large user base, it's best to make small improvements, and measure then, instead of making big changes.