🏆 WWDC25 Swift Student Challenge Distinguished Winner

💻 2025.02.10 ~ 2025.02.21

📖 About 'Lost in Letters'

"Lost in Letters" is an app that allows users to indirectly experience the visual difficulties that dyslexic patients face when reading text and the phenomena they encounter in real life.

The inspiration behind developing this app is truly special. There was a younger child I met while volunteering at an orphanage. That child would tell me, "iL!, the letters fly around for me! Isn't that cool?" Whenever reading books or studying, they would always ask for my help. Their words remained deeply in my mind, and I suddenly wondered how uncomfortable and frustrating it must be. My desire to experience the visual difficulties and everyday inconveniences faced by people with dyslexia grew, and with the hope that many people could better understand and empathize with the challenges faced by those with dyslexia, I created the app "Lost in Letters." I wanted to show that while reading text is such an obvious thing for us, it comes with great difficulty and pain for others.

"Lost in Letters"는 난독증 환자가 글을 읽을 때 겪는 시각적 어려움과 실생활에서 겪는 현상을 간접적으로 체험할 수 있게 해주는 앱입니다.

이 앱을 개발하게 된 계기는 정말 특별해요. 보육원에서 봉사활동을 하다가 만난 동생이 있었어요. 그 친구는 저에게 "형, 저는 글씨가 막 날아다녀요! 멋지죠?"라고 말하곤 했어요. 독서를 하거나 공부할 때, 항상 저에게 도움을 요청했죠. 그 친구의 말이 머릿속에 깊게 남아, 문득 얼마나 불편하고 답답할까 하는 생각이 들었어요. 난독증 환자들이 겪는 시각적 어려움과 일상적인 불편함을 경험해보고 싶다는 마음이 커졌고, 많은 사람들이 난독증 환자들이 겪는 어려움을 더 잘 이해하고 공감할 수 있기를 바라는 마음에서 "Lost in Letters"라는 앱을 제작하게 되었어요. 글을 읽는 것이 우리에게는 너무나 당연한 일이지만, 누군가에게는 그만큼 큰 어려움과 고통이 따른다는 것을 알리고 싶었어요.

⚙️ Framework & Technologies

• SwiftUI

🎥 Preview

Intro

When developing the intro view, I wanted to evoke a strong sense of curiosity and confusion in users, making them wonder "What is this?" That's why I designed the intro screen to display some of the world's most famous and widely recognized sentences transformed to reflect the visual symptoms actually experienced by people with dyslexia. This creates a powerful first impression for people when they first encounter the app. Through this approach, I enabled users to immediately sense the reality of dyslexia.

인트로 뷰를 개발할 때, 사용자에게 "이게 뭐지?"라는 강한 의문과 호기심을 불러일으키고 싶었어요. 그래서 세계적으로 가장 유명하고 널리 알려진 문장을 난독증 환자들이 실제로 경험하는 시각적 증상으로 변형해 보여줌으로써, 처음 앱을 접하는 사람들에게 강렬한 인상을 남기도록 인트로 화면을 디자인했어요. 이를 통해 사용자들이 난독증의 현실을 즉각적으로 체감할 수 있게 만들었습니다.

What is Dyslexia?

I created an information screen to help users gain a basic understanding of dyslexia. This screen explains the main symptoms and causes of dyslexia, and provides concise additional information to help users develop a deeper understanding of the condition. Through these educational elements, I helped users recognize dyslexia not just as a simple phenomenon but as a real difficulty that many people experience.

난독증에 대한 기본적인 이해를 돕기 위해 정보 제공 화면을 만들었습니다. 이 화면에서는 난독증의 주요 증상과 원인을 설명하고, 추가 정보를 간결하게 제공함으로써 사용자들이 난독증에 대해 더 깊이 이해할 수 있도록 했습니다. 이러한 교육적 요소를 통해 사용자들이 난독증을 단순한 현상이 아닌 실제 많은 사람들이 겪고 있는 어려움으로 인식할 수 있게 도왔습니다.

Typoglycemia

I implemented a feature that allows users to directly experience the 'typoglycemia', which is one of the most common visual experiences for people with dyslexia. Through a simple toggle button, users can easily switch between and compare the perspective of a person without dyslexia and that of someone with dyslexia. This design enables users to directly experience the stark differences between these two perspectives and gain a more concrete understanding of the difficulties people with dyslexia face when reading text.

