-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
303 lines (276 loc) · 20.8 KB
/
Copy pathabout.html
File metadata and controls
303 lines (276 loc) · 20.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About | Device Optical Aid</title>
<meta name="description" content="DOA adjusts your screen display so people who wear glasses can use their computer without putting them on. A display accessibility tool for Windows.">
<meta name="keywords" content="DOA, Device Optical Aid, deviceopticalaid, deviceopticalaid.com, screen adjustment glasses, display correction glasses, use computer without glasses, glasses free screen, prescription display adjustment, vision accessibility software, Windows display tool, near-sightedness screen correction, myopia screen software, astigmatism display correction, far-sighted screen, screen accessibility Windows 10, screen accessibility Windows 11, colour blindness filter, colorblind display filter, real time display correction, about Device Optical Aid, DOA science, SIGGRAPH eyeglasses free display, how display correction works, optical correction research, blur adaptation vision science, perceptual adaptation display, prism correction explained, binocular imbalance display correction, UC Berkeley MIT display research, DOA technology explained, vertex distance correction">
<meta property="og:site_name" content="Device Optical Aid">
<meta property="og:type" content="website">
<meta property="og:title" content="About DOA | Device Optical Aid">
<meta property="og:description" content="How DOA works, the science behind display correction, and what we're building next. A display accessibility tool for people who wear glasses.">
<meta property="og:url" content="https://deviceopticalaid.com/about">
<meta property="og:image" content="https://deviceopticalaid.com/assets/img/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Device Optical Aid: your screen, without your glasses">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://deviceopticalaid.com/assets/img/og-image.png">
<meta name="twitter:title" content="About DOA | Device Optical Aid">
<meta name="twitter:description" content="How DOA works, the science behind display correction, and what we're building next.">
<meta name="author" content="CJ_">
<meta name="robots" content="index, follow">
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" href="assets/img/doaTransparent.png">
<link rel="apple-touch-icon" href="assets/img/android-chrome-512x512.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#161513">
<link rel="canonical" href="https://deviceopticalaid.com/about" />
<link rel="stylesheet" href="assets/css/fonts.css">
<link rel="stylesheet" href="assets/css/styles.css">
<style>
main { max-width: 800px; margin: 0 auto; padding: calc(var(--nav-h) + 56px) 40px 100px; }
.page-hero { margin-bottom: 64px; animation: fadeUp 0.7s ease both 0.1s; }
.page-hero h1 { font-size: clamp(40px, 6vw, 68px); margin-bottom: 20px; }
.page-hero .lead { font-size: 19px; color: var(--ink2); line-height: 1.7; max-width: 620px; }
.divider { height: 1px; background: var(--border); margin: 56px 0; }
.about-section { margin-bottom: 56px; }
.about-section h2 { font-size: 26px; letter-spacing: -0.5px; margin-bottom: 16px; line-height: 1.1; }
.about-section p { font-size: 16px; color: var(--ink2); line-height: 1.8; margin-bottom: 16px; }
.about-section p:last-child { margin-bottom: 0; }
.about-section p strong { color: var(--ink); font-weight: 600; }
.about-section a { color: var(--accent2); text-decoration: none; }
.about-section a:hover { color: var(--ink); }
/* use case cards */
.usecase-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 24px 0; }
.usecase-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 22px 24px; transition: border-color 0.3s; }
.usecase-card:hover { border-color: rgba(138,43,226,0.3); }
.usecase-card .icon-tile { width: 36px; height: 36px; border-radius: 9px; margin-bottom: 12px; }
.usecase-card h4 { font-size: 14px; font-weight: 700; color: var(--ink); margin-bottom: 6px; }
.usecase-card p { font-size: 13px; color: var(--ink2); line-height: 1.6; margin: 0; }
/* science section */
.science-box {
background: var(--card);
border: 1px solid rgba(138,43,226,0.25);
border-radius: var(--radius);
padding: 28px 32px;
margin: 24px 0;
}
.science-box h4 {
display: flex; align-items: center; gap: 10px;
font-size: 15px; font-weight: 700; color: var(--ink); margin-bottom: 12px;
}
.science-box h4 svg { color: var(--accent2); }
.science-box p { font-size: 14px; line-height: 1.75; margin-bottom: 12px; }
.science-box p:last-child { margin-bottom: 0; }
.science-refs { list-style: none; margin: 16px 0 0; display: flex; flex-direction: column; gap: 10px; }
.science-refs li {
font-size: 13px; color: var(--ink2); line-height: 1.6;
padding-left: 18px; position: relative;
}
.science-refs li::before {
content: ''; position: absolute; left: 0; top: 9px;
width: 7px; height: 7px; border-radius: 50%; background: var(--accent2);
}
.science-disclaim {
margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--border);
font-size: 12.5px; color: var(--ink3); line-height: 1.6;
}
/* improvements list */
.improve-list { display: flex; flex-direction: column; gap: 10px; margin: 24px 0; }
.improve-item {
background: var(--card); border: 1px solid var(--border); border-radius: var(--radius-sm);
padding: 18px 24px; display: flex; gap: 14px; align-items: flex-start; transition: border-color 0.3s;
}
.improve-item:hover { border-color: rgba(138,43,226,0.25); }
.improve-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent2); flex-shrink: 0; margin-top: 7px; }
.improve-item h4 { font-size: 14px; font-weight: 700; color: var(--ink); margin-bottom: 4px; }
.improve-item p { font-size: 13px; color: var(--ink2); line-height: 1.6; margin: 0; }
@media (max-width: 768px) {
main { padding: calc(var(--nav-h) + 32px) 20px 80px; }
.usecase-grid { grid-template-columns: 1fr; }
.science-box { padding: 22px 20px; }
}
</style>
</head>
<body>
<a class="skip-link" href="#main">Skip to content</a>
<nav class="site-nav">
<a href="/" class="nav-logo">
<img src="assets/img/doaTransparent.png" alt="DOA Logo" width="500" height="500">
<span class="nav-name">device optical aid™</span>
</a>
<ul class="nav-links" id="navLinks">
<li><a href="/about">About</a></li>
<li><a href="/#how-it-works">How it works</a></li>
<li><a href="/color-blindness">Color filters</a></li>
<li class="nav-lvl4"><a href="/#pricing">Pricing</a></li>
<li class="nav-lvl1"><a href="/roadmap">Roadmap</a></li>
<li class="nav-lvl2"><a href="/guides">Guides</a></li>
<li class="nav-lvl3"><a href="/faq">FAQ</a></li>
<li class="nav-more">
<button class="nav-more-btn" aria-expanded="false" aria-haspopup="true">More <svg viewBox="0 0 12 12" aria-hidden="true"><path d="M2 4.5 6 8.5 10 4.5" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
<div class="nav-more-menu">
<a class="nav-o1" href="/roadmap">Roadmap</a>
<a class="nav-o2" href="/guides">Guides</a>
<a class="nav-o3" href="/faq">FAQ</a>
<a href="/contact">Contact us</a>
</div>
</li>
<li class="nav-only-mobile"><a href="/contact">Contact us</a></li>
<li class="nav-legal">
<a href="/Terms-of-Service">Terms of Service</a>
<a href="/privacy-policy">Privacy Policy</a>
</li>
</ul>
<div class="nav-cta">
<a href="/download" class="btn btn-primary">Download</a>
</div>
<button class="burger" id="burger" aria-label="Menu" aria-expanded="false"><span></span><span></span><span></span></button>
</nav>
<main id="main">
<!-- HERO -->
<div class="page-hero">
<span class="kicker">About</span>
<h1>Your screen, easier to read.</h1>
<p class="lead">DOA is a Windows desktop application that adjusts what your screen displays so that people who wear glasses can use it comfortably, without putting them on.</p>
</div>
<!-- WHAT IT DOES -->
<div class="about-section">
<h2>What DOA does</h2>
<p>Most people who wear glasses can still see their screen without them, just not as clearly as they'd like. Text gets a little soft, fine detail blurs, and long sessions become uncomfortable. DOA addresses this by adjusting your screen display based on your glasses prescription.</p>
<p>You enter your prescription values once. DOA runs in the background and adjusts everything on your display, across every app, browser, document, and video continuously, at up to 60 frames per second.</p>
<p>There is no hardware involved. Nothing is attached to your screen. Everything is processed locally on your device.</p>
</div>
<div class="divider"></div>
<!-- THE SCIENCE -->
<div class="about-section" id="science">
<h2>The <em>science</em> behind it</h2>
<p>The idea of a screen that pre-adjusts its image to compensate for the viewer's eyesight isn't ours. It has been studied in academic research for over a decade. DOA builds on that body of work and applies it as practical, software-only display adjustment.</p>
<div class="science-box">
<h4><svg class="icon"><use href="assets/icons/icons.svg#atom"/></svg>Where the approach comes from</h4>
<p>In 2014, researchers from <strong>UC Berkeley and the MIT Media Lab</strong> presented "Eyeglasses-free Display" at SIGGRAPH: a display that pre-distorts what it shows based on the viewer's prescription, so the image appears sharp to that viewer without glasses. The concept has since been patented, extended, and built upon by further research.</p>
<ul class="science-refs">
<li>Huang, Wetzstein, Barsky & Raskar, <a href="https://www.computationalimaging.org/publications/eyeglasses-free-display-towards-correcting-visual-aberrations-with-computational-light-field-displays-siggraph-2014/" target="_blank" rel="noopener">"Eyeglasses-free Display: Towards Correcting Visual Aberrations with Computational Light Field Displays"</a>, ACM SIGGRAPH 2014</li>
<li>UC Berkeley, <a href="https://vcresearch.berkeley.edu/news/vision-correcting-display-makes-reading-glasses-so-yesterday" target="_blank" rel="noopener">"Vision-correcting display makes reading glasses so yesterday"</a>, Berkeley Research news</li>
</ul>
<p class="science-disclaim">To be clear about what this means: the strongest results in that research used special light-field display hardware. DOA is software-only. It works on the screen you already own, which means results depend on your screen's resolution and your prescription strength. We'd rather you know that upfront. The research above is independent academic work; the institutions involved are not affiliated with and do not endorse DOA.</p>
</div>
<p>That hardware gap is exactly what our <a href="/roadmap">roadmap</a> is about: per-user calibration, content-aware adjustment, and, longer term, working with display manufacturers to bring correction closer to what the research achieved in the lab.</p>
<div class="science-box">
<h4><svg class="icon"><use href="assets/icons/icons.svg#eye"/></svg>Why it gets better over a few days</h4>
<p>A lot of people find DOA feels subtly off the first time they use it, and clearer after a few days. That's not your imagination, and it isn't the software changing. It's your visual system adapting.</p>
<p>Your visual cortex constantly recalibrates to whatever you've been looking at. Researchers have measured this directly: in one 2004 study, people with uncorrected near-sightedness improved their reading-chart acuity from roughly 6/35 to 6/20 over just three hours of adaptation, with <strong>no change at all in their actual eyesight</strong>. The brain simply learned to read the image in front of it. Notably, near-sighted people (DOA's core users) tend to adapt more than people with normal vision.</p>
<p>DOA shows a sharpened, corrected image rather than a blurred one, so it isn't literally the same as adapting to blur, but it relies on the same underlying ability of the brain to settle into a new kind of input. It's why we say give it a few days, and why the difference is most obvious when you toggle it off after using it for a while.</p>
<ul class="science-refs">
<li>Rosenfield, Hong & Crick, <a href="https://pubmed.ncbi.nlm.nih.gov/15365384/" target="_blank" rel="noopener">"Blur Adaptation in Myopes"</a>, Optometry and Vision Science, 2004</li>
</ul>
<p class="science-disclaim">This describes a normal perceptual effect, not a treatment. Adaptation makes the corrected image more comfortable to read; it does not change your prescription or push past the physical limits of your screen. DOA is built for adults and is not intended for children. Sustained exposure to <em>blurred</em> images has been studied in connection with near-sightedness progression in childhood, which is one more reason we keep DOA an adults-only accessibility tool rather than anything aimed at developing eyes.</p>
</div>
<div class="science-box">
<h4><svg class="icon"><use href="assets/icons/icons.svg#target"/></svg>Your far point: why the effect scales with your prescription</h4>
<p>If you're near-sighted, there's a distance within which the world stays sharp and beyond which it blurs. Opticians call it your <strong>far point</strong>, and estimating yours is simple: divide 1 metre by your prescription strength. A −1.00 prescription puts it at 1 metre. −2.00 puts it at 50 centimetres. −4.00 puts it at 25 centimetres.</p>
<p>Now compare that with how far you sit from your screen, usually 50 to 60 centimetres at a desk. If your far point is <em>beyond</em> your screen, the screen was never blurry for you in the first place, and DOA correctly applies almost no correction, because there is nothing to fix. If your far point is <em>closer</em> than your screen, the screen sits inside your blurry zone, and that blur is exactly what DOA removes.</p>
<p>This is why the effect scales the way it does. A −1.50 user at a laptop may barely notice a change, and that's the tool being accurate, not failing. A −3.00 user at the same distance sees a much bigger difference. To find out which side you're on, take your glasses off at your normal sitting distance: if your screen genuinely blurs, DOA has something to work with.</p>
<p>Distance also works in your favour at the strong end. Sitting closer reduces the amount of correction your eyes need at the screen, which shifts DOA's whole usable range deeper. In practice that means a strong prescription that's out of reach at arm's length (say around −4.50 at 60cm) can come back into range by moving to 45cm. If you have a strong prescription, try sitting a little closer before concluding DOA can't help you.</p>
</div>
</div>
<div class="divider"></div>
<!-- USE CASES -->
<div class="about-section">
<h2>Who DOA helps</h2>
<p>DOA is most useful for everyday screen activity like reading, writing, browsing, and working. Anyone who regularly uses a computer without glasses can benefit.</p>
<div class="usecase-grid">
<div class="usecase-card">
<div class="icon-tile"><svg class="icon"><use href="assets/icons/icons.svg#book-open"/></svg></div>
<h4>Reading without glasses</h4>
<p>Articles, documents, and emails. Comfortable to read without reaching for your glasses first.</p>
</div>
<div class="usecase-card">
<div class="icon-tile"><svg class="icon"><use href="assets/icons/icons.svg#briefcase"/></svg></div>
<h4>Long work sessions</h4>
<p>Working at a screen for hours without your glasses is uncomfortable. DOA keeps your display readable throughout the day.</p>
</div>
<div class="usecase-card">
<div class="icon-tile"><svg class="icon"><use href="assets/icons/icons.svg#user"/></svg></div>
<h4>Reading glasses users</h4>
<p>If you need reading glasses for screens, DOA adjusts your display so text is easier to read up close, without reaching for them.</p>
</div>
<div class="usecase-card">
<div class="icon-tile"><svg class="icon"><use href="assets/icons/icons.svg#glasses"/></svg></div>
<h4>When glasses aren't available</h4>
<p>Glasses left in another room, broken, or simply not wanted; DOA keeps your screen usable.</p>
</div>
<div class="usecase-card">
<div class="icon-tile"><svg class="icon"><use href="assets/icons/icons.svg#palette"/></svg></div>
<h4>Color difficulty</h4>
<p>Color adjustment modes for Protanopia, Deuteranopia, and Tritanopia, for people who have difficulty distinguishing certain colors on screen.</p>
</div>
<div class="usecase-card">
<div class="icon-tile"><svg class="icon"><use href="assets/icons/icons.svg#monitor"/></svg></div>
<h4>Multiple monitors</h4>
<p>Different display settings per screen, useful for mixed setups where monitors are at different viewing distances.</p>
</div>
<div class="usecase-card">
<div class="icon-tile"><svg class="icon"><use href="assets/icons/icons.svg#copy"/></svg></div>
<h4>Binocular imbalance</h4>
<p>When both eyes don't naturally align on the same point, screens can cause strain or double vision. DOA's prism correction shifts the display to compensate, so both eyes land comfortably on the same image.</p>
</div>
</div>
</div>
<div class="divider"></div>
<!-- WHAT WE'RE IMPROVING -->
<div class="about-section">
<h2>What we're working to improve</h2>
<p>DOA works, but there are real gaps worth being honest about. <strong>Strong prescriptions</strong> (beyond around −6D) get less reliable results. Screen resolution becomes the limiting factor at that point, and that ceiling hasn't been fully lifted yet. The calibration is also still generic: your prescription values are a starting point, but your screen distance, ambient light, and the specifics of your eyes all affect the result in ways the current version doesn't account for yet. A personalised calibration system is the biggest single improvement in progress.</p>
<p><strong>Color filters</strong> use established correction methods. They work, but they're not tuned per-person; someone with mild Deuteranopia and someone with a severe case get the same filter applied. An in-app calibration game (Ishihara plate-based) is being built so you can identify your specific deficiency before applying a filter, rather than guessing. And right now DOA still requires a formal glasses prescription to set up, which locks out anyone without easy access to an optometrist. Prescription-free auto-detection is planned specifically for that.</p>
<p>Current status of all of this, in detail: <a href="/roadmap">Roadmap →</a></p>
</div>
</main>
<footer class="site-footer">
<div class="footer-inner">
<div class="footer-top">
<div class="footer-brand">
<img src="assets/img/doaTransparent.png" alt="DOA Logo" width="500" height="500" loading="lazy" decoding="async">
<p>A display accessibility tool for people who wear glasses. Not a medical device.</p>
</div>
<div class="footer-col">
<h5>Product</h5>
<ul>
<li><a href="/about">About</a></li>
<li><a href="/color-blindness">Color filters</a></li>
<li><a href="/roadmap">Roadmap</a></li>
<li><a href="/guides">Guides</a></li>
<li><a href="/download">Download</a></li>
</ul>
</div>
<div class="footer-col">
<h5>Support</h5>
<ul>
<li><a href="/faq">FAQ</a></li>
<li><a href="/contact">Contact Us</a></li>
</ul>
</div>
<div class="footer-col">
<h5>Legal</h5>
<ul>
<li><a href="/Terms-of-Service">Terms of Service</a></li>
<li><a href="/security">Security</a></li>
<li><a href="/privacy-policy">Privacy Policy</a></li>
</ul>
</div>
</div>
<div class="footer-divider"></div>
<p class="footer-legal-note">DOA is a display accessibility tool. It is not a medical device and does not treat, diagnose, or replace professional eye care. Always consult a qualified eye care professional for medical advice.</p>
<div class="footer-bottom">
<span>© 2026 DOA - Device Optical Aid. All rights reserved.</span>
<a href="https://cjayy77.github.io/cj-portfolio/" target="_blank" rel="noopener">
<img src="assets/img/cj-white.svg" alt="CJ_" width="47" height="24" style="display:block;" loading="lazy" decoding="async">
</a>
</div>
</div>
</footer>
<script src="assets/js/main.js"></script>
</body>
</html>