Clarify Chrome Extension

Identifying Indirect Language In Emails To Foster Clear Communication In The Workplace For Everyone

Concepting, designing, and prototyping to solve
problems and create exceptional experiences

Summary

Clarify's Chrome Extension is a email plug-in that allows neurotypicals (those without Autism, mental illness, or intellectual disabilities) to identify confusing language that can not only confuse people with Autism, but also people who hate unnecessary ambiguous language.

Details

Date: 

October 2017

Client: 

VCU Brandcenter

Category: 

Campaigns / Causes / Product Innovation

Skills: 

Concepting / User Experience / Prototyping

Objective

Find a way for those with High-Functioning Autism (HFA) to better navigate the workplace

In the realm of resources open to people who are on the Autism spectrum, choices are very select, especially for those who are high-functioning. After leaving college, young professionals with HFA are left by themselves to face the challenges of the workplace, while neurotypicals are equally ill-equipped to understand how to work along side HFA individuals. Particular obstacles to working seamlessly with co-workers include overstimulation of the environment, difficulties in social interaction and verbal and nonverbal communication, etc.

Concept

Redefine the ask: How can neurotypicals make it easier for HFA employees to better navigate the workplace?

Existing programs and solutions are geared towards HFA individuals better fitting in with neurotypicals, yet we found that if neurotypicals changed just one aspect of their daily communication habits, it would make such an impact. Even if there are not any HFA employees at your company, everyone is annoyed at the typical ambiguous or passive-aggressive email from a co-worker. Without further context, anyone, neurotypical or otherwise, has a hard time parsing through indirect language to the point of affecting our productivity and feeling of camaraderie with our co-workers.vides context in the X, Y, and Z axises instead of just two like traditional mobile applications.

Solution

Clarify: A Chrome Extension that spots and helps to correct indirect language

Clarify's Chrome Extension is a email plug-in that allows neurotypicals (those without Autism, mental illness, or intellectual disabilities) to identify confusing language that can not only confuse people with Autism, but also people who hate unnecessary ambiguous language.

How it works

Compose - "Clarify" - Correct - Send

After writing an email, the user can opt in to check their email for unclear words or phrases by clicking "Clarify." If a phrase is detected that is ambiguous or indirect, it highlights the word and pops up a dialog box that says why the word has been selected and how to correct it. After the words have been addressed, the user can send the email worry-free that their email can be understood by colleagues and clients.

Awareness: Interactive YouTube Ad

"What do you mean?" Game Show
(click the squares for alternate interpretations)

To raise recognition of indirect language in people's everyday language at work, we created a series of videos using a phrase that have multiple meanings and creates uncertainty about what the person meant. In the video above, the phrase was "come by my desk anytime." Viewers can click on the info card to access the subvideos showing the consequences of interpreting the language in various ways. While hyperbolic, it demonstrates the point that by being clear the first time around, it can remove any hesitation and miscommunication to help everyone. It would be accessible through LinkedIn users clicking on a sponsored ad or by being shared with a connection.

Concept

Use AR to animate instructions right off the page for improved context

AR provides two key features that help users further understand their environment. 1) It puts in augmented content wherever the user holds their phone camera and 2) Provides context in the X, Y, and Z axises instead of just two like traditional mobile applications.

Why this works

Use AR to animate instructions right off the page for improved context

IKEA Assembly is a mobile application that uses augmented reality to place animated instructions into the user's environment.  The little details and context that get lost in a picture can be clarified by the user walking around, moving closer and away from the model, and iconography representing key tools and actions needed.

Why this works

Raises Awareness

Raises awareness and recognition about indirect language in the workplace and provides a solution.

Get to the point

Helps neurotypicals and those on the spectrum become more direct and clear in their communication in their emails.

Easy to Use

Users are already used to auto-correct and spell-checkers, so adding another "communication check" works easily into their workflow.

The Process

behind-the-scenes: user Flow sketches and prototype iterations

Concepting, designing, and prototyping to solve
problems and create exceptional experiences

Lorem ipsum dolor

Another needless source of question marks over people’s heads is links and buttons that aren’t obviously clickable. As a user, I should never have to devote a millisecond of thought to whether things are clickable — or not.

Button Text

Sit amet elit

Your objective should always be to eliminate instructions entirely by making everything self-explanatory, or as close to it as possible. When instructions are absolutely necessary, cut them back to a bare minimum.

Button Text

Features

Feature one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature five

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature six

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature seven

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature eight

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Features

Feature one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Features

Feature One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature four

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature five

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Feature six

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

The spectacle before us was indeed sublime.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Features

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Lorem ipsum dolor sit amet elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Button Text
Prototyping

This was the first prototype without a separate clarify button. The functionality was embedded into the send button of the email provider.

This was the second prototype using a separate clarify button, which provides an opt-in version of this service.

Coding in Atom, I used an existing plugin from Will Boyd's Github to highlight text. Afterwards, I edited it to highlight text when the word "ASAP" was detected as an example.

The Team

Kate Ursu, Copywriter • Dylan Tucson, Art Director • Angelica Ortiz, Experience Designer/Creative Technologist

MY RESPONSIBILITIES

Concepting, Strategy, User Experience, Prototyping

TOOLS USED

HTML, CSS, Javascript

MY RESPONSIBILITIES
CONCEPTING
USER EXPERIENCE
PROTOTYPING
PROTOTYPING
PROTOTYPING
PROTOTYPING
CONCEPTING
USER EXPERIENCE
STRATEGY
PROTOTYPING
UNITY
SKETCH
UNITY
SKETCH
TOOLS USED
HTML
CSS
JAVASCRIPT
HTML
   CSS   
JAVASCRIPT
PROTOTYPING
PROTOTYPING
PROTOTYPING

View other work

Lorem ipsum

Legowerk UX kit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Option one

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Option two

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Option three

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.