10명 중 1명이 경험하는 이탈성 독해 장애, 디스렉시아. 세계는 약 78억 명의 사람들이 살고 있는데, 디스렉시아가 있는 약 7억 8000만 명의 사람들이 있습니다.

다시 말해, 수백만 명의 잠재적 사용자들이 저희 제품을 상호 작용할 때 장벽을 겪을 수 있습니다. 디자이너로서, 저희는 우리의 디자인을 모든 사람을 위해 접근 가능하고 포용적으로 만드는 책임이 있습니다, 특히 디스렉시아를 가진 사람들도 포함하여요.

이는 결코 포괄적인 목록이 아닙니다. 따라서 몇 가지 링크된 자료를 참고하고 여러분의 작업에 가이드라인을 구현하는 것을 권장합니다. 이 글에 나열된 모든 것은 디스렉시아 사용자와의 직접 경험 테스트보다는 광범위한 연구와 웹 자료 수집의 결과입니다.

다양한 유형과 수준의 디스렉시아가 있습니다. 수백만 명의 독특하고 다양한 사람들에게 적합한 단일 안내서나 해결책은 없습니다.

사용자 테스트는 포괄적이고 접근 가능한 제품을 만드는 열쇠입니다. 지금은 디스렉시아 사용자를 위해 디자인할 때 따를 일반적인 지침을 살펴보겠습니다.

디스렉시아란 무엇인가요?

디스렉시아는 사람들이 쓰여진 언어를 처리하는 방식에 영향을 주는 흔한 학습 장애입니다. 디스렉시아를 가진 사람들은 읽기, 철자, 쓰기 및 이해에 어려움을 겪을 수 있습니다. 디스렉시아는 기억, 주의 및 조직과 같은 다른 인지 기술에도 영향을 줄 수 있습니다. 디스렉시아는 낮은 지능이나 나태함의 표시가 아니라 학습하는 다른 방식일 뿐입니다.

어떤 사람들은 간직하고 있는 디스렉시아를 글자들이 자리를 바꾸는 것처럼 묘사합니다. 사실 디스렉시아 시뮬레이터(빅터 위델이 제작)가 있어요. 이를 확인하면 디스렉시아를 가진 일부 사람들이 독서를 어떻게 하는 지 볼 수 있습니다.

당신은 어떻게 생각하세요? 저는 이것을 읽는 데 어려움을 겪었어요. 위델의 블로그에 남긴 코멘터들 중 어떤 사람들은 이 시뮬레이션에서 첫 번째와 마지막 글자가 동일하기 때문에 너무 쉽다고 언급했습니다.

그렇다면, 어떻게 해야 디스렉시아가 있는 사용자들을 위해 더 접근 가능한 제품을 디자인할 수 있을까요?

명료한 타이포그래피

구분이 잘 되고 명확한 글꼴을 사용해야 합니다. 너무 작거나 크거나, 너무 얇거나 진하거나, 너무 화려하거나 모양이 비슷한 글꼴은 피해야 합니다. 선명한 글자가 보일 수 있는 산세리프 글꼴이 좋습니다. Arial, Verdana, Open Sans와 같은 훌륭한 글꼴이 있습니다.

또한 OpenDyslexic이나 Dyslexie와 같이 특별히 만들어진 학습장애 친화적인 글꼴이 있습니다. 이러한 글꼴은 학습 장애가 있는 사용자의 가독성을 향상시키도록 디자인되었습니다.

특수 폰트들은 실제로 각인 질환을 가진 사용자들에게 혜택을 준다는 증거가 없습니다. 잘 알려져 있지만, 2017년의 한 연구에 따르면 OpenDyslexic과 같은 폰트를 사용하는 것에 혜택이 없을 수도 있습니다.

간단히 말해서, 산세리프 폰트를 사용하고 항상 사용자들과 테스트해 보세요.

텍스트는 반드시 12-14 포인트 크기여야 합니다. 그러나 어떤 사용자들은 더 큰 폰트를 원할 수도 있습니다. 모든 텍스트가 기능이나 내용 손실 없이 적절하게 크기 조정될 수 있도록 하는 것으로 이 문제를 해결할 수 있습니다. 이것은 시력 장애가 있는 사용자들에게도 도움이 됩니다!

또한, 큰 텍스트의 트래킹(문자 간 간격)을 늘리면 가독성이 향상됩니다. 이것은 평균 글자 폭의 약 35% 정도여야 합니다. 그러나 글자 사이의 간격이 너무 많이 벌어지면 가독성이 떨어질 수 있으니 조심하세요.

대조와 색상

가독성을 향상시키기 위해 텍스트와 배경 사이에 높은 대비를 유지하세요.

• 단색 배경을 사용하세요. 사진이나 무늬가 있는 배경이 아름답더라도, 이는 텍스트의 가독성을 떨어뜨릴 수 있습니다.
• 밝은 색상 배경에 짙은 색상 텍스트를 사용하는 것이 좋습니다. 순수한 흰색과 검은색이 아닌 것이 좋습니다. 순수 검은색 텍스트가 순수 흰색 배경에 대조적인 반응을 보이는 기립성을 가진 많은 정신 난잡증 환자들이 있습니다. 크림색 배경에 짙은 파란색 텍스트는 훌륭한 예시입니다.

목록 및 청킹

정보를 청킹하고 글머리 기호를 사용하는 것은 모두에게 좋아요. Nielson Norman Group은 청킹을 "인지 심리학 분야에서 유래한 개념"으로 정의합니다. UX 전문가들은 텍스트와 멀티미디어 콘텐츠를 작은 청크로 나누어 사용자가 더 잘 처리하고 이해하며 기억할 수 있도록 돕을 수 있어요.

