디자인 프로젝트의 성공은 사용성에 의해 결정됩니다. 특정 디자인이 장애, 환경 또는 문화적 배경이 무시되어 사용자 그룹을 제외한다면 단순히 목적을 달성하지 못하고 디자이너 입장에서 우리가 살고 있는 세상에 대한 이해가 용납할 수 없는 결여를 보여줍니다.
그렇다면 디자이너는 프로젝트의 범위를 넓히기 위해 어떤 단계를 밟을 수 있을까요?
일러스트 남자와 여자 화면에 버튼을 누르면
학습 곡선
접근성과 포용성을 향한 여정은 공감에서 시작됩니다. Pixel Fridge에서는 고객의 사용자를 이해하고 그에 따라 업무 방식을 조정하려는 노력이 가장 중요합니다. 관찰하고, 질문하고, 이해하는 데 시간을 할애하는 것은 다양한 상황에서 인간의 필요의 다양성을 인식하는 열쇠입니다.
접근 가능한 디자인은 장애가 있는 사람들을 지원하기 위해 구현된 업계 지침 에 따릅니다. 이를 한 단계 더 나아가 포괄적인 디자인은 특정 상황 때문에 특정 그룹의 사람들을 배제할 수 있는 다양한 경험도 고려합니다.
예를 들어, 접근성 지침은 청각 장애 또는 난청일 수 있는 사용자를 돕기 위한 권장 사항을 제공합니다. 그러나 포괄적인 접근 방식으로 설계한다는 것은 바쁜 대기실에서 서비스에 액세스할 수 있고 장치의 사운드를 켤 수 없는 사용자를 고려한다는 의미이기도 합니다. 다양한 상황이 사용자에게 다양한 방식으로 영향을 미칠 수 있음을 인식하는 것은 윤리적이고 긍정적인 디자인 관행을 위한 좋은 출발점입니다.
이것은 실제로 무엇을 의미합니까?
접근성 지침과 포괄적인 작업 방법을 통해 디자이너는 능력, 환경 또는 문화적 배경에 관계없이 모든 사용자를 포함할 수 있습니다.
아래 가이드는 완전한 것은 아니지만 웹용으로 디자인할 때 접근성과 포괄성에 관한 한 고려해야 할 다양한 요소에 대한 확실한 개요를 제공합니다.
색깔
대비를 위한 색상
가독성 관점에서 디자인 작업에 사용된 모든 색상을 확인하는 것이 좋습니다. WebAIM(Web Accessibility in Mind)과 같은 온라인 도구를 통해 디자이너는 주어진 디자인의 대비 수준을 확인할 수 있습니다. World Wide Web Consortium에서 발행 한 웹 콘텐츠 접근성 지침 에 따라 이러한 도구는 2가지 수준의 접근성에 대해 대비를 표시합니다. 즉, 수준 AA를 통과하려면 일반 텍스트의 대비 비율이 4.5:1보다 높아야 합니다. 레벨 AAA를 통과하려면 명암비가 일반 텍스트의 경우 7:1보다 높아야 합니다. 최소한 모든 디자인은 레벨 AA를 통과해야 하지만 이상적으로는 AAA도 통과하는 것이 목표입니다.
하지만 색상 팔레트는 대비와 관련하여 신중하게 고려해야 합니다. 일부 사람들은 대비 감도를 경험하여 흰색 배경에 있는 검은색 텍스트를 읽기 어렵게 만듭니다.
예를 들어 난독증이 있는 사람들의 경우 디자이너는 순수한 흰색에 검은색이 아닌 밝은 배경에 어두운 텍스트를 선택해야 합니다.
자폐 스펙트럼의 사용자는 밝은 대조 색상보다 단순한 색상 팔레트로 설계된 인터페이스와 더 쉽게 상호 작용할 수 있습니다.
의미를 위한 색상
디자이너는 의미를 전달하기 위해 색상에만 의존해서는 안 됩니다. 화면 판독기는 색을 전달하지 않으며 색맹 사용자도 이를 볼 수 없습니다. 오류 메시지의 예에서 단순히 빨간색으로 강조 표시하는 것만으로는 충분하지 않습니다. 이것은 색상을 보는 사용자의 능력을 너무 많이 가정합니다. 사용자에게 오류가 있음을 알리는 텍스트를 함께 제공하는 것은 저시력, 색맹 또는 스크린 리더 사용자의 경험을 향상시키는 데 중요합니다.
또한 사람들이 문화적, 정치적, 종교적 또는 역사적 연관성에 따라 다양한 방식으로 색상을 경험할 수 있다는 점도 주목할 가치가 있습니다. 예를 들어 빨간색은 중국에서 행복과 행운과 관련이 있지만 남아프리카에서는 애도를 상징합니다. 약간의 사용자 조사와 대상 고객에 대한 명확한 이해를 바탕으로 디자이너는 프로젝트에 적합한 색상 팔레트를 선택할 때 항상 사용자의 문화적 참조를 고려해야 합니다.
모바일 장치에서 버튼을 누르는 일러스트 남자
그래픽 및 멀티미디어
모든 이미지에 대체 텍스트 태그를 포함하는 것은 웹사이트의 콘텐츠를 최적화하고 화면 판독기 사용자가 이러한 시각적 요소에 대한 설명을 얻을 수 있도록 하는 좋은 방법입니다. 그것들이 없다면 그들의 경험은 줄어들고 오히려 이탈할 것입니다.
비디오 및 오디오 파일의 대본 또는 자막은 청각 장애인 또는 난청 사용자에게 유사하게 보다 만족스러운 경험을 제공합니다.
사용자를 여행으로 안내하려면 사용자의 참여를 유지하고 관련성 있는 경험을 제공하는 것이 중요합니다. 이미지 선택은 사실적이고 다양한 사진으로 이를 달성하는 열쇠입니다. 각계각층의 사람들이 특정 웹사이트를 방문할 가능성이 높으므로 참여를 극대화하려면 관련성이 높은 사진을 선택하는 것이 중요합니다.
클릭 가능한 작업
직접적이고 정확한 텍스트 설명은 특히 클릭 가능한 작업과 관련하여 퍼지 텍스트 콘텐츠보다 우선되어야 합니다. '여기를 클릭'보다는 '문의하기'가 모든 사용자가 다음에 올 일을 알려주는 더 효과적인 방법입니다. 진행 상황을 명확하게 표시하여 사용자가 자폐증 스펙트럼에 참여하도록 할 뿐만 아니라 클릭 가능한 작업에 대한 설명 텍스트도 스크린 리더 사용자를 보다 효과적으로 안내합니다.
클릭할 수 있는 작업은 또한 더 눈에 띄고 놓칠 수 없도록 충분한 공간을 제공해야 합니다. 모든 사용자가 주어진 웹 사이트에서 여정을 성공적으로 완료할 수 있도록 하는 것이 디자이너의 주요 관심사여야 합니다. 신체 또는 운동 장애가 있는 사용자는 온라인으로 양식을 작성할 때 압도되거나 혼란스러워해서는 안 됩니다. 명확하고 전략적으로 배치된 클릭 유도문안을 통해 목표를 성공적으로 달성할 수 있어야 합니다.
휴대 전화를 사용하여 휠체어에 일러스트 여성
레이아웃 및 구조
스크린 리더는 페이지에서 요소의 위치를 파악하지 못합니다. 콘텐츠를 구성하고 레이아웃을 구축할 때 디자이너는 요소의 시각적 계층 구조에 대해 논리적인 선형 접근 방식을 취하여 가장 중요한 콘텐츠가 클릭 유도문안 전에 쉽게 발견될 수 있도록 해야 합니다. 화면 판독기는 페이지에 표시된 순서대로 정보를 전달하므로 누락되지 않도록 논리적 레이아웃으로 구성해야 합니다.
짧은 줄 길이와 일관된 왼쪽 정렬로 콘텐츠를 단순하게 유지하면 모든 사람이 가독성을 높일 수 있습니다. 특히, 난독증이 있거나 자폐 스펙트럼이 있는 사용자는 일관된 패턴으로 정보를 제공하면 정보를 보다 효과적으로 처리할 수 있습니다.
구조적 관점에서 볼 때 사용자가 압도적인 콘텐츠의 페이지와 페이지를 스크롤할 필요 없이 원하는 것을 쉽게 찾을 수 있도록 보장하는 사이트맵을 포함하면 빠른 성공을 거둘 수 있습니다. 이 간단한 단계는 복잡한 탐색에서 길을 찾는 데 어려움을 겪을 수 있는 많은 사용자의 경험을 향상시킬 것입니다.
막대기로 길을 건너는 시각 장애인 일러스트
텍스트 내용
제품의 디자인은 성공의 가장 중요한 요소이며 디지털 제품의 경우 텍스트 콘텐츠는 디자인의 가장 중요한 측면 중 하나입니다. 이것은 최신 가전 제품에 대한 일련의 지침과 같습니다. 설명서가 의미가 없으면 제품이 무용지물이 될 가능성이 높습니다. 세탁기 매뉴얼과 마찬가지로 사용자 경험을 위한 글은 초보 사용자를 낙담시킬 수 있는 전문 용어와 전문 용어를 피해야 합니다. 단순하고 명확한 메시지를 고수하면 아직 귀하의 콘텐츠에 익숙하지 않은 사람들이 소외되는 것을 피할 수 있습니다.
다른 한편으로, 이것은 사용자가 후원받고 훼손되는 느낌이 들 정도로 콘텐츠를 마비시켜야 한다는 의미는 아닙니다. 청중에게 적절한 균형을 유지하고 모든 사람이 여정을 따라갈 수 있도록 목소리 톤을 신중하게 조정해야 합니다.
그리고 시간과 돈이 목적이 아니라면?
넉넉한 예산과 프로젝트를 완료할 수 있는 충분한 시간이 있다면 디자인을 보다 쉽게 접근할 수 있고 포괄적으로 만들 수 있는 옵션이 셀 수 없을 것입니다.
사용자 정의는 사용자가 필요와 선호도에 맞게 글꼴, 색상 및 텍스트 확대를 조정할 수 있는 기회를 제공하는 것으로 간주할 수 있습니다.
분명한 이유로 번역과 현지화는 웹사이트의 도달 범위에 큰 영향을 미칠 수 있습니다. 번역은 웹사이트의 언어를 대상 언어로 변경하는 과정입니다. 로컬라이제이션은 한 단계 더 나아갑니다. 이 프로세스에는 콘텐츠를 번역하는 것 외에도 사용자의 위치와 문화적 선호도에 맞게 일부 요소를 해당 언어로 변경하는 작업도 포함됩니다. 슬프게도 그러한 향상에 대한 지름길은 없으며 설계에 세심한 계획과 유연성이 필요합니다. 기계 번역이 아무리 유혹적이라도 바람직하지 않은 실수를 피하기 위해 이러한 유형의 작업은 전문가가 수행해야 합니다.
모두를 위한 공감
고려해야 할 목록은 계속될 수 있지만 이 간단한 가이드는 접근성과 포괄성이 설계 프로세스의 모든 단계에서 최우선 의제여야 함을 보여줍니다. 그 의미를 이해하고 원칙을 엄격하고 신중하게 적용하는 것은 설계자의 접근 방식에 필수적이어야 합니다.
디지털 세계와 그것이 우리 삶에 미치는 영향이 계속 증가함에 따라 디자이너로서 우리는 계속해서 스스로를 교육하고 보다 접근 가능하고 포괄적인 작업을 제공하기 위해 방법론을 적용해야 합니다.
모두에 대한 더 많은 공감을 통해 웹은 더 나은 곳이 될 수 있으며 아마도 세상도 그럴 수 있습니다.