사용자들이 타이포글리세미아(typoglycemia) 현상을 직접 체험할 수 있는 기능을 구현했습니다. 이는 난독증 환자들이 가장 흔하게 겪는 시각적 현상 중 하나입니다. 간단한 토글 버튼을 통해 사용자들은 일반인의 시점과 난독증 환자의 시점을 쉽게 전환하며 비교해볼 수 있습니다. 이를 통해 두 관점 사이의 뚜렷한 차이를 직접 경험하고, 난독증 환자들이 글을 읽을 때 겪는 어려움을 더 구체적으로 이해할 수 있게 설계했어요.

Experience Dyslexia

I implemented features that allow users to visually experience the most representative phenomena that people with dyslexia encounter when reading text or books. During the development process, I made efforts to realistically recreate the visual confusion and discomfort they feel, based on actual experiences of people with dyslexia and research data. Through this, users can more vividly experience the difficulties in recognizing and understanding text from the perspective of someone with dyslexia.

난독증 환자들이 글을 읽거나 독서를 할 때 겪는 가장 대표적인 현상들을 사용자들이 시각적으로 직접 체험할 수 있도록 구현했습니다. 개발 과정에서 실제 난독증 환자의 경험담과 연구 자료를 바탕으로, 그들이 느끼는 시각적 혼란과 불편함을 최대한 사실적으로 재현하고자 노력했습니다. 이를 통해 사용자들이 난독증 환자의 입장에서 문자를 인식하고 이해하는 과정의 어려움을 보다 생생하게 경험할 수 있게 구현했습니다.

• Text randomly scrambles

• Similar-looking letters appear confusing

• Text moves diagonally

• Text overlaps
  
  

Adjust for Better Reading

I was inspired by the fact that people with dyslexia actually utilize various text adjustment methods to improve their reading comfort. Reflecting this, I implemented a range of customization options that allow users to experience the actual coping strategies used by people with dyslexia. Through features such as specialized fonts for dyslexia, letter spacing adjustment, line spacing adjustment, text color changes, and background color changes, users can experience the process of improving readability themselves.

난독증 환자들이 글을 읽는데 있어서 편안함을 향상시키기 위해 실제로 다양한 텍스트 조정 방법을 활용한다는 점에 착안했습니다. 이러한 점을 반영하여, 사용자들이 난독증 환자들의 실제 대응 방식을 체험할 수 있도록 다양한 사용자 지정 옵션을 구현했습니다. 난독증에 특화된 전용 폰트, 자간 조절, 행간 조절, 글자 색상 변경, 그리고 배경 색상 변경 등의 기능을 통해 사용자가 직접 가독성을 향상시키는 과정을 경험할 수 있게 했습니다.

Read Through Their Eyes

To help users gain a deeper understanding of the actual visual experience of people with dyslexia, I implemented a feature that simulates reading with limited vision. I designed two circular viewing areas that allow users to see only the text within those regions. Users can drag these viewing areas across the screen to navigate through the entire text. The text displayed isn't just normal text, but rather text that exhibits visual symptoms actually experienced by people with dyslexia, such as overlapping letters or moving text.

난독증 환자들의 실제 시각적 경험을 더 깊이 이해하기 위해, 제한된 시야로 글을 읽는 기능을 구현했습니다. 두 개의 원형 시야를 만들어 사용자가 오직 그 영역 안에 있는 텍스트만 볼 수 있도록 설계했습니다. 사용자는 화면을 드래그하여 이 제한된 시야를 텍스트 전체로 옮기며 읽을 수 있습니다. 이때 보이는 텍스트는 단순한 일반 텍스트가 아닌, 글자가 겹쳐 보이거나 움직이는 등 난독증 환자들이 실제로 경험하는 시각적 증상이 적용된 형태입니다.

Dyslexia in Everyday Life

I wanted to show that the difficulties experienced by people with dyslexia are not limited to just reading text. I designed features that allow users to experience various everyday challenges that people with dyslexia face in their real lives, beyond reading books or text. These features were carefully created based on real experiences and cases of people with dyslexia, enabling users to gain a more comprehensive understanding of how dyslexia affects all aspects of daily life.

난독증 환자들이 경험하는 어려움이 단순히 글을 읽는 것에만 국한되지 않는다는 점을 보여주고자 했습니다. 독서나 글 읽기 외에도 실생활에서 난독증 환자들이 겪는 다양한 일상적 어려움을 사용자들이 체험할 수 있도록 구성했습니다. 이 기능들은 실제 난독증 환자 경험담과 사례를 바탕으로 세심하게 제작되었으며, 이를 통해 사용자들이 난독증이 일상생활 전반에 미치는 영향을 보다 포괄적으로 이해할 수 있게 했습니다.

📃 License

• OpenDyslexic Font
  ➡️ https://opendyslexic.org