UI&UX

[가이드라인] 고령층 친화 디지털 접근성

METACV 2025. 2. 11. 13:45
  • 고령층(시니어)을 위한 웹사이트를 구축할 때는 사용자들의 신체적, 인지적 특성을 고려하여 접근성과 사용성을 높이는 것이 중요함

고령자 모드

■ 고령층 친화 가이드라인
1. 고령자 친화적 모바일 금융앱 구성지침(2022, 금융위원회)
- 고령자들이 모바일 금융 앱을 보다 쉽게 이용할 수 있도록 구성 요소와 디자인에 대한 권장 사항을 제공
   https://www.fsc.go.kr/no010101/77426
2. 고령층 친화 디지털 접근성 표준(2020, 서울시)
- 고령층이 디지털 서비스를 이용할 때 겪는 불편을 최소화하기 위한 접근성 기준을 제시
   https://smart.seoul.go.kr/board/41/4901/board_view.do
3. 콘텐츠 서비스 시니어 모드 UI/UX 가이드라인(2018, (주)이니션)
- 시니어 모드를 제공하는 콘텐츠 서비스의 UI/UX 설계 시 고려해야 할 사항들을 상세히 다루고 있음
   http://www.initiondata.kr/SeniorUX/Senior%20UX_Spread.pdf

■ 고령층을 위한 웹사이트 구축 시 고려사항

구분 설명
텍스트 가독성 향상 글꼴 크기 - 최소 16px 이상의 글꼴 크기를 사용하여 가독성을 높임
명확한 서체 - 명확한 서체를 사용해 글자의 식별을 용이하게함
텍스트 조정 기능 - 사용자가 텍스트 크기를 조절할 수 있는 기능을 제공함
색상 대비 및 사용 높은 대비 - 텍스트와 배경 사이의 대비를 높여 시각적 구분을 명확히 함
색상 의존 최소화 - 정보 전달 시 색상에만 의존하지 않고, 텍스트나 아이콘을 함께 사용함
명확한 내비게이션 일관된 메뉴 구조 - 메뉴의 위치와 구성을 일관되게 유지하여 사용자가 쉽게 탐색할 수 있도록 함
현재 위치 표시 - 사용자가 현재 위치한 페이지나 섹션을 명확히 표시하여 혼동을 방지
클릭 가능한 요소의 식별 용이성 버튼 크기 - 터치나 클릭이 용이하도록 충분한 크기의 버튼을 사용
시각적 피드백 - 클릭 가능한 요소에 마우스 오버 시 색상 변화나 강조 효과를 주어 인터랙션 가능함을 나타냄
애니메이션 및 시간 제한 요소 최소화 애니메이션 제한 - 불필요한 애니메이션은 피하고, 필요한 경우에도 단순하고 느린 속도로 설정
시간 제한 제거 - 사용자가 작업을 완료하는 데 충분한 시간을 제공하고, 시간 제한이 필요한 경우 명확한 안내를 제공
명확한 언어 사용 간단한 문장 구조 - 이해하기 쉬운 단어와 문장을 사용하여 정보를 전달
전문 용어 최소화 - 전문 용어나 약어의 사용을 지양하고, 필요한 경우 설명을 추가함
오류 허용 및 복구 기능 제공 오류 메시지 제공 - 사용자가 실수했을 때 명확한 오류 메시지를 제공하고, 해결 방법을 안내
실행 취소 기능 - 잘못된 작업을 쉽게 되돌릴 수 있는 기능을 제공

■ 참고사이트
https://brunch.co.kr/@mrlees/10
https://post.naver.com/viewer/postView.naver?volumeNo=34068003&memberNo=45564485
https://brunch.co.kr/@hailey-hyunjee/49
https://ditoday.com/ux-tips/
https://skyeong.net/303
https://brunch.co.kr/@moduux/3
https://www.mobiinside.co.kr/2021/05/27/senior-ux-design/
https://www.openads.co.kr/content/contentDetail?contsId=12996
https://www.toptal.com/designers/ui/ui-design-for-older-adults
https://www.eleken.co/blog-posts/examples-of-ux-design-for-seniors
https://uxstudioteam.com/ux-blog/apps-for-seniors/
https://www.frontiersin.org/articles/10.3389/fpsyg.2021.681756/full
https://adchitects.co/blog/guide-to-interface-design-for-older-adults
https://uxplanet.org/ux-study-designing-for-older-people-6c67575d9c2f
https://bootcamp.uxdesign.cc/7-things-i-learned-when-designing-for-elderly-people-214eeef1e646