Routers as Smart Home Hubs

Re-imagining Wi-Fi router interfaces for intuitive set-up and control
Current Generative Design interface in Autodesk Fusion 360
The Delivered Design
Re-imagined the Wi-Fi router as an intuitive smart home hub and information node to design a device that seamlessly manages smart devices, monitors internet usage, and provides users with mobile control over their internet and smart devices.
See in detail 🡳
Project Summary

End-to-end user research, product design, and development for a client, delivering intuitive Wi-Fi set-up and management experience through a re-designed Wi-Fi router and a mobile companion app.

My Role
Product Designer

Leading and implementing End-To-End project research, design & conceptualization for client. Collaborating with Engineering & Development teams to translate design into a shippable product.

Timeline

6 Months

Disclaimer

This project case study uses the 'Cisco' brand name for illustrative purposes only and is not affiliated with, endorsed by, or sponsored by Cisco Systems, Inc. The use of 'Cisco' is solely for educational and demonstrative purposes. A placeholder brand name has been employed to protect the confidentiality of the original client. Due to an existing partial Non-Disclosure Agreement, certain project details have been omitted.

Project Kick-Off
"We want to get into the smart-home space but don't want to invest in developing a completely new device. I know its a difficult ask, but we're doing it for business diversification."
Identifying the Problem

What kind of a device to target?

The initial task for this project was to identify an area of work to validate the client's findings from preliminary research.

So I identified the opportunity space....

By mapping out various consumer product categories, a clear gap emerged showing what devices have a balanced proportion of display and control mechanisms.

and two opportunity areas emerged....
Wi-Fi / Mesh Devices

These devices had a very low degree of interaction with humans, with basic displays.

Smart Home Devices

These devices had the most ideal proportion of display and control interfaces.

which led to the discovery of the opportunity space....
Wi-Fi routers & Mesh devices being an outlier indicate that there is an opportunity of intervention.
Understanding the Market

Validating the opportunity based on market demand.

Identifying Market Size, Growth Trends and Forecasts by conducting targeted market research for the South-East Asian smart home device & Wi-Fi Routers/Network Devices.

Key Insights driving Growth
Smart Homes & IoT Expansion

Rising demand in Wi-Fi equipment which supports Smart Home devices and its ecosystems.

Telecom Industry Collabs

Telecom companies are increasingly bundling services with equipment manufacturers for customer retention.

E-Learning and Remote Work

Online Learning & Remote Work is motivating buyers towards reliable Wi-Fi Equipment and services.

Statistical Insights
$ 29.92 Billion

The expected global market size of the Wireless Router market by the year 2033.

$8.58 Billion

The expected global market size of the Home use/domestic use Wireless equipment by the year 2033.

India, China & Japan

The greatest regional market growth globally considering the increased internet penetration & rise of smart home IoT devices.

however, a few challenges were identified at this point....

Inconsistent high-speed internet performance in homes.

Addressing security concerns like phishing and data breaches.

Compatibility with diverse devices and user-friendly setup features.*

But after understanding the market I discovered....
These challenges are inherently infrastructure & service level issues. They cant be solved by introducing a new product into the market.
So how to dig deeper?
Introduce User Research to discover deeper insights about the 'need' factor.
User Research

Identifying the user's interaction patterns with Wi-Fi routers.

Using a discovery based approach, interview studies were conducted which helped decipher a range of insights highlighting issues mainly in the Set-up process for WiFi routers and services.

The Research Process
01

Identified 30 participants who had experience interacting with Wi-Fi devices for either their homes or offices.

02

Conducted 45 minute interviews with 26 participants to understand their experiences related to independent setup of Wi-Fi services.

03

Interviews informed a round of Ergonomic Analysis with 18 participants to understand their interaction patterns with a generic Wi-Fi router.

04

Analysis & coding of data to identify user flows and product requirements.

Identifying User behavior during the Wi-Fi set-up User Journey....
revealed that....

Creating multiple usernames and passwords increased the confusion during the setup process.

and

Un-optimized and sometimes non-responsive web platforms in the setup process led to users putting in frustrating level of efforts.

This led to a short ergonomic analysis to reveal....

Labels and info-graphics are usually not legible as they are tiny when viewed from a normal distance of more than 25cm.

The LED indicators on a router are indistinguishable from each other given the relative scale of each in context to the viewer.

Most individuals place their routers at a height of 6 ft to 8 ft in their spaces 'assuming' it gives them better range and connectivity throughout the house.

User Stories: A Few Highlights
Pravin Shah

32 years old

Home & Office Routers

As a work from home person, everyone uses Wi-Fi at home, even my kids. I need seamless connectivity for both personal and work devices and separate virtual networks. I feel frustrated by cluttered living spaces, there's lots of cables and wires........and confusing labels and lights on my current router.

