brunch

You can make anything
by writing

C.S.Lewis

by 모두의 경험 Dec 07. 2021

[번역]시니어를 위해 디자인 할 때 지켜야할 12가지

시몬 트제플라 (Szymon Trzepla)의 글을 번역했습니다

[원문]

Szymon Trzepla

Junior UX Designer
at RBL_ by Alior Bank

https://uxplanet.org/ux-accessibility-for-elderly-12-principles-9708289b6f78


이 글에서 무엇을 얻게 될까요?

혹시 디자이너이신가요? 이 글을 통해 디자인에 바로 적용할 수 있는 12가지 팁을 얻을 수 있습니다. 디자인을 완성하기 전에 체크리스트처럼 활용하세요



[번역]

접근성은 모든 디자이너가 잘 알고 있는 주제이죠. 많은 디자이너들이 모든 사람들이 접근할 수 있는 웹사이트, 앱, 서비스를 디자인하기 위해 노력하고 있기도 합니다.


한 프로젝트를 진행하면서 개인적으로 이 주제에 대해 깊이 생각할 기회가 있었는데요, 덕분에 시각장애 혹은 움직임이 불편한 사람들을 위한 디자인에 대한 생각보다 많은 정보를 알게 되었습니다. (오해하지는 마세요. 디자이너들이 장애와 관련된 이슈를 염두에 두고 있다는 것은 정말 멋진 일입니다.) 그렇지만 우리 중 훨씬 더 많은 사람들이 조만간 겪게 될 노화를 고려해서 디자인하는 방법을 찾는 것이 굉장히 어렵다는 것을 알게 되었습니다.  


그래서 저는 이 주제에 대한 데이터를 찾아봐야겠다고 결심했어요. 그리고 제가 찾은 데이터들을 12가지 규칙과 그에 맞는 예시들로 정리해봤습니다. 이를 통해 디자이너들이 60세 이상의 연령층을 위한 디자인에 보다 쉽게 접할 수 길 바랍니다. <윙크>


참고: 제가 쓴 앱/서비스의 예시는 설명된 기능에만 국한됩니다. 전체 앱/서비스가 시니어 친화적이라는 의미는 아닙니다.



1. 사용자가 인터페이스 크기(특히 텍스트)를 조정할 수 있게 하라.


요즘은 텍스트 크기를 조절할 수 있게 만든 디자인이 자주 보입니다. 좋은 것이죠. 다만, 모든 사람이 키보드 단축키에 익숙하지는 않기 때문에, 크기를 조정하는 버튼을 더 쉽게 찾을 수 있게 해야 합니다.


특히 터치 스크린에서 구현 가능한 여러 옵션 중에서도 제스처 컨트롤을 구현할 때는 조심스러워야 합니다.  C. Stößel and L. Blessing에 따르면 고령층은 여러 개의 손가락을 사용해야 하는 제스처(예: 핀치를 확대/축소)를 잘 쓰지 않으려는 경향이 있기 때문입니다.


2. 텍스트 필드 서식


텍스트는 읽기 쉽도록 충분히 커야 할 뿐만 아니라 정렬도 명확히 되어 있어야 합니다. 텍스트 자리 맞추기는 쓰지 않고 - 키팅 및 추적이 명확하도록 줄 간격을 1.5 이상 사용합니다.


3. 컬러 대신 텍스트를


색상은 오류, 클릭이 가능함과 같은 정보를 전달하는 데 자주 사용됩니다. 하지만, 색맹이 문제가 되지 않도록 텍스트 설명으로 컬러 커뮤니케이션을 보완하세요. 또한 고령층은 정보를 받아들일 때 아이콘이나 색상보다 텍스트를 읽는 것을 선호하는 경향이 있습니다.


4. 대비

당연한 것이지만 항상 언급할 가치가 있죠. 대비는 텍스트 색상과 배경색의 차이를 말합니다. 7.0:1 이상의 대비율을 유지하는 것이 가장 좋지만 적어도 4.5:1 이상의 대비율을 유지해야 합니다. 처음에 이해하지 못하더라도 걱정하지 마세요, 비율을 맞췄는지 확인할 수 있는 온라인 대조도 검사기가 여러 개 있습니다. 매트리얼 디자인 가이드라인과 준비된 색상 팔레트를 사용하는 것을 두려워하지 마세요.


5. 클릭 가능함을 표시하기


Internet Explorer 4.0의 시대는 이미 지났지만 링크의 명확성과 클릭 가능함을 나타내는 데 있어서는 90년대의 인터넷이 현재보다 더 나은 점이 있었습니다. 항상 파랗고, 밑줄 치고, 방문 후에는 항상 보라색으로 변해요.


물론 이제는 많은 사람들이 다양한 표현 방식에 익숙해졌지만, 빠르게 적응하기 힘든 사용자에게는 오히려 예전보다 불명확해 보이게 되었습니다. 이를 위해서 활성 상태와 비활성 상태 모두에서 클릭 가능한 요소에 시각적 신호를 더 추가해주세요.


6. 외부로 가는 링크 표시하기

이건 사실 모든 사용자들에게 해당되는 것인데요. 갑자기 다른 웹사이트로 가는 것을 좋아하는 사람은 아무도 없으니까요. 그렇지만 특히나 기술에 익숙하지 않은 사용자를 이런 것으로 당황스럽게 하지 마세요. 만약 꼭 필요한 경우, (사이트나 앱에서 다른 사용자를 내보내야 할 경우) 명확하게 표시하고 설명을 제공하세요.


