Creating a MINDFUL KEYBOARD PLUGIN:

Encouraging responsible digital behaviour among young people

PROJECT TYPE

UX/UI Design

YEAR

2020
(Paused at prototype phase)

TEAM

Nick Lee
(Senior Designer)
Emma Galvin

MY ROLE

UX Research
Wirefaming
UX/UI Design
Prototyping

In partnership with Arm, Northstar Research uncovered key insights on the digital habits of young people, as well as their thoughts and concerns about the future of technology.

These insights inspired the creation of a keyboard plugin, designed to help young people recognise the impact of their digital communications. The plugin detects potentially harmful language, introduces a brief pause before sending the flagged messages, encouraging users to reflect on their words.

RightsDD's new visual identity featuring bold geometric shapes symbolizing interconnected supply chains.
Challenge

Young people recognise the benefits of technology, however they also have significant concerns. 33% of young people reported that social media makes them anxious, and 74% of young people agreed that bullying is common on social media. This leads to potentially lower self-esteem and increased anxiety.

Source: Arm, Youth on Tech report, 2019

Solution

We designed a smartphone keyboard plugin which uses machine learning to encourage young people to be more aware of the consequences of their online messaging behaviours. The plugin encourages young people to pause before sending potentially hurtful messages.

research

A global survey with over 2000 youths aged 11-18, carried out by Northstar Research.

One-on-one interviews uncovered the challenges faced by young people in a technological world.

KEY INSIGHTS

01

Digital interaction is integral:

A significant 81% of youths engage with their social circles digitally on a daily basis.

02

Messaging as primary communication:

The predominant mode of interaction is through various messaging platforms, both in individual and group settings.

03

Awareness of digital drawbacks:

Youths are cognizant of issues like digital addiction and anxiety, acknowledging their behavior's influence on others' well-being.

Source: Arm, Youth on Tech report, 2019

The increase in access to social media and technology can make cyber addiction and cyber bullying more common for youth. But these are not really technology challenges, they’re more user awareness issues. Educating my generation about how to safely and positively use technology for the benefit of humanity is the starting point to solve these problems.
-Reuben Paul, (Gen Arm 2Z Ambassador – 13)

Source: Arm, Youth on Tech report, 2019

EARLY DEVELOPMENT

IDEATION

We created lo-fi sketches to ideate potential solutions to address the key problems.

Afterwards we grouped together key features which must be included, and eliminated features which weren't possible at that time.

Visual assets showcasing the use of geometric patterns and a modern color palette in RightsDD’s branding.
UX DESIGN

USER FLOW

We mapped out the entire user journey to ensure that it was intuitive, solved the cyberbullying problem faced by young people, and didn’t create any unnecessary friction in the messaging experience.

RightsDD marketing elements.
WIREFRAMES

FIGMA WIREFRAMES AND PROTOTYPES

We transformed our low-fidelity sketches into Figma designs, still keeping them low fidelity in order to easily refine and develop our solution where needed.

Using the Atomic Design methodology, we created components and templates in Figma, ensuring our solution was scalable, maintained consistency and changeable.

Technology image moodboard.
Empathy image moodboard.
FINAL SOLUTION

A keyboard plugin that encourages responsible digital behaviour by making youths more aware of the consequences of their online actions

RightsDD brand guidelines.

FEATURES

01

Detects hateful and harmful language using machine learning.

02

Delays the immediate sending of hateful and harmful messages.

03

Prompts the user to reconsider the message but leaving the user with the final choice.

04

Tracks their messaging history and supplies reports allowing them to monitor their actions.

05

Connects the user to their nominated support network to ask for help.

06

Educates both users and their support network on digital wellbeing.

Understanding words & their impact

Detecting insensitive or hurtful messages in real-time, the Conscious Keyboard uses machine learning to alert users and help them consider the potential impact of their words.

Encouraging thoughtful decisions

Pausing to reflect on potentially hurtful actions empowers users to consider their choices, while leaving the final decision to send up to them, fostering personal responsibility over time.

Reflecting users progress

Tracking users behaviour and providing a detailed report allows users to monitor their progress and reflect on their actions over time.

Linking users to support

Connecting users to their dedicated adults, the ‘ask for help’ button allows users to reach out for assistance. This notifies the chosen adult, ensuring support is always within reach.

UI DESIGN

KEVIN THE CAT

We designed mascots to bring the Conscious Keyboard to life and add personality, specifically with young people in mind.

We created several variations of the mascots to show different emotions as the user interacts with the keyboard.