Norton VPN Split Tunnel
Feature Design

Table Content

Overview
Challenges & Goals
Approaches & Researches
Designs
Results & Learning

OVERVIEW

THE TEAM

  • Lead UX/UI designer - Me
  • UX researcher
  • UX writer
  • Product manager
  • Engineering teams (Desktop & Mobile)

TIMELINE

March 2020 - July 2020

RESPONSIBILITIES

To accommodate the needs of advanced users, the Split Tunnel feature was added.

As the lead designer for this project, my responsibilities included:

  • Conducted a competitive feature analysis
  • Designed for cross-platform and cross-product compatibility
  • Assisted with rapid prototyping and user testing

CHALLENGES & GOALS

1EXPLAINING THE TECHNICAL DETAILS LIKE I AM FIVE

According to Webopedia, split tunneling is "the process of enabling a remote VPN user to access a public network, usually the internet, while also being able to access resources on the VPN." My goal was to present this concept to users in the most straightforward and visually compelling manner possible.


2DESIGNING FOR MULTIPLE PLATFORMS & PRODUCTS DURING THE REDESIGN PROCESS

At the beginning of my involvement in the project, the team was already working on redesigning Norton Secure VPN for cross-platform use. This required the design to be compatible and consistent across old and new versions since the split tunnel feature was rolled out before the new redesign was released.

Additionally, we had to consider that our Norton Security desktop product already had a VPN feature, which meant that my design had to be adaptable to that product as well.

APPROACHES & RESEARCHES

1COMPETITIVE FEATURE ANALYSIS



After reviewing the initial PRD and conducting competitive feature analysis, we determined the MVP features for Norton Secure VPN's Split Tunnel settings. These features included:

  • The ability to exclude both applications and websites from traffic
  • Highlighting the app's reliability and affordability

2USER TESTING


DESIGNS

1IDENTIFY MAIN TASK FLOWS



By identifying the main task flows, I was able to conceptualize a template or framework that could be customized and implemented across various platforms and products.


2DESIGN PROCESS


WIREFRAMES




USE CASES




OTHER PLATFORMS

Norton VPN Desktop (Click to zoom)


Norton Antivirus Desktop Product with VPN Feature (Click to zoom)


3USER STUDY

The study was conducted by our Senior UX Researcher. I participated in all of the sessions to provide assistance and answer any questions users may have.

Study purpose: To test how an average user understands the Split Tunnel feature.

User Demographics: Total of 13 participants

  • Two groups: 7 current Norton VPN users & 6 non Norton VPN users (Nord, Hotspot, PIA)
  • 11 males & 2 females
  • 10 users: 20-30 years old, 1 user: 31-40 years old, 2 users: 60+ years old
  • Mixed devices on which they use VPN: smart phones, tablets, desktops

Test Use Cases:

  • New feature announcement
  • Trying to understand what the feature is
  • Interacting with the feature
  • Feedbacks

Summary

  • No users had heard about Split tunnel. All users were confused by what it was and the purpose of this feature.
  • 2 users did not even want to explore it, as they were not sure what it was. They did not think it was important to navigate to it to understand the feature. Few users upon reading the information on the screen understood the purpose of the feature.
  • Most users mentioned that the information on the screen was confusing and not clear. Most users had to be explained the feature. Post explanation users mentioned that they would use the feature.
  • Two users suggested adding examples to explain how the feature works.

4ITERATIONS

“Speak Human. Feedback is for human beings, so address them as such. Use the words your users use.”

Dan Saffer - Author & Director of Interaction Design @ Smart Design

Note: The user study was performed using a desktop prototype, so the revised version based on user feedback is specific to the desktop platform.

Working alongside our copywriter, I simplified the language and incorporated an onboarding process to enhance user-friendliness, digestibility, and visual effectiveness in explaining Split Tunnel.

RESULTS & LEARNING

“Split Tunneling worked as advertised in our testing, and we appreciate that this feature is designed with the assumption that all apps you don't select will use the VPN.”

Max Eddy - PCMag

WHAT I LEARNED:

Prioritizing the MVP: When designing a new technical feature, it's important to identify the minimum viable product (MVP) features that are essential for the initial release. Focusing on the MVP can help you stay on track and avoid feature creep, which can lead to a bloated and confusing product

User testing is king: Through user testing, I gained insight into how users struggled with the new technical concept, which allowed me to be more empathetic and iterate a more user-friendly approach to educating them on Split Tunnel.

DISCLAIMER: This product is property of NortonLifeLock Inc. All involvement and designs were done while collaborating with the Norton Global Product Design team.

CHECK OUT MY OTHER CASE STUDIES :)