Jasvir Singh

52 years old

Smart Home Wi-Fi & Mesh

I have a lot of smart home devices so I need a simple internet setup, clear error messages, and VPN integration. I found the on-boarding processes to be complicated and boring which makes my smart home experience feel less 'seamless'.

Sneha Patel

19 years old

Portable Wi-Fi Dongle

The Wi-Fi dongle should block ads, provides fast internet, and track my data usage. But on the other hand I'm pretty frustrated by internet trackers, lengthy activation processes, and inconsistent signal strength in different areas.

all this user interaction helped reveal an area of intervention....

The users face the most friction during the Set-Up process when interacting with a new wireless service.

That is when they interact with the device for the most time too!

this also helped derive some much needed design opportunities....

Enhance Parental & Security 'Controls'.

Introduce independent service set-up procedures.

Real-time network analytics & dashboards for homes.

Concluding Research: Defining the product requirements

Collaborating with the client to define a set of product requirements which satisfy the research findings and business goals for the client.

#1

A standalone router with a clean & modern aesthetic, enabling the device to blend in well with modern day households/living spaces.

#2

Integrating a display in the router, leveraging IoT, for quick consumption of information relating to wireless service usage.

#3

A mobile companion application to control the router's various states, as well as customize the information on the display.

Design

Ideating & Iterating for simpler Wi-Fi set-up process.

Initiating by developing a 'Product Brief' and 'Design Theme-board' to inform subsequent design activities such as 3D form development, Interaction design and UI-UX of the proposed product.

The Design Process
01

Explored product features informed through user stories identified during user research.

02

Identified a theme-board by collecting a few design inspirations reflecting an aesthetic preferred by the identified user base.

03

Defined technical dimensions in conjunction with visual and physical ergonomics.

04

Designing & Conceptualizing the device display simultaneously with the mobile application.

Feature Identification

Brainstorming a range of features which try to solve the current issues the users face. These features are in context to the complete ecosystem and not limited to the device.

Mapping the need for a feature, simultaneously identifying its common existence among competitors through an 'Effort:Impact' assessment.
Collaborating with various engineering teams to estimate the feasibility of the feature within given time-frame and budget.
The Device

Designing & Developing the hardware, transitioning into the design engineering phase in collaboration with the engineering team.

Ideating the form of the device with proportions informed through User Research and a themeboard.
Product Brief

To design a Wi-Fi router for a 'smart, modern home', controllable through a companion mobile application having a display to increase its utility in a domestic scenario.

Collaborating with the engineering team to define technical dimensions for the device.
The Companion app

Ideating the design for the companion app. Collaborating with the development team for final development and production level software.

The goal here was to....
Design & Develop a lightweight app which can be deployed ASAP onto the Apple AppStore.
This was due to 2 reasons....
1

Match the Design & Development timeline of software with hardware to have a complete product ready for launch.

2

Many of the target group users used Apple iPhones as their primary mobile devices.

Hence it made sense to....
Design the Companion App for iOS for the initial launch of the product ecosystem.
So I kicked off by...
Utilizing Apple's
as a base to create an iOS compatible Design System for list items.
focusing on a singular Inset List element to make a scalable system....
which could be stacked....
used as a Toggle List....
used as a Tool List....
used as an Information List....
also as a detailed Data list.
which is compatible with the standard Header & Footer within Apple's HIG.
And transitioned into a short exercise of exploring Concepts

to assess detail, complexities and information flows for the app as well as the device display which 'feels like home' on the iOS platform, however with its own uniqueness and brand value.

Solution & System

Using the Cisco Wireless Ecosystem

The final solution enhances standard Wi-Fi router features with advanced functionalities, all managed via a user-friendly mobile app.

01
Scan to Set-Up

One singular QR code scan to set-up the device, detecting hardware credentials and pairing the device to the mobile app.

02
On-Boarding into the System

By utilizing the existing relation between the device manufacturer & Internet Service Provider, the on-boarding setup process was streamlined and completely migrated to the mobile app instead of the un-optimized and scattered browser based platforms.

03
Home Deck

A one-screen interface including all the features implemented for the system. Interface designed considering scalability and future addition of newer features.

04
Device Modes

A range of modes were designed to add informational value to the product when in functional spaces in a home environment.

Privacy Mode
Network Data Mode
Guest Mode
Reflections

Concluding the project and handing off data & assets.

Leading projects where one is an independent design professional working with teams of engineers is a true challenge in communication. This was such a project.

From research up until the design phase, independence in decision making was a luxury provided by the client. However, once the design and development phase initiated, a lot of constraints popped up due to costs, timelines and availability of resources. Tackling these constraints was a huge improvisational and learning aspect for this project. Collaboration proved to be the best solution to conclude the project!