포괄적인 제품 경험은 사용자 배경과 능력에 대한 깊은 이해를 바탕으로 합니다. 포괄적인 디자인을 우선시하는 디지털 인터페이스는 소속감을 조성하여 사용자 경험에 긍정적인 영향을 미칠 수 있습니다. 포괄적인 디자인은 모든 배경과 능력을 가진 사람들을 이해하고 가능하게 하는 제품을 만드는 방법론을 설명합니다. 포괄적인 디자인은 접근성, 연령, 문화, 경제적 상황, 교육, 성별, 지리적 위치, 언어 및 인종을 다룰 수 있습니다 . 가능한 한 많은 사용자가 아니라 가능한 한 많은 사용자의 요구를 충족시키는 데 중점을 둡니다. 인클루시브 디자인의 핵심은 사용자와 공감하고 해당 사용자의 다양한 요구를 해결하기 위해 인터페이스를 조정하는 것입니다. 포괄적인 디자인은 포괄적인 디자인 패턴을 생성합니다. 인클루시브 디자인 패턴의 예를 살펴보겠습니다. 웹 전반에 걸쳐 정부 사이트에서 구직 지원, 눈에 띄는 계정 생성 프로세스에 이르기까지 사용자는 미리 결정된 옵션 집합에서 인종을 선택해야 합니다. 내가 젊었을 때 이 입력에 관해 결정을 내리려고 할 때 옵션이 상호 배타적이어서 어려움을 겪었습니다. 혼혈 여성으로서 단일 인종을 선택하라는 양식은 작은 정체성 위기처럼 느껴졌습니다. 어떤 옵션도 내 정체성을 전달하지 못했습니다. 운 좋게도 이 양식과 해당 옵션은 둘 이상의 종족 옵션(또는 이전 라디오 버튼 대신 확인란 )을 포함하도록 발전했습니다. 이것은 인클루시브 디자인 패턴의 예입니다. 접근성 및 유니버설 디자인 vs. 포함 디자인 인클루시브 디자인과 관련하여 종종 혼동되는 두 가지 개념은 접근성과 유니버설 디자인 입니다. 세 가지 개념 모두 인간과 기술 간의 장벽을 줄이고 포괄적인 경험을 만드는 것을 목표로 합니다. 접근성은 장애가 있는 사람들 (청각, 인지, 신체 및 시각 장애 포함) 이 인터페이스와 기술을 사용할 수 있도록 하는 데 중점을 둡니다 . 접근성은 특정 편의 시설에 중점을 둔 인클루시브 디자인보다 범위가 좁습니다. 또한 WCAG(웹 콘텐츠 접근성 지침) 와 같은 접근성 표준 은 접근성을 포괄적이고 보편적인 디자인보다 평가하기 쉽게 만듭니다. 그러나 접근성은 장애인을 위한 의미 있는 경험을 위한 최소한 의 것입니다. 유니버설 디자인은 모든 사람들이 최대한 접근하고 사용할 수 있는 하나 의 경험을 만드는 것을 목표로 합니다. 인클루시브 디자인과 달리 유니버설 디자인은 조정이나 전문적인 디자인이 필요 없이 단일 디자인 솔루션을 적용합니다. 포괄적인 디자인은 원하는 결과를 얻는 한 다양한 디자인 변형을 수용하고 수용합니다. 일반적으로 유니버설 디자인은 유형 및 환경적 맥락에서 더 널리 사용됩니다(결국 물리적 개체 또는 공간의 여러 기능적 변형을 생성하는 데 비용이 많이 듭니다). 이에 비해 인클루시브 디자인은 상대적으로 저렴하고 이러한 인터페이스를 적용하기 쉽기 때문에 디지털 제품 디자인에 더 자주 적용됩니다. 포괄적인 디자인 패턴: 예 다시 말하지만, 포괄적인 디자인은 접근성, 연령, 문화, 경제 상황, 교육, 성별, 지리적 위치, 언어 또는 인종을 포함한 다양한 주제를 다룰 수 있습니다. 다음에서 우리는 인클루시브 디자인 패턴의 몇 가지 예를 제공합니다. 고령자를 위한 텍스트 가독성 및 다크 모드 우리 가 선배들과 함께 연구 하는 동안 한 참가자는 "내가 컴퓨터에 대해 좋아하지 않는 한 가지는 화면에서 글자를 너무 작게 만든다는 것입니다."라고 말했습니다. 가독성 을 보장하기 위해 디자이너는 상당히 큰 글꼴 크기를 사용 하고 전경과 배경의 문자 간의 대비가 높고 깨끗한 서체를 사용해야 합니다. 이러한 특성은 모든 사용자에게 중요합니다. 그러나 노안의 한 형태인 노안이 중년 이후에 흔하기 때문에 고령 사용자는 가독성이 떨어지는 인터페이스로 인해 특히 어려움을 겪습니다. 작은 텍스트와 어수선한 레이아웃이 있는 웹 페이지 81세의 한 참가자는 Globe and Mail 웹사이트에서 최근 기사를 검색했지만 화면의 텍스트를 읽는 데 어려움을 겪었습니다. 헤드라인을 읽는 동안 그는 (빽빽하게 구성된 텍스트로 인해) 여러 번 자리를 잃었고 텍스트를 더 잘 보기 위해 랩톱 화면에 더 가까이 몸을 기울였습니다. 세 차례의 연구를 통해 노인들의 가장 일반적인 불만은 사이트와 앱이 젊은 사람들을 염두에 두고 설계되었으며 종종 노인들이 읽기 어렵다는 것이었습니다. 한 연구 참가자는 "인터넷은 시력이 좋지 않은 사람들에게 비우호적입니다."라고 말했습니다. UI를 보다 포괄적으로 만들려면 읽기 쉬운 글꼴을 선택하고 사용자가 글꼴 크기를 늘릴 수 있는 버튼을 제공합니다 . 기사 웹 페이지의 글꼴 크기 제어 기사의 글꼴 크기를 늘리는 컨트롤은 Washington Post 웹사이트에서 제공되었습니다. 이 기능은 시력이 저하된 시니어 사용자를 대상으로 했습니다. 노년기의 또 다른 일반적인 문제는 백내장 또는 흐린 안구 매체로 인한 문제입니다. 이러한 문제가 있는 개인은 조명 모드에서 인터페이스를 처리하는 데 문제가 있습니다. 그들을 돕기 위해 UI에 대한 다크 모드 옵션을 고려하고(강제하지는 않음) 다양한 운영 체제에서 제공할 수 있는 모든 다크 모드 API를 활용하여 다크 모드로 전환하기로 결정한 사용자가 여전히 인터페이스를 사용할 수 있도록 합니다. . 전 세계 청중을 위한 성 입력 성공적인 글로벌 인터페이스는 디지털 통합에 의존합니다. 전 세계적으로 성은 다양한 변형이 있습니다. 그러나 성 양식 필드에 항상 입력할 수 있는 것은 아닙니다. 글자 수 제한, 하이픈 금지 또는 부적절한 영어 단어와 철자가 같은 이름에 대한 제한과 같은 제한은 일부 사람들을 소외감을 느끼게 할 수 있습니다. 지원 페이지에서 세금 신고 소프트웨어인 TaxSlayer는 성 필드 제한 사항에 대해 설명했습니다. 하이픈은 허용되지만 아포스트로피 또는 악센트가 있는 문자와 같은 특수 문자는 허용되지 않습니다. 이러한 제한은 IRS(국세청) 형식 요구 사항으로 인한 것입니다. 결과적으로 Martínez del Río와 같은 스페인어 성은 유효한 항목으로 간주되지 않습니다. 성 양식 필드 제한 사항에 대한 정보가 있는 지원 페이지 TaxSlayer의 지원 페이지 에서는 IRS 형식 요구 사항으로 인한 성 필드 제한 사항에 대해 설명했습니다. 진정한 이름 항목을 거부하는 문제는 Facebook이 전용 지원 페이지를 만들 정도로 두드러졌습니다. 페이지에 " 실명으로 Facebook 계정에 가입할 수 없는 경우 설정을 할 수 있도록 아래 양식을 작성해 주세요." 이 양식은 사용자에게 이름을 확인하는 문서를 첨부하도록 요청했습니다. Facebook 계정 사용자 이름이 거부된 경우 사용자가 제출하는 양식 이름이 유효한 항목으로 승인되지 않은 사용자를 위한 Facebook 지원 양식입니다. 다양한 인구통계학적 식별자 인구통계학적 식별자(예: 인종, 성별, 성적 취향)가 필요한 상황에서는 포괄적인 옵션을 제공합니다. 예를 들어, 데이트 애플리케이션인 Tinder는 사용자가 자신의 성 정체성을 설명하는 단어를 입력할 수 있도록 하고 30개 이상의 옵션을 제공했습니다. 이 수준의 특이성은 선택 항목에 부합하는 사용자를 포함했습니다. 사용자가 성별 식별을 선택하기 위해 입력할 수 있는 모바일 앱의 데이터 입력 필드 모바일 데이트 앱인 Tinder를 통해 사용자는 다양한 성별을 선택할 수 있습니다. 인터페이스는 또한 이 설정이 기본적으로 꺼져 있음에도 불구하고 사용자가 프로필에서 성별을 공유할 수 있도록 했습니다. 포괄적인 측면 사용자의 요구 사항을 이해하면 이러한 요구 사항을 만족시킬 수 있는 몇 가지 유쾌한 방법을 생각해낼 수 있습니다. 예를 들어, 이미지 공유 앱인 Pinterest는 사용자가 일부 비전통적인 옵션을 기반으로 필터링 할 수 있는 새로운 기능을 출시했습니다(예: 머리카락 패턴(예: 보호 , 곱슬 , 직선 ). 이 패턴은 사소한 추가처럼 보일 수 있지만 Pinterest의 다양한 사용자 기반에 공감하고 포괄적인 탐색 경험을 만들었습니다. 헤어 패턴으로 검색할 수 있는 카드 레이아웃, 이미지 및 필터가 있는 모바일 앱 Pinterest는 사용자가 헤어 패턴에 따라 헤어스타일을 분류할 수 있도록 포괄적인 필터를 추가했습니다. 마찬가지로 Sephora는 사용자가 연령대 (예: 10대 , 20대, 30대 )별로 스킨케어 제품을 검색할 수 있도록 했습니다. 이 디자인 패턴은 사용자가 여드름이나 주름과 같은 연령별 문제를 대상으로 하는 제품을 찾을 수 있도록 했기 때문에 포괄적입니다. 연령대별로 검색할 수 있는 스킨케어 제품 및 필터가 있는 전자상거래 웹페이지 Sephora는 사용자가 연령대와 관련된 제품을 찾을 수 있는 필터를 제공했습니다. 다양한 일러스트 수년 동안 디자이너들은 종종 화려한 머리카락을 가진 캐릭터의 윤곽으로 구성된 최소한의 일러스트레이션을 선택했습니다. 이 캐릭터는 일반적으로 의도되었으며 피부색이 없어 그래픽을 포괄적으로 만들었습니다. 실제로 이러한 디자인은 그 반대였습니다. 피부색이나 다양성을 전달하는 다른 특성이 없으면 이 일러스트레이션은 모두 백인처럼 보였으므로 다른 모든 사람을 배제했습니다. 수년에 걸쳐 여러 회사에서 일러스트레이션과 이미지를 보다 다양하고 사용자 집단에 맞게 변경했습니다. AirBnb에서 수년간 사용된 2가지 스타일의 일러스트레이션 A 이제 포용과 다양성을 우선시하는 에어비앤비의 일러스트레이션 진화 전(왼쪽)과 후(오른쪽). (출처: 에어비앤비 https://airbnb.design/your-face-here/ ) Atlassian에서 수년간 사용된 2가지 스타일의 일러스트레이션 현재 다양성과 포용성을 우선시하는 Atlassian의 일러스트레이션 진화 전(위)과 후(아래). (출처: Atlassian https://www.atlassian.com/blog/inside-atlassian/designing-inclusive-illustrations-at-atlassian 결론 포용적인 디자인은 사람에 따라 다르게 보일 수 있습니다. 당신에게 배타적이거나 둔감해 보이지 않는 것이 다른 사람에게는 엄청나게 모욕적일 수 있습니다. 귀하는 귀하의 사용자가 아님을 기억하십시오 . 이 기사의 예를 영감으로 사용하고 다음 팁을 고려하여 인클루시브 디자인 관행을 성장시키십시오. 포괄적인 연구 관행을 우선시합니다 . 인터페이스를 테스트하고 평가할 때 사용자를 다양하게 표현해야 합니다. 이 다양성에서 배우고 실제 요구 사항을 목표로 사용하십시오. 다양한 사람들이 기술을 사용하는 방법에 대해 이해 관계자를 교육합니다 . 당신의 연구에 그들을 참여시키고, 예를 공유하고, 사용자 인용문을 강조하십시오. 배제를 인정합니다. 귀하의 제품이 모든 사람을 위해 만들어졌다고 생각하는 데 편향되지 마십시오. 일러스트레이션과 같은 측면의 단조로움은 배제를 전달할 수 있습니다. 지나치게 단순화된 버전이 아니라 사람들의 실제 모습을 반영하는 것을 목표로 하세요.