Lttr.
10 Week - Student Project
A dyslexic-aiding app made for time sensitive situations
Overview
Reading and comprehending text can be overwhelming for people with dyslexia, especially in time sensitive situations. Existing tools often target children and lack customization, leaving many anxious and confused. Lttr changes this. With one scan, it reshapes any text into a format that is easier to read and fully adjustable through fonts, colors, and layouts. Features like saved documents and previous captures add to the flexibility Lttr provides for teenagers and young adults in any situation.
My Roles
User interface designer
Interaction Designer
Team Members
Finley Peplinski
Matthew Golonka
Justine Tijerino
Alana Banister
Tools
Figma
Client
UXDG 100
Spotlight
Less stress, more clarity
Discovery
Finding our niche
First steps
After discussing different neurodivergent experiences we focused on dyslexia because our teams personal connection to it, giving us lived in experiences and real-world insights to help with the challenges they face.
Current Market
But when looking at current tools, we found they catered to children and adolescents, even though many teenagers and young adults experience it still.
While dyslexia affects 20% of children, 15% of adults still impacted.
International Dyslexia Association (IDA)
20%
15%
Initial Research
To understand the current state of dyslexic tools we created a digital survey and gave it to individuals who experience dyslexia.
Data from digital survey for individuals with dyslexia between the ages of 16-30
Rate current tools 5/10
Struggle reading critical indicators
80%
63%
45%
Say they find themselves falling behind
Data from digital survey for individuals with dyslexia between the ages of 16-30
80
67
53
40
27
13
0
Text to Speech
Read Along
Mind Mapping
Changing the Font
Searching a Document
Highlighting Text
Insights
From our findings, we realized we need to design a tool that not only outperforms existing options, but also adapts to the wide variety of strategies people already with dyslexia already rely on.
A solution build for young adults and teens
Our goal was to create
A combination of current dyslexic strategies
Easy to use interface for quick interactions
?
How might we?
Help dyslexic people by creating visual and auditory solutions so that they can interact with text based media in a less stressful and more effective way?
Design
Bringing our ideas to life
See what sticks
Soon after, we did a method together called crazy eights, giving us one minute to design a frame allowing us to get any and all ideas out on paper.
personal mods
curves > corners
useful
buttons
>>>>
blurred frame
Refining and preparing
Following these concepts, we found the strongest elements and combined them into one prototype for continued testing. Shown is low fidelity to mid fidelity.
What makes it dyslexic-friendly?
When designing an app that supports dyslexic individuals, we prioritized readability with structured layouts, fonts, and spacing.
This is sample text showing how some small changes can make text readable
This is sample text showing how some small changes can make text unreadable
Too condensed
Clean spacing and simple font
User Testing
We gathered 17 participants to test our current flow and found valuable information pointing us regarding placement and organization of items.
18
4
5
5
3
19
20
21
30 minute interviews
17 participants total
THE SET UP
Back to the drawing board
While the user test gave us valuable information on specific elements inside the prototype. But when asked about the feel of the app we realized it felt too childish. Which primarily, we wanted to avoid, so we pivoted.
Friendly but too adolescent
Needs real applications
distracting
Solution
Presenting Lttr.
Fully custom to your needs
We wanted to highlight the wide ranges that dyslexia comes in with our fully customizable user interface. With this, you can customize every part of the scanner to your personal needs!
(Hover to interact)
USER EXPERIENCE RESEARCH
UX Research program connects the dots between data sets and disciplines,
translates information into actionable
business insights
and effectively communicated insights to positively impact business strategies and goals
UXR is an instrumental part of the design process,
uncovering and learning about people/s real neads.
A
ABC
Untitled
PARAGRAPH
+
TAG
9:41
Easy on the Go
With time-sensitive situations being the core of our product, we wanted to make it as easy as possible to scan text. Even expanding to a widget, acting as a quick action.
All organized in one place
We wanted to make any captures easy to return to, as well as sorting them in there respective places. This also opens the opportunity to view PDFs or larger files for lttr to simplify.
GATEWAYS TO DRAWING
05 / 17 / 2024
COCO & MOSS MENU
05 / 15 / 2024
[UXR] MASTER CLASS
05 / 15 / 2024
CB 4 LIFE
05 / 15 / 2024
MONTGOMERY ST
05 / 15 / 2024
THE PUBLIC MENU
05 / 15 / 2024
GULFSTREAM CENTER...
05 / 15 / 2024
NEURO-SCAD
05 / 15 / 2024
CAMPUS CARRIERS
05 / 15 / 2024
SPRING EVENTS
05 / 15 / 2024
SEARCH
ALL DOCUMENTS
Menus
School
Navigation
9:41
Welcome Back
YOUR PREFERENCES
Edit Menu
EMMA!
Text
Century Gothic
Voice
Male Australian
Logout
Reset Password
Delete Account
9:41
Change your interface for YOU
While we already included a plethora of customizable options, we wanted people to have the access to enable and disable certain menu items. Giving them more time to focus on the now.
Reflection
What I took away
Accessibility benifits everyone
When going through this project designing something for dyslexic individuals we realized that this isn't just helpful for them, but for everyone. When its text is harder to understand, or maybe you didn't bring your glasses, lttr is here to help!
Step back and get another point of view
After designing our product to test, we failed to see the design choices being more childish until we tested it will real people. This gave us then the insights to pivot and create something impactful and relevant.
^^ a reenactment of what my laptop looked like after the project