Favicon White.png

CISCO VISION LOCAL CONTROL 

 

The Local Control app is a consumer facing product intended to give suite and other area guests the ability to control their surroundings. Some main actions the app would provide included controlling TVs within a suite or area, viewing replays provided by the venue, ordering food and merchandise, requesting maintenance or other assistance needed, viewing stats, social media postings, and events. 

There is also opportunity for ad or content placement as well as full brand customization of the app. In order to grant venue employees control of these areas and decrease continual revision efforts by the Local Control team, an admin portal was also in development at this time.

Time on Project: 6 months

MY ROLE 

 

I led the design and research efforts for this project as well as contributed to collateral development, project planning, product roadmap, and backlog management. I was responsible for the experience strategy, UX/UI design, research facilitation, and analysis for this product. 

 

An important piece to this process was the ability to showcase sports teams and venue branding within the Local Control prototype. This re-skinning of the prototype displayed a real world use of the application to potential customers. By utilizing InVision, Craft, and Sketch libraries, other team members could quickly and easily create a custom prototype for their target audience. 

While there were many interested parties based on the Local Control concept, the UX team was dismantled before continuation and completion of the app. Below is the process of that concept development. 

SKILLS USED

  • UX/UI Design 

  • Human-Centered Design

  • UX Research

  • Competitor Research

PROJECT DELIVERABLES

  • Sketch Files 

  • InVision Prototypes

  • Design Review Docs 

  • UXR Documentation

TOOLS USED

  • Sketch + Craft

  • InVision: Prototyping App

  • Adobe Illustrator & Photoshop

  • JIRA: Project Management Tool

PHASE ONE

UX/UI REVIEW & INITIAL UPDATES

VERSION ONE: SAN FRANCISCO 49ERS

 

Coming into the project, there were some apparent navigation and UX issues. The team was working on the first release of Local Control at Levi's Stadium, then referred to as Suite Control, with a third-party development company overseas. I reviewed the app design and additional requests from Levi's with my UX manager and software developer before beginning the revision process.

Below are screenshots of the app as it was when I joined the team. Additional requests from Levi's included maintenance and utilities request pages with integration to the 24/7 API, ability to call a suite attendant for assistance, and a secret button for employees to exit the app or enter a different suite PIN. 

INITIAL DESIGN UPDATES

 

Since the 49ers had already started their season, the initial focus was on implementing the additional feature requests and improving the basic navigation and flow of the app. This was done by adding a feature selection page which could be accessed from the main image carousel as well as including back buttons on each page. 

CVLC_49ers 01 Carousel.png
CVLC_49ers 02 Carousel.png
CVLC_49ers 05 Home Screen.png
CVLC_49ers 06 TV.png
CVLC_49ers 07 Food-Menu.png
CVLC_49ers 08.1 Concierge.png

PHASE TWO

DESIGN OVERHAUL & USER RESEARCH

UX/UI DESIGN OVERHAUL

 

In order to improve the user experience of Local Control and maintain consistency across our incubation products, the sidebar navigation and titlebar components were implemented. From there, I designed the feature pages with a more modern, user-friendly approach.

Roadmap features were included and displayed on the sidebar but their content was not shown to user testing participants.

Carousel 2.0.0.png
Carousel 1.0.0.png
Carousel 1.1.0.png
TV 0.0.0.png
TV 1.1.1.png
Replays 0.0.0.png
Replays 1.0.0.png
Food 0.0.0.png
Food 1.0.0.png
Suite Services 0.0.0.png
Suite Services 2.0.3.png

USER TESTING

 

Unlike many other Cisco products which are enterprise related, Local Control was a consumer facing product with a much broader user base. This enabled us to recruit participants and test the prototype with much more ease. However, confidentiality and internal legal requirements were still a factor. Because of this, we chose to test with internal Cisco employees and external parties who had an NDA signed by their company and stored on file.

TEST PLAN 

02 Test Plan.png

DATA ANALYSIS

00 Intro.png
01 Participants.png
02 Overview.png
03 New Ideas & Suggestions.png

PHASE THREE

FINAL DESIGN DIRECTION

FINAL DESIGN DIRECTION

 

After the user testing sessions, I discussed proper UI component building with our lead front-end engineer and revised the design based on an 8px grid in order to ensure responsive layouts. This is the design of Local Control the development team was working towards while I took on other projects. When time came to build out the rest of the features, I would be brought back for design, research, and grooming. Unfortunately the team would not have the chance to complete this project, though I do believe that if Cisco were to continue its development in the future, they would have both the design and development documentation needed to do so.

Carousel 1.0 Prototype Intro.png
Carousel 1.0 Prototype Intro_HELP.png
TV Control 1.0.png
TV Control 1.0 with help.png
TV Control 1.1.png
TV Control 1.2.png
Replays 1.0.png
Food 1.0.png
Suite Service 1.0.png
MerchShop 1.0.png
Stats Central 1.0.png
Game Center 1.0.png
Social Hub 1.0.png
Events 1.0.png
303.803.2161
Denver, CO
  • Email
  • LinkedIn
  • Twitter