New device detail section in SmartWifi
The device detail section shows all the information that helps you to identify the devices connected to your WiFi. Redesign the device detail section in the Smart WiFi app. Smart WiFi can grow in features leveraged on devices. The goal is to have a device detail section that allows for services to be presented to the user and managed.
Smart Wifi is an exclusive and free service for Movistar customers. With him you can manage the connectivity of your home, both when you are inside and outside it. It answers questions like «Who is using my wifi?»

The device detail section shows all the information that helps you to identify the devices connected to your WiFi.



Team & Roles

1 Experience designer and 1 Product Manager


3 weeks
Allows you to interact with your device doing these basic actions:

  • Pause the device
  • Block the device
  • Forget/unlink the device when disconnected
  • Edit the name

The information showed includes:

  • State (Connected / Disconnected)
  • First Connection
  • Last Connection
  • Network type (WiFI, Ethernet)
  • IP & MAC
  • Pause button
  • Block button
  • Edit button


As we discussed before, the main goal was to show a way to access Smart WiFi services offered from this section. As a secondary goal is to improve the UI and UX of the fundamental interactions, we had to find the solution to find the best user experience.
Old design vs New design


We analysed the two different aspects of then current device detail section:

  • From the UX perspective.
  • From the UI perspective.

UX Analysis

Pause button location

The pause button is on the header, and this the primary interaction you’ll have with this section, and it was not very handy.

Block button

We have another button to block the device, which, according to the data and research did some time ago, was confusing about which one should they use and when.

Forget/unlink the device

To forget a device means that once the device is witched off, the user can remove from the deiveces list. On a deeper navigation level, the Forget action was on the Edit device section and not intuitive for the user.
Arranging the technical information to be shown more intuitively.

My device detail

Since we can perform at least one destructive action (block the device), we added a label indicating the device from where you are using this app.

UI Analysis


The design doesn’t match with the rest of the sections and features on the app.


New arrangement of the information shown in this section.

We developed three different solutions based in the previous analysis.

Proposal 1 - With two different tabs

Proposal 1

2 tabs: About my device and Services Smart WiFi

  • Same level of hierarchy and it promotes the ability to scale (For instance, we could switch the tabs easily, showing first the Smart WiFi services)

Proposal 2 - Scroll

Proposal 2

All content in the same section, at the first level, with horizontal scroll.

  • Limited ability to scale when using that horizontal scroll (for instance, if we develop new technical knowledge we can show to the user)
Proposal 3 - “Sobre mi dispositivo” goes to the second level, with a card format.

Proposal 3

«Sobre mi dispositivo” goes to thesecond level, with a card format.

  • The pieces of information that help you identify the devices are on a deeper navigation level.
  • Limited ability to scale for new features.
Proposal 1 - With two different tabs


We finally went for proposal 1. We took the decision based on:

  • We evaluated the pros & cons of each proposal.
  • We collected feedback from the rest of the designers in our team, our product owners, and Telefonica’s business core.
  • Also, from the development team to see the time and
    resources needed.

Final thoughts

Where are we?

The new design is under development at this time. We can expect to launch it in July 2021. Then we will start to collect
data for the next iteration:

  • Which tab the user uses the most, including swipe behaviour and scrolling up and down to find the device section’s new block?
  • How long do they stay in both tabs?

What we’ve learned from this project

  • We should only have sent to the core business of Telefonica only one of the proposals. We needed to be able to have convinced the PMs to do that, especially if we have a suggestion that we already voted to be the best.
  • Deeper investigation of the previous formats, better analysis of the data we are collecting and promote the use of the Design Thinking + Sprint methodologies.


Siempre abierta a escuchar nuevos proyectos.

Linkedin SusanaMedium Susana HerrerosFlickr Suburning