모두가 행복의 비결 | 접근 가능한 사용자 경험을 제공하는 퓨처블

많은 자산 관리 앱 사용자가 당연하게 여기는 일반적인 Red Up Green Down 색 구성표는 색맹 사용자와 색각 이상이 있는 사용자에게 큰 문제가 될 수 있습니다.Futubull 팀은 모두가 부의 핵심을 파악할 수 있도록 구체적인 개선으로 사용자의 요구사항을 수용하고 있습니다.

Futubull은 광범위한 투자 정보/분석/의사결정 서비스, 평생 무료 교육 콘텐츠뿐만 아니라 활발한 자산 관리 채팅 커뮤니티까지 제공하여 전 세계 1,900만 명이 넘는 사용자에게 더 나은 거래 경험을 제공합니다. Futubull 앱은 현재 Android, iOS, Windows, Macs, 태블릿 (iPadOS 및 ChromeOS), 웹브라우저, Tencent 차량 내 앱 및 ChromeOS와 호환되며 각 고객에게 필요한 다양한 완벽한 접근성 API를 제공합니다.


Red Up Green Down (또는 그 반대)은 투자 앱에서 가장 일반적인 색 구성표로, 투자에 대한 상하 상승은 사용자에게 매우 중요한 색 구성표입니다. 그러나 이 색 구성표의 광범위한 사용으로 인해 적색-녹색 색맹/색맹에 어려움을 겪는 투자자들은 투자자들과 마찬가지로 투자자금을 늘리기 위해 노력을 기울일 수 있지만, 투자금의 상승과 하락을 위해 투자금을 축적하기 위해 열심히 노력하지만 투자자금을 높이기 위해 투자할 수 없는 투자자들이 있습니다.

△ 빨간색 위로 녹색 다운 색 구성표, 정상 시력이 있는 사용자 (왼쪽), 적색맹 사용자 (가운데), 제2색맹 (오른쪽)이 표시된 색 구성표


빨간색과 초록색의 다양한 명암

Futubu 앱에서 사용된 빨간색 및 녹색 색상 팔레트는 원래 색각 이상이 있는 사용자를 위해 고안되었으므로 색각 장애가 있는 사용자는 기호나 데이터를 해석하여 가격 인상 및 하락을 식별하는 등 앱을 사용할 때 많은 노력을 기울여야 합니다. 이러한 색 구성표는 이런 사용자에게 매우 불편합니다.

생존 편향으로 인해 적록 색맹인 인구의 비율은 많은 사람이 생각하는 것보다 높을 수 있습니다. 통계에 따르면 남성의 약 5~8%와 여성의 0.5%가 색맹 (색맹)을 겪고 있습니다. 1,900만 명이라는 Futubu의 거대한 사용자층을 고려했을 때 이는 그리 큰 문제는 아닙니다.

YouTube는 항상 사용자의 의견을 중요하게 생각하며 다양한 채널을 통해 일부 사용자가 색각 장애로 인해 문제를 겪고 있다는 사실을 깨달았습니다. 적록색 색맹인 투자자는 투자 과정 중에 확실히 속도가 느려질 것입니다. 이를 위해 사용자가 앱의 시각적 요소를 조정할 수 있도록 색각 장애에 최적화된 새로운 색 구성표를 도입했습니다. —— 가리트, Futubull 앱 사용자 경험 책임자


접근성이 우수한 색 구성표를 설계하는 과정에서 팀은 페이지를 기록할 수 있는 Google의 접근성 검사기 앱을 사용하여 기존 앱을 평가했습니다. 이 앱은 인터페이스의 각 요소를 캡처하고 글꼴 크기, 터치 영역 크기, 색 대비 등 개선을 위한 제안을 제공했습니다. 여러분의 의견은 팀에 큰 도움이 되었습니다.

  • 접근성 검사기
    https://developer.android.google.cn/guide/topics/ui/accessibility/testing#accessibility-scanner

△ 접근성 검사기는 각 컨트롤/요소에 접근성 최적화를 추천하므로 개발자에게 좋은 참고 자료가 됩니다.


접근성 높은 색상 팔레트를 마무리하는 과정에서 색각 장애가 있는 사용자를 대상으로 공식 채널을 통해 설문조사를 실시하여 접근성이 우수한 색 구성표를 테스트해달라고 요청했습니다. 그런 다음, 이용 경험에 관한 자세한 의견과 최적화 방안을 제안했습니다. 이 피드백을 바탕으로 팀은 전반적인 개선 계획을 세웠습니다.

△ 새로운 빨간색 및 녹색


새로운 분홍색-녹색 구성표는 동일한 투톤 시스템을 유지하면서 정상시력, 적색맹, 제2색맹에 관해 접근성 검사기에서 제공하는 색상 대비 권장사항 을 엄격히 준수하여 정상 시각과 적색-녹색 색맹인 사용자 모두의 시각적 경험을 고려합니다.

  • Material Design: 색상 및 대비
    https://m3.material.io/foundations/access-design/overview

