접근성과 다양성을 위한 디자인
포용적 (Inclusive) UX디자인
포용적 디자인은 사람들의 다양한 특성, 예를 들어 능력, 사용하는 언어, 문화적 배경, 성별, 나이 등을 폭넓게 고려하는 디자인 방식입니다. 이러한 접근 방식을 통해 디자이너는 가능한 한 많은 사람들이 편리하게 사용할 수 있는 제품이나 서비스를 만들 수 있습니다.
접근성은 UX 디자인에서 가장 중요한 목표이며, 앞으로도 변함없이 그래야 할 것입니다. 이는 사용자의 시력, 청력, 운동 능력, 기억력 등 다양한 능력 수준을 고려하여 디자인해야 함을 의미합니다. 디자인 과정에서 고려해야 할 사항들이 많습니다.
예를 들어, 사용자가 앱을 사용하는 환경은 조용하고 아늑한 침실일 수도 있지만, 시끄럽고 바람이 많이 불거나 사람들로 북적이는 복잡한 장소일 수도 있습니다. 어떤 환경에서도 일관되게 뛰어난 사용자 경험을 제공하는 것이 중요합니다. 이를 달성하기 위해, 사용자가 제품을 사용하는 맥락에 맞춰 경험에 참여할 수 있는 다양한 선택지를 제공하는 것이 효과적입니다. 이를 통해 제품을 사용하는 고객층을 넓히고, 사용자 경험을 전반적으로 개선할 수 있습니다.
접근성과 다양성을 핵심으로 삼아, 포용적 UX 디자인의 기본 원칙, 어려움, 그리고 성공적인 사례들을 알아보겠습니다.
포용적 UX 디자인의 중요성
접근성과 관련된 법적, 윤리적 의무
많은 나라에서 장애인 차별 금지법(ADA)이나 웹 콘텐츠 접근성 지침(WCAG)과 같이 접근성을 보장하기 위한 법률을 시행하고 있으며, 이러한 법률들은 포용적인 디자인을 적용하도록 요구하고 있습니다. 만약 이를 지키지 않으면 법적인 제재를 받을 수 있으며, 조직의 이미지가 나빠질 수 있습니다. 윤리적인 관점에서 볼 때, 모든 사람이 디지털 서비스를 차별 없이 이용할 수 있도록 하는 것은 사회적 책임이며 인권 존중의 원칙에 맞는 행동입니다.
더 포용적인 디자인은 장애가 있는 사람, 나이가 많은 사람, 모국어가 다른 사람 등 더 많은 사람들이 제품을 편리하게 이용할 수 있도록 돕습니다. 이렇게 되면 제품을 사용할 수 있는 사용자층이 훨씬 넓어집니다.
이를 통해 기업은 더 넓은 시장에 진출하고, 사용자들의 참여를 활발하게 유도하며, 고객 만족도를 높일 수 있습니다. 접근성을 고려하는 조직은 디지털 환경에서 소외될 수 있는 많은 사람들에게 다가갈 기회를 얻게 됩니다.
접근성을 염두에 둔 디자인은 단순히 장애가 있는 사람들만을 위한 것이 아니라, 모든 사람이 더 편리하게 사용할 수 있는 환경을 만드는 데 기여합니다. 즉, 모두의 사용 경험을 개선하는 데 중요한 역할을 합니다.
음성 명령 기능은 시각적인 어려움을 겪는 사람뿐 아니라 여러 작업을 동시에 처리해야 하는 사람들에게도 유용합니다. 또한, 뚜렷한 글꼴과 높은 대비를 제공하는 화면 모드는 시각 장애인 외에도 햇빛이 강한 곳에서 모바일 기기를 사용하는 사람들에게 시인성을 높여줍니다. 포용적 디자인은 제품을 사용하는 모든 사람이 불편함 없이 쉽고 직관적으로 사용할 수 있도록 만들어 제품의 전체적인 사용 편의성을 높입니다.
비즈니스와 경제적인 측면에서 볼 때, 사용자 경험(UX)의 접근성과 다양성을 확보하는 것은 혁신을 이루고 경쟁에서 앞서 나가는 데 기여합니다. 포용성을 중요하게 생각하는 기업은 자신들의 필요를 만족시키기 위해 노력하는 사용자들에게 높은 평가를 받으며, 이는 결국 고객 충성도 향상으로 이어질 수 있습니다. 접근성을 고려한 디자인은 제품을 나중에 개선하는 데 드는 비용을 줄여줄 뿐만 아니라, 처음부터 사용자에게 더 편리한 경험을 제공하여 고객 지원 문의를 줄이는 데 도움이 됩니다.
기업은 포용적인 사용자 경험(UX)을 중요하게 생각함으로써 사회적 영향력을 높이고 브랜드 이미지를 개선할 수 있습니다. 이는 다양성, 공정성, 포용성(DEI)을 추구하는 기업의 노력을 보여주는 좋은 예시입니다.
이를 통해 브랜드 이미지를 높이고, 소비자들의 믿음을 얻으며, 좋은 평가를 통해 자연스러운 홍보 효과를 누릴 수 있습니다. 접근성을 중요하게 생각하는 기업은 더 나아가 공정한 디지털 환경 조성에 이바지하며, 다른 기업들에게 좋은 본보기가 될 수 있습니다.
포용적 디자인의 중요한 기본 원칙
인지 가능(Perceivable)
모든 사용자가 정보를 이해하고 인지할 수 있도록 제공해야 함을 의미합니다. 이를 위해서는 다음과 같은 요소들이 고려되어야 합니다.
시각 장애인 사용자들이 이미지를 이해할 수 있도록 이미지에 대한 설명을 텍스트로 제공합니다.
청각 장애인이나 청력이 약한 사용자들이 비디오나 오디오 콘텐츠를 더 쉽게 이해할 수 있도록 자막이나 텍스트 대본을 제공해야 합니다. 또한, 텍스트를 읽기 편하게 하려면 텍스트와 배경색의 대비를 충분히 확보하는 것이 중요합니다.
색약이나 색맹을 가진 사람들을 포함하여 다양한 시각적 특성을 가진 사용자들이 불편함 없이 이용할 수 있는 레이아웃을 설계해야 합니다.
조작 용이성 (Operable)
제품은 사용자의 숙련도와 상관없이 쉽게 사용하고 이해할 수 있어야 합니다. 이를 위해 다음과 같은 요소들이 중요합니다.
마우스를 쓰기 어려운 분들을 위해 키보드만으로도 화면을 탐색하고 조작할 수 있도록 해야 합니다.
음성 명령으로 기기를 조작할 수 있어서, 손을 사용하지 않고도 편리하게 사용할 수 있습니다.
인지적 또는 운동 능력에 어려움을 겪는 사용자를 위해 시간 제약적인 상호 작용은 피하는 것이 좋습니다. 또한, 쉽고 직관적으로 이해할 수 있는 탐색 시스템을 구축하여 사용자 편의성을 높여야 합니다.
이해하기 쉬운 콘텐츠 (Understandable)
콘텐츠는 명확하고 간결해야 하며, 누구나 쉽게 이해할 수 있도록 작성되어야 합니다. 인지 능력에 관계없이 모든 사용자가 인터페이스를 불편함 없이 사용할 수 있어야 합니다. 이를 위해 몇 가지 중요한 고려 사항들이 있습니다.
이해하기 어려운 전문 용어 대신 쉬운 말을 써서 글을 읽기 편하게 만듭니다.
사용자가 작업을 진행하는 동안 길잡이 역할을 할 수 있도록 안내, 팁, 그리고 작업 결과에 대한 의견을 전달합니다.
인지적 부담을 줄이려면 콘텐츠를 예측 가능하고 일관성 있는 방식으로 구성하는 것이 좋습니다.
읽기에 어려움을 겪는 사용자들이 더 편안하게 콘텐츠를 이용할 수 있도록 텍스트 크기나 글자 간격 등을 자유롭게 조절할 수 있는 기능을 제공합니다.
강직함 (Robust)
제품은 여러 보조 기술 및 장치와 문제없이 연동되어 오랫동안 사용할 수 있어야 하고, 변화하는 환경에 쉽게 적응할 수 있도록 설계되어야 합니다. 이를 위해서는 다음과 같은 점들이 중요합니다.
화면 읽기 프로그램, 음성 인식 소프트웨어 등 다양한 보조 기술과의 연동이 원활하게 이루어지도록 지원합니다.
시맨틱 (Semantic) HTML과 ARIA (Accessible Rich Internet Applications) 속성을 활용하여 웹 페이지의 접근성을 개선할 수 있습니다.
다양한 화면 크기와 기기에서도 콘텐츠가 문제없이 잘 보이도록 반응형 디자인을 사용합니다..
기술이 발전함에 따라, 보조 기술이 항상 제대로 작동하는지 확인하기 위해 주기적으로 점검합니다.
포용적 사용자 경험(UX) 디자인이 해결해야 할 문제
인식과 교육이 충분히 이루어지지 않음
상당수의 디자이너와 개발자들이 접근성 원칙에 대해 체계적인 교육을 제대로 받지 못하는 경우가 많습니다. 접근성은 디자인 과정에서 핵심적인 요소로 취급받기보다는 종종 중요도가 낮은, 추가적인 고려 사항 정도로 여겨지는 경향이 있습니다. 기업은 지식 부족 문제를 해결하기 위해 교육 프로그램을 운영하고, 관련 인식을 높이는 데 투자를 아끼지 않아야 합니다.
자원 부족
포용적 디자인을 실현하기 위해서는 일반적으로 더 많은 시간과 비용이 소요되며, 관련 분야에 대한 전문적인 지식 또한 요구됩니다. 많은 기업들이 필요한 자원 배분에 어려움을 느껴, 접근성 개선을 위한 노력이 충분히 이루어지지 못하고 있습니다. 설계 초기 단계에서부터 접근성을 중요하게 고려하면, 나중에 발생할 수 있는 문제 해결 비용을 줄일 수 있습니다.
잠재적인 편견
디자인 팀은 자신들의 경험이나 선입견으로 인해 의도하지 않게 특정 사용자 집단을 소외시킬 가능성이 있습니다. 결과적으로, 여러 사용자들의 다양한 요구를 제대로 반영하지 못한 제품이 만들어질 수 있습니다. 장애를 가진 사람들을 포함하여 다양한 사용자를 대상으로 폭넓은 연구를 진행하고, 디자인 과정에 그들의 의견을 적극적으로 반영하면 디자인에 숨겨진 편견을 줄이는 데 효과적입니다.
테스트의 복잡성
다양한 배경과 능력을 가진 사용자를 대상으로 폭넓은 테스트를 거쳐야 포용성을 확보할 수 있습니다.
접근성 평가는 일반적인 사용성 평가와는 다르게, 보조 기기 사용, 화면 읽기 프로그램 활용, 여러 가지 상호 작용 방식 등을 고려합니다. 조직은 웹사이트나 앱 등의 접근성을 철저히 평가하기 위해 자동화 도구와 함께 사람이 직접 테스트하는 방식을 함께 사용하는 것이 좋습니다.
포용적 UX 디자인을 위한 좋은 예시
WCAG (웹 콘텐츠 접근성 지침)
WCAG 표준을 따르면 웹 접근성을 향상하는 데 도움이 되는 좋은 방법들을 따를 수 있습니다. 변화하는 가이드라인에 맞춰 디자인을 주기적으로 점검하고 최신 상태로 유지하는 것이 중요합니다.
포괄적인 언어와 이미지를 사용
성별이나 특정 문화에 국한된 표현은 자제하고, 시각 자료를 사용할 때는 다양한 배경을 가진 사람들을 포괄적으로 나타내도록 세심하게 살핍니다.
난독증이 있는 사람들이 글을 읽는 데 어려움을 겪지 않도록, 읽기 쉬운 글꼴을 사용하고 글자 간 간격을 적절하게 조정하는 등 가독성을 높이는 요소를 고려해야 합니다.
다양한 방식의 상호작용
음성으로 명령을 내리거나, 키보드 단축키를 활용하고, 화면 낭독 기를 사용하는 등 다양한 방법으로 편리하게 이용할 수 있도록 지원합니다.
사용자는 자신의 수준이나 역량에 맞춰 제품을 다루고 활용할 수 있는 자유가 보장되어야 합니다.
다양한 배경을 가진 사용자를 모집하여 사용성 테스트 진행
사용성 테스트를 진행할 때 장애유무, 다양한 연령대, 여러 문화적 배경을 가진 사람들을 포함하여 폭넓은 사용자층의 의견을 수렴하는 것이 중요합니다.
사용자들의 다양한 의견을 직접 수렴하여 디자인이 실질적인 접근성 문제를 개선하는 데 도움이 되도록 해야 합니다.
반응형 디자인과 확장성 고려
제품은 여러 종류의 기기, 다양한 화면 크기, 그리고 여러 해상도에서 문제없이 작동하도록 호환성을 갖춰야 합니다.
반응형 (Responsive) 디자인은 컴퓨터뿐만 아니라 스마트폰과 같은 여러 기기에서 사용자가 불편함 없이 웹사이트를 이용할 수 있도록 해줍니다.
접근성 전문가와 협업
접근성 전문가나 시민단체와 협업하는 것은 사회적으로 소외된 계층의 사용자들에게 필요한 사항들을 파악하는 데 큰 도움이 될 수 있습니다.
영감을 주는 포용적 디자인 사례
Netflix
2022년 넷플릭스는 기묘한 이야기 시즌 4의 자막으로 극찬을 받았습니다.
대사만 단순히 기록하는 것이 아니라, 주변 소리와 배경 음악까지 세심하게 추가하여 청각 장애인들이 더욱 편안하게 영상을 즐길 수 있도록 제작했습니다. 예를 들면 다음과 같습니다.
[으스스하고 불안한 음악이 흐릅니다]
[웅장한 오페라 음악이 희미하게 흐릅니다]
[괴롭힘 꾼 1이 잔인하게 비웃습니다]
[문이 축축하게 쿵쾅거립니다]
[젖은 끽끽거리는 소리]
이러한 예시들이 맥락 없이 완벽하게 이해되기는 어려울 수 있지만, 특정한 분위기를 만드는 데 기여했다는 사실은 분명합니다. 또한, 약간의 관심과 노력만 기울이면 모든 청각 장애인에게 더욱 풍부하고 생생한 경험을 제공할 수 있다는 점을 시사합니다.
이미지 출처: NetflixSlack
슬랙은 업무 효율성을 높여주는 앱으로, 매일 사용하는 사람이 대략 3,230만 명에 달한다고 합니다. 따라서 Slack의 브랜드 이미지는 여러 연령대, 다양한 민족, 그리고 여러 능력을 가진 사람들을 포괄적으로 나타내는 것이 중요하다고 할 수 있습니다.
슬랙의 브랜드 가이드라인에 따르면, 다양한 연령과 체형을 가진 사람들을 그린 일러스트레이션은 인간적인 면모를 강조하고 협력과 팀워크를 나타낼 뿐만 아니라, 고객에게 현실적인 시각을 제시합니다.
이미지 출처: SlackFenty Beauty
2017년 리한나 (Rihanna)가 론칭한 펜티 뷰티는 출시 직후 엄청난 인기를 얻어 40일 만에 1억 달러가 넘는 매출을 기록했으며, 타임지 선정 '올해의 25대 혁신적인 발명품'에 이름을 올리기도 했습니다. 펜티 뷰티의 성공 요인은 모든 사람에게 잘 어울리는 다양한 제품을 제공했다는 점입니다. 특히, 40가지 색상으로 시작한 파운데이션 라인은 이후 50가지 색상으로 확장되어 더욱 폭넓은 선택지를 제공했습니다. 펜티 뷰티의 이러한 성공은 오랫동안 뷰티 업계에서 소외되었던 여성들의 마음을 사로잡았기 때문이라고 분석됩니다.
이미지 출처: FentyUX 디자인을 가능하게 하는 도구와 자료
접근성 검사 도구:
WAVE(Web Accessibility Evaluation Tool) (웹 접근성 평가 도구) – 웹사이트의 접근성 오류를 식별합니다.
Axe – 개발자를 위한 자동화된 접근성 검사 도구입니다.
Lighthouse – 웹사이트 접근성 및 성능을 감사하는 Google Chrome 도구입니다.
색상 대비 분석기 – 가독성을 위한 충분한 대비를 보장합니다.
보조 기술 도구:
스크린 리더: NVDA (NonVisual Desktop Access), JAWS (Job Access With Speech), VoiceOver (Apple).
음성 인식 소프트웨어: Dragon NaturallySpeaking, Google Voice Typing.
대체 입력 장치: 스위치 컨트롤, 시선 추적 시스템, 적응형 키보드.
디자인 가이드라인:
WCAG 2.1 – 웹 콘텐츠 접근성 가이드라인.
Microsoft Inclusive Design Toolkit – 포괄적인 제품 디자인을 위한 실용적인 프레임워크를 제공합니다.
Google Material Design 접근성 가이드라인 – 접근 가능한 디지털 인터페이스에 대한 모범 사례를 제공합니다.
ARIA(Accessible Rich Internet Applications) – 동적 콘텐츠의 웹 접근성을 향상합니다.
포용적인 UX 디자인은 공정하고 평등한 디지털 환경을 만드는 데 매우 중요합니다. 접근성과 다양한 사용자층을 고려하는 것은 기업이 법적인 의무를 지키는 것뿐만 아니라, 새로운 아이디어를 창출하고 고객 만족도를 높이는 데 도움이 됩니다.
포용적 디자인 원칙을 적용하면 더 많은 사람들이 디지털 제품을 쉽게 사용할 수 있게 되어, 접근성을 높이는 것이 윤리적으로 옳을 뿐 아니라 사업적으로도 이득이 된다는 점을 분명히 할 수 있습니다.
