Verizon

My experience being a UX design intern during the Summer of 2022

Details

My role: UX Design Intern
Duration: Jun-Aug 2022 (3 months)

Team

1 UX Designer, 1 UX Design Intern, PM, Engineering team

Tool

Figma, Slack, Miro, Asana

My Internship Overview

Over the summer of 2022, I worked as a UX Design Intern at Verizon. During my 12-week internship, I worked on various projects for Verizon business and Verizon Design System. Since most of these projects are close to public release/shipment, I want to share a high-level overview of my learnings and takeaways. Overall, I dived into four different areas of design during my internship: UX research, visual design, interaction design, and delivery.

Main Project

Projects I got to work on ➡️

I had the chance to work on many different projects. These projects ranged from small components or landing pages to bigger projects that impacted the entire design org or business at Verizon. The following projects were my favorite and I had the most fun with them.

1. Product Detail Page Redesign
I scoped, iterated and redesigned customer-centric experiences for PDP page.

2. Design System
I owned VDS Brand 3.0 from conception, auditing, iteration to delivery.

Project 1: Product Detail Page Redesign

Overview

Background:

  • The MyBusiness mobile web has a significantly broken user journey
  • Conversion rate is low, less than 1% for 41K unique logins

Objective:

  • Redesign the Product Detail Page (PDP), as part of a key revenue-generating flow

Key Problems

  • Placement of Promotions is distant from payment options
  • Product image is large for mobile web
  • Contract payment options are not clear
  • Product review and Product recommendation section not visible right away
  • Difficult to find “Add to cart” button

Recommendations

  • Move promotions closer to payment options
  • Reduce image size to fit viewport
  • Provide additional content to explain to users the differences between payment options 
  • Move product review section on the top and use accordions to reduce the length of the page (less scrolling required)
  • Difficult to find “Add to cart” button

Key Updates

1. Accordion Menus & fixed CTA

  • Accordions reduce cognitive load & vertical height of page
  • “Add to Cart” CTA, which directly impacts revenue, is always easily accessible

Current Design

Redesign

2. Payment options

  • Provide users with more explanation differentiating each of the payment options

Impact

  • Users will be able to make their selections and add a device to cart within just a few minutes, conveniently on their mobile device
  • Design updates will help streamline a critical revenue-generating flow and boost conversion rate

Project 2: VDS Brand 3.0

What is Brand 3.0?

Verizon have a design system called VDS-Verizon Design System. Brand 3.0 is a new chapter in Verizon Design system’s visual identity. In Brand 3.0 we have been updated fundamentals and components to reflect new and updated brand design attributes  It includes the changes to typography, shape, space, and introduced components such as tiles and carousel. Verizon Brand 3.0 has been released system-wide in Q3 of 2022.

Tile Container

Tiles have been introduced in brand 3.0. Earlier than this tiles were not part of the Verizon design system. The very first thing we did was audit all of the tiles. We went through the Figma files and pulled tiles we were using and put them in one place. The goal was to identify patterns and evaluate tile container width and padding proportions. Based on that we have figure out the problem areas and as a part of our work was to make recommendations for improvement that have already been included in VDS standards.

Findings

  • Title sizes appeared disproportionate to the padding.
  • We found good title sizes are determined by how proportional the titles look compared to the padding around them.

Recommendations

1. Tile Container Width and Padding Proportion

  • By calculating the padding relative to the width of the tile, we found that we are consistently recommending a padding value that takes up 10-24% of the tile.
  • Following the tile width and padding proportion will help user to find and digest information presented in the tile more easily.

2. Rounded Corners

  • We proposed rounded corners strategically and with purpose on tile components to create a sense of depth, dimension, and approachability within our designs.
  • We have two types: 8px, 4px. Larger components like Tile media have a rounded corners and of 8px, while smaller components like checkboxes have 4px radius.

3. Component Scale

  • As components increase in scale, we propose to increase spacing between components.
  • As scale of container increases, the padding within components also increases to scale proportionally.

VDS Documentation

Goal:
To establish a documentation template structure that highlights usage and responsiveness and generate approachable usage guidelines.

Collaborators:
Tim Hose (Brand Designer), Preeti Ponkiya (Design Intern), Andrew Pendleton (VDS Engineer)

Stakeholders:
VDS Design Leadership, Internal product teams

Contributions:

  • Influenced structure of articles adopted by designers on the team
  • Created documentation that other designers can apply to custom solutions
  • Established content for usage and responsiveness

Micro/macro systems thinking for multiple use cases

The typical user interactions for control inputs are its "unselected"/"selected" states. However, one control element can contain a variety of use cases that multiplies to a greater number when applied to other control elements. Design system thinking requires a merge of visual design application and user psychology to think about technical refinement and human behavior interacting with the interface. After getting the context of how these pre-generated control designs and color palettes are used in the system, I was able to experiment and articulate each interaction state with purposeful shifts in color to indicate a particular user behavior, i.e. doted lines for focus state (accessibility), darkening for hover states, fading for disable states, etc. 

Clarifying focused states for keyboard tab order accessibility

We finally had the opportunity to clarify the use of "focused" states for users who use keyboard tabbing on their desktops to access information on Verizon’s website, envisioning how that would translate across the system.

Recent 2022 website update with focused states implemented! 

Final Screens

Based on the new design guideline VDS 3.0, we have started integrating the design system throughout our platform. It was my responsibility to redesign the User account page by following new design guidelines and components. 

Before
After Redesign

Learnings & Takeaways

UX Design is Interdisciplinary

Majority of my time was spent collaborating with data engineers, developers, Product Manager, UX Researchers, and UI designers all from different backgrounds. I took action by scheduling my own meetings with stakeholders to get the feedback that I needed as well as conducting research to validate my designs and make sure that they were feasible and accessible. This gave me the opportunity to improve my decision making skills and apply my customer-first thinking to backup my design decisions.

Design system and its pros and cons

During my internship, I had the opportunity to get involved in elements design for design system. It gives me the chance to learn how to utilize design system and its limitations. Design system can not only speed up designer's work - but it also facilitates developers' work. More importantly, it benefits users too - lower associates' training cost, lower their memory burden and the possibility of making mistakes. But design system also has its limitation, sometimes in order to follow it, we don't choose the best solution. That's why balancing between following patterns and meeting user's needs is crucial and difficult.

Disagree and Commit

I learned to proactively seek for critique, but also make sure to be confident in my own design decisions. After every meeting with stakeholders and my team, I received a lot of valuable feedback from different perspectives which made it challenging to apply all the feedback into my designs. Throughout my internship, I learned to advocate for my final design decisions and make informative decisions based off of research and talking to customers.

• • •

Thank you for reading!