7. 현재 위치 표시하기

이것 또한 보편적이지만, 웹에서 길을 잃었다고 느끼기 쉬운 시니어 세대를 위해 디자인할 때는 중요성이 더 커집니다. 브레드 크럼(Bread crums)이 낡은 방법이라면 사용자가 어디에 있는지 보여주는 다른 방법도 있습니다: 명확한 제목 달기, 또는 내비게이션 바에 현재 위치 표시하기가 그 예입니다.


8. 애니메이션


의외일 수 있지만, 일부 사용자들에게는 실제로 문제가 됩니다. 시니어 세대를 위해서 디자인할 때는 애니메이션을 최소한으로 유지하는 것이 좋습니다. 기능적 목적을 수행하는 경우에만 애니메이션을 유지하세요. 예를 들면, 정보 아키텍처를 이해하는 데 도움이 되는 경우가 그렇습니다. iOS는 탐색 방식을 보완하기 위해 애니메이션을 많이 사용하는 편이지만, 접근성 설정에서 비활성화할 수 있습니다.


9. 시간제한 활동

앱의 일부 동작은 다양한 이유로 수행할 수 있는 시간을 제한합니다. 그러나 시각적인 불편함을 겪고 있거나 미세한 운동을 하기 힘들다면 이런 동작들을 빠른 시간 내에 하기가 힘듭니다. 시니어 전용 앱에서 시간제한적 활동은 피하는 것이 좋습니다. 이러한 방법을 반드시 구현해야 한다면, 작업을 완료하는 데 더 많은 시간을 주고, 시간이 부족할 때 알림을 주세요.


10. 언어

IT 분야에 종사하는 사람들이야, 제품 사양에 관한 글을 읽는 것에 익숙하죠. … 하지만 이것은 우리의 몫이고, 사용자들이 그 모든 것들을 읽어야 할 필요는 없습니다! 보다 친절해지세요, 그리고 약어는 피합시다. 실제로 축약어는 인간의 뇌에서 처리하기 더 어려운 요소이고, 시니어 세대가 이해하기에는 훨씬 더 어렵습니다. 사용자에게 추가적인 인지적 노력을 요구하지 말아야 합니다.


또한 언어는 항상 변하는 매우 유동적인 것이 때문에 새로운 단어와 표현이 자주 생깁니다. 이 점을 명심하고 UX Writing을 자주 테스트하세요.


11. 높은 오류 허용 오차


서식 필드에 오타를 쳤다가, 아무런 제안이 나타나지 않을 때면 굉장히 당황스럽죠. 정확한 명칭을 쳐야만 결과가 나온다면, 대부분의 사람들이 작업을 완료하기 어려워질 것이고, 기술에 대한 친숙도가 낮은 사용자의 경우라면 작업을 완성하기 훨씬 더 어려워질 것입니다.


모든 시스템이 어느 정도는 오류를 허용할 수 있도록 권장되지만, 시니어 세대를 위한 디자인을 할 때는 결괏값의 정확성을 희생하더라도 오류를 더 많이 허용해야 합니다.


오류 허용 오차는 서식 필드나 검색 엔진에만 적용되는 것이 아닙니다. 그러므로

- 클릭을 잘못했을 때의 경우를 고려하거나, 복구/실행 취소를 용이하게 하세요.

- 너무 빨리 건너뛰었을 때, 얼마나 쉽게 중요한 정보를 다시 꺼내올 수 있는지 생각해 보세요.


12. 물리적 환경의 프로세스 유사성 찾기

https://youtu.be/lLgOcxK80 b4

물리적 환경과의 유사성을 찾는 것은 고령층의 사용자에게 특히 중요합니다. 이 부분은 시간이 지남에 따라 중요성이 점차 줄어들겠지만, 아직은 디지털 이전 시대의 사용자들 또는 IT 기술에 덜 친숙한 분들에게 도움이 됩니다.


유사성을 이용하는 방법은 실제 쓰레기통을 똑같이 묘사하는 아이콘에서부터 화면에서 자연스러운 스위프로 조작할 수 있는 폴더까지 다양할 수 있습니다. 일부 앱(예: 필 복시(Pillboxie, 비록 오래된 것처럼 보이지만)는 태블릿을 찾을 수 있는 디지털 선반을 제공하여 사용자가 약물 섭취량을 더 쉽게 추적할 수 있도록 이 아이디어를 좀 더 발전시킵니다.


다만, 시대가 변하고 사람도 변한다는 것을 명심하세요. 많은 사람들이 IT 기술에 적응하고 있기 때문에 때로는 여러분이 목표하는 집단(시니어 세대)의 능력을 과소평가하는 것일 수 있습니다. 그들에게 가장 적합한 솔루션을 찾기 위해 초기 단계부터 디자인을 자주 테스트하세요.


참고문헌

이제 끝입니다! 추가할 사항이 더 있지만, 이 규칙들만 잘 지켜도 '60+ 를 위한 디자인' 카테고리에서 당신의 디자인은 돋보이게 될 겁니다.


그렇지만, 웹/앱 접근성 표준에 대해 좀 더 자세히 알고 싶다면 다음을 살펴보세요 :


https://www.w3.org/WAI/

나이 든 사용자 전용 섹션이 있는 웹 접근성에 대한 가장 완벽한 웹사이트였어요

https://www.ageuk.org.uk/ (Age-friendly banking report)

이 리스트를 만들 때, 굉장히 유용한 참고사항이었습니다.

작가의 이전글 IT 서비스, 5060을 화나게 하지마!
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari