top of page

Talking Guide

TG-main.png
tv2.png

The Story

The accessible user can be a forgotten user when it comes to designing for TV. Most of the time people tend to design for themselves and forget the needs of others. Although visually impaired or blind people may not seem like the type that would 'watch' TV, they are a part of a group that does invest in this type of entertainment.

​

The Ask: Create a feature for the accessibility user with visibility issues to make it easier for them to move around the STB and find things to watch.

Project Details

ROLE: UX/UI Designer

TOOLS: Excel, JIRA, Phototshop

The Research

We did extensive research to understand what the FCC mandates were, what areas of the STB that was going to be affected along with who we were building for.

Who are we building this feature for?

Accessibility allows for control functions to be locatable, identifiable, and operable by those:

​

•  without vision

​

•  with no vision and limited or no hearing

​

•  with little or no color perception

What are the FFC Mandates and what screens are affected?

FCC Mandated Control Functions

The Affected DIRECTV Screens

•  Channel/program selection

​

•  Display channel/program information

​

•  Configuration – setup

​

•  Configuration – CC control

​

•  Configuration – CC options

​

•  Configuration – video description control

​

•  Display configuration info

​

•  Playback functions

​

•  Input selection (Not in Scope)

•  Live TV & Channel tuning

​

•  Channel Banner

​

•  Trick-play control

​

•  Guide

​

•  Info Pages

​

•  Recordings

​

•  Menu

​

•  Smart Search

​

•  Settings & Help

What are our options?

tg-researchmain.png
tg-researchmain.png
tg-researchmain.png

Competitors we looked at.

tg-researchmain.png
tg-researchmain.png
TG2.png

From the evaluation, there were two directions:

Use Case 1

Visually make items on screen bigger when option is selected by the user.

TG2.png

Use Case 2

Screen talks to user, depending where they go or what they do.

Design Approach

•  Determine which of the two directions  would help enhance current experience. (We went for Use Case 2)

​

•  Determine speech models that could be used in multiple areas

​

•  Create flows and test 

The Breakdown and Iterations

We started with breaking down each screen to possible templates of how it could be read.

Where am I?

What am I interacting with?

What shortcuts are available?

Generic Speech Model

​

Channel

Content

Hints

Payment State

Time State

Guide Speech Model

Screen

Content

Hints

Nav. Menu

Time State

Content Header

Channel

Payment State

Menu Speech Model

From there I started creating the different scenarios from each section to see how each template held up.

TG-first-pass.png
TG-first-pass.png

User Testing and Updates

User testing was done  with various users with visual disabilities. The overall view of the product was well received with a few adjustments to certain areas.

TG-testing1.png

Before Testing

​

TG-testing2.png

After Testing

​

The Final Product

The design is out on current products and is constantly being updated due to the updates being added to the app.

tv2.png
bottom of page