UXUI디자인

모두를 위한 디자인 ( Inclusive Design )

Boooh 2023. 3. 26. 01:50

모두를 위한 디자인 (Inclusive Design)

오늘은 닐슨노만사이트에 올라온 아티클인

모두를 위한 디자인 (Inclusive Design)에 대해서 이야기 해보려고한다.

모두를 위한 디자인이란?

모두를 위한 디자인은 접근성, 연령, 문화, 경제적 상황, 교육, 성별, 지리적 위치, 언어 & 인종을 다룰 수 있습니다.

가능한 한 많은 사용자가 아니라 가능한 한 많은 사용자의 요구를 충족시키는것에 중점을 둡니다.

모두를 위한 디자인패턴의 예시

< 고령자를 위한 텍스트 가독성 & 다크 모드 >

가독성을 보장하기 위해 디자이너는 상당히 큰 글꼴 크기를 사용하고 전경과 배경의 문자 간의 대비가 높으며 깨끗한 서체를 사용해야 합니다.

이러한 특성은 모든 사용자에게 중요합니다. 그러나 노안의 한 형태인 노안이 중년 이후에 흔하기 때문에 고령 사용자는

가독성이 좋지 않은 인터페이스로 인해 특히 어려움을 겪습니다.

폰트 사이즈 조정의 예시

보통 UIUX를 디자인 하는 사람들은 어린사람들이기때문에, 고령자들이 쉽게 텍스트를 보기가 쉽지 않습니다.

이 문제점을 해결하기 위해서는 폰트 사이즈를 키울수 있도록 조정할 수 있는 옵션을 두는 것이 좋습니다.

또한 고령자들은 백내장이나 화면이 흐리게 보이는 문제가 있기 때문에

다크모드 옵션으로 전환하였을경우를 고려하여 디자인하면좋습니다.

< 글로벌 유저를 위한 Lastname(성) 입력 >

한국사람으로써 회원가입을 할때 성을 입력시 문제가 된적이 한번도 없었지만,

언어에따라 자신의 성에 하이픈이나 특수문자가 들어간경우 문제가 된다고합니다.

예를들어 Martínez del Río 이런 이름이라면 오류로 인식한다고 합니다.

페이스북

이를 위해서 페이스북은 자신의 이름이 오류로 인식했을경우

따로 처리할 수 있도록 입력할 수 있는 폼을 만들었다고 합니다.

< 인구통계학적의 다양한 성별 >

보통 성별을 선택할때 여성,남성 두가지로만 선택할 수 있도록하는

경우가 흔히 보이는데, 틴더는 다양한 성별을 고려하여

30가지 이상의 옵션을 선택할수 있도록 하였습니다.

이렇게 다양한 성별,인종을 가진사람들이 자신을 표현하는데 문제가 없도록 하였습니다.

틴더

< 모두를 위한 옵션의 예시 >

핀터레스트 같은경우 다양한 헤어스타일을 선택하여 볼수있도록

세분화된 옵션을 최근에 추가하였습니다.

핀터레스트

세포라에서도 연령별로 세분화되서 필터해서 볼 수 있도록하여

자신의 연령대에 필요한 제품을 찾아볼 수 있도록하였습니다.

세포라

< 모두를 위한 일러스트 >

에어비엔비의 일러스트 같은경우에도 다양한 인종과 연령대를 포괄할 수 있는

디자인으로 수정한 모습을 볼 수 있습니다.

에어비엔비

아틀라시안에서도 이전에는 남성여성정도의 포현만 있었다면

최근에는 다양한 인종과 성별을 포괄하여 일러스트를 수정하였습니다.

아틀라시안


한국에서 국내에 있는 사람들을 타겟으로한 프로덕트를 디자인하고있는 사람으로써

평상시에 이런것에 대해서 고민해 본적이 없었는데 이 아티클로 하여금

새로운 생각을 해볼 수 있어서 좋았다.

저렇게 큰 기업들의 변화가 사람들의 인식도 바꿀수 있는 좋은 영향이라고 생각한다.

한국은 아무래도 단일민족 국가이고 사람들의 자라온환경이

비교적 다양하지는 않기 때문에 디자인을 할때 이런것들은 많이

고려되지않는 기업들이 대부분인것으로 보인다.

앞으로 한국도 고령층이나 다양한 인종,국가를 고려하여 디자인 하는

문화가 생겨나길 바란다!

※이 글은 기존 아티클을 재편집하여 작성된글입니다.