난독증 사용자를 위한 UI/UX 디자인

게시 됨: 2019-04-05

현재 모든 규모의 기업이 포괄성을 개선하기 위해 노력하고 있습니다. 이 칭찬할 만한 이니셔티브는 사람들이 건강상의 제한에 관계없이 상품과 서비스의 혜택을 받을 수 있도록 합니다.

웹 및 모바일 개발 산업이 이러한 경쟁을 주도하면서 디지털 서비스도 포괄성을 수용하려고 노력하고 있습니다. Instagram은 최근 두 가지 접근성 기능, 자동 대체 텍스트 및 사용자 지정 대체 텍스트로 앱 업데이트를 출시했습니다.

이러한 기능을 통해 시각 장애가 있는 사용자는 앱을 사용하여 최상의 경험을 얻을 수 있습니다.

현재 업계는 여전히 다양한 사람들에게 똑같이 사용자 친화적인 포괄적인 UX/UI 디자인을 만드는 방법을 배우고 있습니다. 이 글에서는 난독증이 있는 사용자를 위한 UI/UX 디자인에 대한 정보를 찾을 수 있습니다.

그것이 왜 중요한지 궁금하시다면, 여기 한 가지 사실이 있습니다. Yale의 난독증 및 창의성 센터는 연구를 바탕으로 전 세계 인구의 최대 20%가 어느 정도 난독증을 앓을 수 있다는 결론에 도달했습니다. 즉, 앱이나 웹사이트의 사용자 10명 중 2명은 사용하는 동안 적절한 사용자 경험을 얻지 못할 수 있습니다.

난독증 인식

난독증은 모든 연령대, 민족, 사회적 지위 및 지능 수준의 어린이와 성인에게 쓰기, 철자법 및 읽기에 어려움을 일으키는 상태입니다. 난독증은 완전히 치료할 수 없는 일반적인 신경학적 학습 장애입니다. 전염되지 않고 유전되지 않습니다. 이 상태는 게으름과 공부를 꺼리는 것과는 아무 상관이 없습니다. 이 언어 기반 학습 장애는 치료할 수 없지만 이 장애가 있는 사람들이 학업적으로, 전문적으로, 개인적으로 성공하는 것을 자동으로 막지는 않습니다. 적절한 개입과 기술 지원으로 난독증 환자는 다른 사람들과 마찬가지로 성공적인 삶을 영위할 수 있습니다.

유명하고 성공한 사람들 중 일부는 난독증을 가지고 있습니다. Albert Einstein, Richard Branson, Tom Cruise, Jim Carrey, Walt Disney 및 Whoopi Goldberg는 난독증 진단을 받았습니다. 이 조건은 John F Kennedy, George Washington 및 George W Bush가 미국 대통령이 되는 것을 막지 못했습니다. 난독증은 진단되지 않고 적절하게 해결될 때 학업 성취도 저하, 많은 불안, 좌절 및 낮은 자존감을 유발할 수 있습니다.

모든 사람이 웹에 액세스할 수 있도록 하는 법적 측면도 있습니다. WAI 웹 접근성 정책 리소스를 확인하여 접근성에 관한 법적 정책에 대한 기사를 볼 수 있습니다.

난독증을 위한 디자인

현대 교육은 고도로 디지털화되어 있습니다. 종종 아이들은 iPad에서 읽고 쓰기의 기초를 배웁니다. 그러나 접근 가능한 솔루션이 필요한 유일한 그룹은 아닙니다. 전 세계의 다양한 사람들은 자신의 한계에 관계없이 사용하고 혜택을 받을 수 있는 액세스 가능한 웹 및 모바일 도구가 필요합니다.

난독증을 위한 꽤 성공적인 디지털 교육 솔루션이 이미 존재합니다. 그 중에는 Leo, Teen and Adults Phonics Library, Knoword, Reading Machine 및 Draw Something과 같은 앱이 있습니다. 난독증 친화적 제품 디자인을 작업할 때 영감을 얻으려면 해당 제품을 확인하십시오.

난독증을 위한 UX 및 UI를 디자인하는 것은 일반 웹 또는 모바일 앱을 만드는 것보다 어려울 수 있습니다. 이 경우 디자이너는 단순히 업계의 모범 사례를 따르는 것 이상을 수행해야 합니다. 난독증 환자에게 친숙한 UX/UI를 디자인하려면 이 분야의 최근 발전을 따라잡고 이미 성공적으로 입증된 지침을 따라야 합니다. 난독증 환자가 웹사이트나 앱을 쉽게 사용할 수 있도록 하려면 관련 성공 경험이 있고 포트폴리오 또는 사례 연구를 보여줄 수 있는 디자이너와 협력하는 것이 가장 좋습니다.

특정 그룹의 사람들이 제품에 액세스할 수 있도록 하는 경우 해당 사례에 대한 모범 사례를 따르는 것만으로는 충분하지 않습니다. 항상 대상 고객이 제품을 테스트하여 제품과 상호 작용하는 방식을 확인하도록 해야 합니다. 철저한 품질 보증 테스트 후에도 난독증 환자만 알아차릴 수 있는 문제가 있을 수 있습니다. 어떤 디지털 제품을 디자인하든 항상 사용자를 주시해야 합니다. 자신에게 가장 좋아 보이는 솔루션이 실제로 사용하는 사람들에게는 혼란스럽고 바람직하지 않을 수 있습니다.