△ (왼쪽) 정상 색맹 사용자 (왼쪽), 적색맹 사용자 (가운데), 제2색맹 (오른쪽)이 보이는 분홍색과 녹색 색 구성표


접근성 높은 경험은 팀의 노력

현재 색맹인 회원을 포함해 1,000명이 넘는 직원이 근무하고 있습니다.접근성 높은 환경을 조성하려면 사용자에게 도움이 되는 것은 물론 나 자신을 도울 수도 있습니다. —— 제드, Futubull Android R&D 엔지니어


액세스 가능한 새 색상 팔레트를 결정한 후 팀은 새로운 기능을 출시하기 전에 내부 제품 및 R&D팀과 함께 일련의 내부 테스트를 거쳤습니다.팀원에 대한 평가와 자체 테스트를 수행하고 테스트 엔지니어의 도움을 받아 새로 도입한 색상 팔레트는 팀에서 색채 결여를 겪은 지 얼마 되지 않은 5일 밖에 안 되는 새로운 사용자 환경을 충족할 수 있었습니다.1.

△ 색 구성표 전환도 매우 쉽습니다. 앱 홈페이지에서 관심 목록 설정 아이콘을 탭하면 됩니다.


하지만 이는 Futubull의 제품 접근성 개선 계획의 일부일 뿐입니다.

적록색 스펙트럼을 넘어선 새로운 걸음

Futubull의 제품 연구 및 개발 철학은 혼자가 아니라 더 쉽게 투자할 수 있도록 하는 것입니다.이 목표는 모든 사용자에게 적용됩니다. —— 가리트, Futubull 앱 사용자 경험 책임자


접근성이 우수한 색상 팔레트를 만드는 과정에서 팀은 시각 능력이 각기 다른 사용자에 대한 공감대를 높일 수 있었습니다.따라서 적색-초록색맹/색맹이 있는 사용자의 필요를 충족하기 위해 분홍색과 녹색의 색 구성표를 고안한 후 빈 캔들스틱 디자인을 개발해 나갔습니다.은은한 색채와 검은색으로 된 색맹인 사용자들의 필요성을 충족시키기도 합니다.

△ 꽉 찬 양초 (왼쪽)와 속이 비어 있는 양초 (오른쪽). 두 스크린샷 모두 적색맹을 가진 사용자에게 디스플레이가 어떻게 보이는지 보여줍니다.


시력이 나빠서 텍스트를 읽기 어려운 사람들을 위해 팀은 글꼴 크기 설정 기능도 제공했습니다. 이 기능을 사용하면 글꼴 크기를 늘려 읽기 편하게 사용할 수 있습니다. 앱의 특정 섹션/기능에 특정 글꼴 크기가 필요한 사용자를 위해 현지화된 조정 옵션도 신중하게 제공했습니다.

△ 글꼴 크기 조정을 위한 현지화 및 전역 옵션도 있으므로 사용자가 필요에 따라 선택할 수 있습니다.


Google 팀은 계속해서 접근성에 대해 점점 더 많은 것을 연구하고 있습니다. 우수한 사용자 경험을 저해할 수 있는 앱 여정을 파악한 후 최적화를 조정하는 접근성 환경 관련 후속 조치를 전담하는 제품 관리자가 있습니다.

—— 가리트, Futuoul 앱 사용자 경험 책임자


모두가 부를 누리는 열쇠

올해 6월 16일, Futubull의 새로운 접근성 가능한 색상 팔레트가 공식적으로 발표되어 큰 인기를 끌었습니다.

△ 좋은 리뷰가 기대되지만 긍정적인 의견의 양은 놀라웠습니다.


덕분에 제품의 접근성을 더욱 개선하겠다는 팀의 확신이 더욱 높아졌습니다. 예를 들어 Android 및 iOS 기기에서 액세스 가능한 색상 팔레트를 브라우저와 PC 플랫폼으로 확장할 계획입니다. 시각 장애가 있는 사용자를 위한 텍스트 음성 변환 기능도 개발되고 있습니다.이러한 접근성 기능을 구현하면 더 많은 사용자가 Futubu를 원활하게 사용할 수 있습니다.

  • Lighthouse를 사용하여 웹 클라이언트 접근성 환경 확인
    https://developer.chrome.com/docs/lighthouse/overview/

혼자서가 아니라 더 쉽게 투자할 수 있습니다. Futubull팀은 구체적인 행동으로 각 사용자를 지원하고, 사용자가 필요로 하는 부분을 시의적절하게 응답하여 자신의 손으로 재산의 열쇠를 파악할 수 있도록 하고 있습니다.

또한 더 많은 개발자가 제품을 적극적으로 개선하여 접근성 높은 환경을 만들고 더 많은 사용자를 수용하여 더 큰 성공을 거둘 수 있기를 기대합니다.