문단을 짧게 분할하거나 짧은 텍스트 줄, 글머리 기호 목록, 그리고 명확한 시각적 계층 구조를 가지고 텍스트를 청킹할 수 있어요.

예를 들어서 전화번호를 어떻게 나눠야 하는지 생각해보세요:

4487324534 대 (448) 732-4534

전화번호를 분리해서 쓰니까 더 시각적으로 보이고 기억하기 쉬워져요. 동일한 정보이지만 더 쉽게 확인할 수 있죠.

대체 콘텐츠 형식

이미지, 비디오 및 오디오 대체 자료를 추가하면 디스렉시아를 가진 사람들을 돕는 데 좋은 방법입니다. 그것뿐만 아니라 다른 모든 사람들에게도 도움이 됩니다!

글을 읽어 들을 수 있는 옵션은 모든 종류의 사람들에게 도움이 될 수 있어요. 누군가는 바쁘게 움직이면서 듣기를 선호할 수도 있고, 시각장애가 있어서 텍스트를 쉽게 읽지 못할 수도 있어요(또는 전혀 읽을 수 없을 수도 있어요). 또는 그냥 함께 읽고 싶을 수도 있어요.

웹 페이지가 사용자에게 읽혀지는 기능을 포함하든 말든 상관없이, 화면 낭독기에 친화적인지 확인하세요. 이것은 제품을 훨씬 넓은 사용자 범위에게 접근 가능하게 만들 수 있는 단계에요.

페이지의 모든 정보와 상호작용할 수 있는 다양한 방법을 갖는 것은 이해를 향상시키고 머릿속에 남기는 데 도움이 되어요. 단지 시각적인 요소가 주요 메시지에 집중이 빗나지 않도록 주의하세요.

구조 및 레이아웃

모두가 쉽게 인식할 수 있어야 합니다. 사용자는 필요한 것을 찾을 위치와 페이지에서 중요한 것을 알아야 합니다.

• 제목은 본문 텍스트보다 적어도 20% 더 커야 합니다. 추가 강조가 필요하다면 볼드 텍스트를 사용하세요.
• 텍스트 주변의 혼잡을 줄이기 위해 여백을 활용하세요. 단락 사이와 제목 주변에 추가 공간을 넣으세요.
• 긴 문서/기사/텍스트 섹션에서는 텍스트를 섹션 제목으로 나누세요. 텍스트 내용이 여러 페이지인 경우 목차를 사용하세요.
• 하이퍼링크가 제목과 일반 텍스트와 다르게 보이도록 해야 합니다. 많은 웹사이트에서는 간단한 색상 변경을 사용하지만, 색각 이상을 가진 사람에게는 보이지 않을 수 있습니다. 색이 칠해지고 밑줄이 있는 링크가 좋은 실천법입니다.
• 양쪽 맞춤을 사용하지 않고 왼쪽 정렬된 텍스트를 사용하세요. 이 형식을 사용하면 각 문장의 시작과 끝을 찾기 쉬우며 단어 사이의 간격을 균일하게 유지할 수 있습니다.

• 텍스트는 한 열로 유지하세요. 신문처럼 여러 열을 사용하면 페이지가 정보로 넘쳐나는 것처럼 보일 수 있습니다.
• 짧고 간단한 문장으로 써주세요. 가능하다면 문장당 60-70자로 제한하세요. 과거에 꼬리표문 생성자로 활발하게 활동했던 사람으로서, 이 부분에 대해 크게 신중해졌습니다.

테스트에 실명이 있는 사람들 포함하기

디자인 프로세스에 사용자 테스트를 통합하는 것은 UX 디자이너로서 할 수있는 가장 가치있고 중요한 일입니다. 이것은 우리가 가정을 검증하고 문제를 정확히 파악하며 솔루션을 강화할 수 있도록 돕습니다.

실명이 있는 사용자들을 적극적으로 사용자 테스트에 참여시킴으로써, 우리는 그들이 제품들과 상호 작용하는 방식 및 그들이 마주치는 도전에 대한 귀중한 통찰력을 얻을 수 있습니다.

다양한 유형과 수준의 실명을 대표하는 다양한 집단을 모집하는 것이 중요합니다. 실명은 나이, 교육, 배경 및 다른 여러 가지 요소에 따라 사람들에게 다르게 영향을 미칩니다. 다양한 관점과 경험을 포함하는 것이 중요합니다.

디스렉시아 사용자를 위해 디자인함으로써, 그들에게 보다 접근 가능한 제품을 제공할 뿐 아니라 비슷한 어려움이나 선호도를 가진 다른 사용자들에게도 도움을 줄 수 있습니다. 예를 들어, 해당 언어의 원어민이 아닌 사용자, 시각 장애를 가진 사용자, 서둘러야 하거나 산만한 사용자 등을 위한 것입니다.

더 많은 정보를 원한다면:

• British Dyslexia Association → 디스렉시아 사용자를 위한 친화적인 스타일 가이드로 따를 수 있는 지침 목록이 더 많이 나와 있습니다.
• Dyslexia — NHS → 디스렉시아 기초 지식: 디스렉시아란 무엇일까요? 그것을 앓고 있는 신호는 무엇일까요? 어떻게 진단 받고 어떻게 치료 받나요?
• Dyslexic Audience in Mind로 글 쓰기 → Trisha Dunbar (그녀)가 디스렉시아 사용자를 위해 쓴 훌륭한 Medium 기사가 있습니다.

의견이나 경험을 추가하고 싶다면, 알려주세요! 이 게시물에 답글을 남기거나 LinkedIn에서 연락해주세요! UX 관련 어떤 주제든 언제든 이야기 나눌 준비가 돼 있습니다.