난독증을 위한 UX/UI 디자인 모범 사례

난독증 환자를 위한 사용자 친화적인 접근 가능한 UX/UI는 다음과 같이 개발할 수 있습니다.

고대비와 난독증은 잘 어울리지 않습니다 . 난독증이 있는 사람들은 종종 고대비 수준의 화면에서 텍스트를 읽는 것이 어렵다는 것을 알게 됩니다. 그들의 입장에서 보면 글자, 단어, 대사가 '춤추고' 자리를 바꿔 독자를 힘들게 하는 것처럼 보인다. 사용자가 사용하기 쉽도록 고대비 색상 대신 파스텔 배경을 선택하십시오. 흰색 배경으로 작업할 때 검은색 대신 짙은 회색 텍스트를 선택하십시오. 일반 사용자의 선명도와 가독성에는 영향을 미치지 않지만 난독증 환자의 경우 크게 향상됩니다.
글꼴에 주의하십시오 . 난독증에 적합한 글꼴은 줄 간격을 늘리고 일반적으로 혼동하기 쉬운 글자에 대해 뚜렷한 활자체 요소를 사용합니다. Dyslexie 또는 Open Dyslexic과 같은 난독증 맞춤형 글꼴이 있습니다. 종종 조롱을 받는 Comic Sans 글꼴은 이 청중에게도 놀라울 정도로 잘 작동합니다. 그 이유는 매우 간단합니다. 이 글꼴의 문자 사이에 큰 공백이 있고 사용자가 유사한 문자를 더 쉽게 구별할 수 있도록 도와주는 고유한 타이포그래피 요소가 있습니다. 글꼴 선택이 일반 옵션으로 제한되는 경우 Arial, Century Gothic, Tahoma, Trebuchet 또는 Verdana로 이동하십시오.
텍스트를 짧게 유지하십시오 . 이 조언은 특히 텍스트 줄과 일반적인 화면에 관한 것입니다. 연구에 따르면 화면의 한 줄은 더 나은 이해를 위해 45자를 넘지 않아야 합니다. 또한 12에서 14포인트보다 작은 글꼴을 선택하는 것은 좋지 않습니다.
텍스트 스타일을 오버로드하지 마십시오 . 난독증 환자의 눈에는 글자가 춤을 추는 경향이 있지만 멋진 이탤릭체로 꾸미고 밑줄을 긋는다고 해서 상황이 나아지는 것은 아닙니다. 난독증 환자를 위해 텍스트의 요점을 명확하게 하려면 굵게 사용하십시오. 상자와 더 큰 글꼴의 소문자를 사용하여 중요한 텍스트 블록을 강조할 수도 있습니다.
가독성 도구를 통합합니다 . 가독성 도구를 활성화하여 사용자가 제품의 텍스트를 이해할 수 있는 더 많은 방법을 제공합니다. 난독증 및 시각 장애가 있는 사용자는 텍스트를 오디오로 변환하는 기능의 이점을 크게 누릴 수 있습니다. 두 가지 방법 중 하나로 이 기능을 구현할 수 있습니다. 타사 자동화 도구를 사용하거나 제품에 텍스트 영역을 읽는 사람의 오디오 클립을 포함합니다.
분할 기능 . 한 화면에 너무 많은 기능이 있는 경우 기능의 수를 줄이거나 화면을 둘로 분할해 보십시오. 사용자가 적응에 어려움을 겪을 수 있는 과부하된 여러 개의 앱 화면보다 명확한 여러 개의 추가 앱 화면을 갖는 것이 좋습니다.
유연성을 우선시 하십시오. 난독증 사용자를 위해 디자인할 때 유연한 제품을 만드는 것을 최우선으로 하십시오. 사용자를 위해 동일한 대상에 도달하기 위해 여러 경로를 구축하는 것은 해가 되지 않습니다. 사용자가 길고 복잡한 단계를 반복하고 텍스트 줄을 다시 입력하게 만드는 사각지대를 만들지 마십시오. 단 한 명의 사용자도 이를 기뻐하지 않을 것입니다.
사용자 정의 허용 . 디자이너는 가능한 한 최상의 색상, 대비, 글꼴 및 스타일 조합을 선택할 수 있습니다. 그러나 디지털 제품의 일부 사용자에게는 미리 결정된 선택이 여전히 바람직하지 않을 수 있습니다. 합리적인 수준의 디자인 사용자 정의를 허용하는 것은 해가 되지 않습니다. 사용자가 글꼴, 텍스트 확대, 텍스트 및 배경색을 선택할 수 있습니다.
그래픽으로 텍스트를 강화 하십시오. 가능하면 아이콘을 사용하여 텍스트를 지원하거나 더 나은 이해를 위해 텍스트 대신 아이콘을 사용하십시오. 이미지와 비디오는 텍스트를 지원하고 디자인을 더 명확하게 만들고 접근성을 향상시켜야 합니다. 시각 장애가 있는 사용자를 위한 캡션이 있는 비디오를 함께 제공합니다.
자동 완성, 미리 알림 및 도움말을 사용 합니다. 앱 사용자가 앱에서 입력하고 검색한 모든 내용을 기억하게 하지 마십시오. 사용자 기록의 제안으로 Google과 유사한 검색 필드를 활성화하면 매우 도움이 됩니다. 가능하면 사용자에게 팁을 제공하십시오.
자동 수정을 통합합니다 . 한 글자의 철자를 틀리는 것만으로 앱이 당신을 이해하지 못한다면 짜증이 납니다. Pinterest와 같은 서비스는 사용자가 의미하는 바를 추측하고 선택할 수 있는 옵션을 제공합니다. 이러한 기능은 난독증 사용자에게 중요할 수 있습니다. 젊은 청중과 비원어민에게도 유용할 것입니다.
단순할수록 좋습니다 . 사용자의 주의를 산만하게 하고 혼란스럽게 할 수 있는 불필요한 요소로 디자인에 과부하를 주지 마십시오. 난독증을 위한 UX/UI 디자인은 사용자의 인지 부하를 줄여야 합니다. 가능한 한 명확하고 산만하지 않아야 합니다.

난독증 디자인에 대한 나쁜 습관

개발자와 일반 사용자에게는 논리적이고 유용해 보이지만 난독증 환자에게는 다소 불리한 UX/UI 관행이 있습니다. 다음은 피해야 할 나쁜 습관에 대한 간략한 개요입니다.

무거운 텍스트의 큰 블록 . 가능한 한 많은 텍스트를 한 화면에 압축할 수 있는 좋은 옵션처럼 보이지만 가독성과 사용자 친화성 측면에서 항상 좋지 않은 선택입니다.
압도적인 화면 . 한 화면에서 모든 것을 압축하지 마십시오. 최근 모바일 및 웹 앱 개발 및 디자인 경향에 따르면 미니멀리즘은 새로운 블랙입니다. 인스타그램 프로필 페이지를 살펴보세요. 모든 앱 기능이 표시되지는 않습니다. 산만함과 시각적 소음이 없습니다.
문장 끝에 이중 공백 . 어떤 사람들은 문장 끝에 이중 공백이 있으면 텍스트가 더 명확해진다고 생각할 수 있습니다. 단, 난독증이 있는 사용자의 경우에는 그러하지 않습니다. 이중 간격은 난독증 환자의 눈에 강물처럼 텍스트를 흐리게 만듭니다.
모호한 버튼 사용 . 버튼에 "여기를 클릭하십시오"라고 표시되면 앱 개발자와 제작자에게는 그 의미가 명확하지만 난독증 사용자에게는 그렇게 분명하지 않을 수 있습니다. 버튼에 대한 명령을 가능한 한 간단하고 명확하게 만드십시오.
한 페이지에 모든 정보가 있습니다. 한 가지에 대한 모든 정보를 한 곳에 모으는 것이 논리적일 수 있지만 난독증 사용자에게는 좋은 생각이 아닙니다. 사용자에게 여러 다른 경로를 사용하여 동일한 데이터에 액세스할 수 있는 기회를 제공합니다.

마지막 생각들

인터넷은 모든 사람이 액세스할 수 있는 기술로 등장했습니다. 개발자와 디자이너는 디지털 기술이 아무리 고급스럽고 복잡하더라도 모든 유형의 사용자에게 차별이 없도록 유지해야 합니다.

스마트폰 기술의 발전으로 수백만 명의 사람들이 온라인 커뮤니케이션, 상호 작용 및 엔터테인먼트의 주요 소스로 모바일 장치를 사용하게 되었습니다. 접근성을 염두에 두고 웹 및 모바일 앱을 만드는 것은 개발자와 디자이너에게 제2의 천성이 되어야 합니다.

난독증에 대한 접근성 문제는 한동안 연구되어 왔으며 이미 프로젝트에 사용할 수 있는 몇 가지 모범 사례가 있습니다. 난독증이 있는 사용자가 디지털 제품 디자인에 접근할 수 있도록 하는 데 압도적으로 복잡한 것은 없습니다. 접근성은 제품의 세련미와 세련미를 앗아가지 않습니다. 보너스로 더 강조하고 인간적으로 만들 것입니다. 결국 정보는 우리 삶에서 떼려야 뗄 수 없는 부분이기 때문에 모든 사람이 접근할 수 있어야 합니다.

난독증 치료를 위한 자료:

아래에서 난독증이 있는 사용자를 위한 더 나은 UX/UI 디자인을 만드는 데 도움이 될 수 있는 관련 최신 리소스 목록을 찾을 수 있습니다.

난독증 아동의 학습 촉진을 위한 20가지 디자인 리소스
영국 난독증 협회: 난독증 스타일 가이드
UX 플래닛: 난독증을 위한 디자인
Dyslexia International i(비영리 정보 자원)
Helen Arkell 난독증 센터(자선 및 정보 자원)
국제 난독증 협회
Usabilla: 난독증을 위한 디자인 방법