로그인 해주세요.

미니기기 / 음향 게시판 *스마트폰과 PC, 카메라, 스피커 등 IT 미니기기와 음향기기에 관해 교류하는 게시판입니다.

AquStar

미니 iMessage 가 아닌 그린버블은 접근성에도 최악이라는 지적

  • AquStar
  • 조회 수 1575
  • 2022.10.14. 11:05

https://uxdesign.cc/how-apple-makes-you-think-green-bubbles-gross-e03b52b12fed

 

한국에서 서비스 중인 블로그의 일종인 브런치의 원조격인 미디엄에

UX디자이너 Allen Hsu 는 최근 아이폰에서 비 아이폰 사용자와의 문자에서 이루어지는

iMessage 가 아닌 일명 "그린 버블" 이 색상대비 적으로 얼마나 좋지 않은지에 대해 글을 작성했습니다.

 

 

1_J9ihE58f6NeiQb2iD7cSuA.png

 

구글이 이미 iMessage 를 지적하며 RCS를 홍보했던 것과 마찬가지로

녹색 배경과 흰색 글씨는 색상대비 적으로 좋지 않습니다.

 

1_nb7lMTdHg9jO9OcwO4rpjQ.png

 

특히 스크린의 밝기가 증가한다면 그 차이는 더 극단적으로 벌어집니다.

 

 

1_5z1SMxD_B6zf_Rf-QddBBA.png

 

특히 이 "그린 버블" 은 WCAG 접근성 테스트를 통과하지 못했는데

이는 일반적인 사람 외에 장애가 있는 경우 가독성이 더욱 안좋아질 수 있음을 의미합니다.

 

결과적으로 애플의 디자인 자원을 생각한다면 애플은 어느정도 의도적으로

이 색상을 유지하고 있는 것임은 분명해 보입니다.

 

애플은 훌륭한 제품과 서비스를 개발하고 제공하고 있으며 그로 인해 사용자들을 묶어두고 있지만

접근성은 좋은 디자인의 기본이기 때문에 접근성을 희생하지 않는 것이 디자이너들의 보편적인 규칙입니다.

하지만 락인 효과와 시장 유지를 위한 애플의 이 접근에 대해 의문을 가질 수 밖에 없습니다.

댓글
20
Eomjunsik
1등 Eomjunsik
2022.10.14. 11:11

파란 버블이 더 보기 좋은게 기분탓이 아니었군요. 

[Eomjunsik]님의 댓글을 신고합니다. 취소 신고
숨겨진오징어
2등 숨겨진오징어
2022.10.14. 11:13

제가 지금 안드로이드를 안 써서 그러는데 안드로이드에서 일반 SMS나 RCS도 초록색인가요?

[숨겨진오징어]님의 댓글을 신고합니다. 취소 신고
AquStar
글쓴이
best AquStar 숨겨진오징어 님께
2022.10.14. 11:19

특정 색상이 없고 문자앱이나 기기의 테마를 따라갑니다

[AquStar]님의 댓글을 신고합니다. 취소 신고
미붕붕드링크
best 미붕붕드링크 숨겨진오징어 님께
2022.10.14. 11:27

Screenshot_20221014_112033_Messages.png

갤럭시 기본 메세지앱 SMS 청록색 버블, 

 

Screenshot_20221014_112011_Messages.png

갤럭시 기본 메세지앱 채팅플러스(RCS) 파란색 버블 입니다. 

 

배경화면 변경시 컬러팔레트에 따라 색상이 바뀌기도하며 

갤럭시 기준으로 사용자 테마설정으로 사용자가 직접 색상을 변경할 수 도 있습니다. 

 

듣기로는 색약이 있으신분들은 생 초록색보다는

파란색이 섞인 청록색쪽이 구분하기 좋다고 하는거같더라구요. 

[미붕붕드링크]님의 댓글을 신고합니다. 취소 신고
PH-1
PH-1 숨겨진오징어 님께
2022.10.14. 19:17

메시지 앱마다 다를 텐데 

구글 메시지 앱 기준으로

수신 메시지는 라이트 모드에서 연회색, 다크 모드에서 진회색이고 

발신 메시지는 모드와 상관없이 회색 섞인 테마 색상에 검은 글씨네요

sms인지 rcs인지 색으로 구분이 되진 않는 거 같고요 

[PH-1]님의 댓글을 신고합니다. 취소 신고
Minny 숨겨진오징어 님께
2022.10.14. 11:35

삼성기준 기본 테마에서는 일반 SMS/MMS 청록색, RCS 메시지 파란색

 

테마가 설정됬을 경우에는 테마의 설정을 따라갑니다만, 색상이 진하고 연하고의 차이는 있습니다.

[Minny]님의 댓글을 신고합니다. 취소 신고
Kanata
best 3등 Kanata
2022.10.14. 11:15

사실 애플이야말로 치사하고 비겁한 기업의 대표주자죠'

 

그걸 마케팅과 판매 전략으로 그럴싸하게 포장할 뿐이지...

[Kanata]님의 댓글을 신고합니다. 취소 신고
갤럭시派
갤럭시派
2022.10.14. 12:01

흐음...
애플의 노력에는 여러가지 의미로 감탄이 나올때가 있습니다.

 

[갤럭시派]님의 댓글을 신고합니다. 취소 신고
best 야생호랑이
2022.10.14. 12:36

어차피 발신메시지만 색구분인데 뭘 가독성을 ;;; 

[야생호랑이]님의 댓글을 신고합니다. 취소 신고
best kiicq 야생호랑이 님께
2022.10.14. 16:56

사실 발신메시지라 자기가 보낸 메시지 내용을 못알아볼 일은 없겠지만 그래도 가독성이 좋은 편이 낫죠

[kiicq]님의 댓글을 신고합니다. 취소 신고
StirFry
best StirFry
2022.10.14. 13:31

헌데 애플은 아이메시지 출시 이전에도 발신 메시지를 초록색으로 표시했던걸로 기억하는데 그냥 그걸 계속 유지중인걸로 보는게 맞지 않을까요

[StirFry]님의 댓글을 신고합니다. 취소 신고
민트초코찌개
best 민트초코찌개 StirFry 님께
2022.10.14. 17:30

그 시절에는 스큐어모피즘 디자인이기도 했고, 결정적으로 글씨가 검은 색이었네요.

직접 그 시절 이미지 찾아서 메세지 버블 가장 어두운 부분이랑 밝은 부분으로 검은색 글씨 테스트 돌려보니까 WCAG 테스트 모두 통과합니다.

[민트초코찌개]님의 댓글을 신고합니다. 취소 신고
PatGelsinger
PatGelsinger
2022.10.14. 20:25

ㅋㅋㅋㅋㅋㅋ 너무 오반데요

[PatGelsinger]님의 댓글을 신고합니다. 취소 신고
투야
투야
2022.10.15. 09:25

 이 글을 어떻게 받아들여야 되는지 모르겠네요.

 

wcga가 (오늘 처음 봅니다.) 장애가 있는 사용자가 보다 쉽게 사용할 수 있도록 준수해야할 지침이라고 하는데 

107D23BB-783E-4865-9860-D7838ECD6953.jpeg

그렇다면 이런 색맹 사용자를 위한 옵션을 켠 상태에서 테스트 해야 의미가 있는것 아닌가요?

[투야]님의 댓글을 신고합니다. 취소 신고
민트초코찌개
best 민트초코찌개 투야 님께
2022.10.15. 12:18

UI 디자인 하는 관점에서 말해드리면, wcga 테스트와 같은 색 사용 면에서의 접근성 확보는 물론 저시력자나 색맹/색약인 분들에게 큰 도움을 주지만 그 외의 일반인들에게도 도움을 줍니다. 

대비가 낮을 때와 높을 때의 차이가 일반인에게는 좀 더 눈에 잘 들어오는 것과 눈에 안 들어오는 것의 차이라면 저시력자와 색약/색맹에게는 보이는 것과 안보이는 것의 차이이기 때문에 접근성 관점에서 대비가 어느 정도 확보된 디자인을 지향하도록 권장하는 것이고, 당연히 일반인에게도 가독성을 높여줍니다.

[민트초코찌개]님의 댓글을 신고합니다. 취소 신고
Rx-Tx
Rx-Tx 투야 님께
2022.10.15. 20:55

그렇다면 이런 색맹 사용자를 위한 옵션을 켠 상태에서 테스트 해야 의미가 있는것 아닌가요?

1. 아닙니다. 애플을 포함한 다양한 기업의 디자인 가이드라인에서는 WCAG 2.0 가이드라인의 준수를 사실상 기본 사항으로 규정하고 있으며, 이에 대해서는 후술합니다.

 

wcga가 (오늘 처음 봅니다.)

2. WCAG는 W3C(WWW Consortium)에서 만든 가이드라인으로, 이 단체에서 만든 표준으로는 대표적으로 HTML, CSS, XML이 있습니다. 즉, 공신력에서는 의심할 바가 없다고 할 수 있겠지요.

 

장애가 있는 사용자가 보다 쉽게 사용할 수 있도록 준수해야할 지침이라고 하는데

3. 그런 것만은 아닙니다. WCAG를 제정한 W3C의 소개 및 WCAG 2.0 서론에서는 사용자 전반에 대한 접근성 향상을 언급하고 있습니다. 역시 후술합니다.

 

 

애플의 Human Interface Guidelines 중, 접근성에 관련한 문서를 보겠습니다.

https://developer.apple.com/design/human-interface-guidelines/foundations/accessibility/

 

본문 첫 문단에서부터, An accessible app or game supports accessibility personalizations by design and gives everyone a great user experience, regardless of their capabilities or how they use their devices. 라고 명시되어 있습니다. 

 

하단에서도 다음과 같은 내용이 명시되어 있습니다.

Use strongly contrasting colors to improve readability. (중략) When you increase color contrast of visual elements like text, glyphs, and controls, you can help more people use your app in more situations. To find out if the contrast of adjacent colors in your UI meets minimum acceptable levels, you can use Xcode’s Accessibility Inspector or an online color calculator based on the Web Content Accessibility Guidelines (WCAG) color contrast formula. 

 

 

이는 비단 애플만 이런 것이 아닙니다. 구글의 Material Design Guideline입니다.

https://material.io/design/color/text-legibility.html

WCAG standards

All text should be legible and meet accessibility standards. The Web Content Accessibility Guidelines (WCAG 2.0) level AA requires a 4.5:1 color contrast between text and background for normal text, and 3:1 to large text.

 

 

Microsoft Fluent UI

https://github.com/microsoft/fluentui/wiki/Accessibility

Default color choices should conform to contrast requirements as laid out in WCAG 2.0 level AA recommendations as laid out in section 1.4.3.

 

 

Samsung Developers

https://developer.samsung.com/sdp/blog/en-us/2021/09/02/better-for-all-equal-accessibility

 

 

마지막으로 W3C WCAG 2.0의 Abstract입니다.

https://www.w3.org/TR/WCAG20/

Web Content Accessibility Guidelines (WCAG) 2.0 covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content accessible to a wider range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity and combinations of these. Following these guidelines will also often make your Web content more usable to users in general.

 

 

결론적으로, 특히 애플의 가이드라인이 잘 설명하고 있는데, WCAG 가이드라인의 준수를 통한 접근성 향상은 장애가 있는 사용자만의 쉬운 사용을 도모하는 것에서 그치지 않고, 기기 사용 방법 또는 능력과 관계없이 전반적으로 모든 사용자에게 더 나은 사용자 경험을 가능케 합니다.
 
제기하신 의문이 약간이나마 풀리는 데에 도움이 되셨길 바랍니다.
[Rx-Tx]님의 댓글을 신고합니다. 취소 신고
포인트봇
포인트봇 Rx-Tx 님께
2022.10.15. 20:51
회원님 1포인트 채굴 성공!
[포인트봇]님의 댓글을 신고합니다. 취소 신고
투야
투야 Rx-Tx 님께
2022.10.15. 23:07

 답변 너무나 감사합니다. 같이 넣어주신 링크까진 들어가보진 못했지만 나름대로 정독 했습니다. 

 제 의문이 이게 정말 잘못된건가 하는것이였는데 그 부분을 어떻게 바라봐야 할지 한겹 더 배움이 쌓인 느낌입니다. 

 세세하게 써주신 부분 정말 너무 감사합니다. 

[투야]님의 댓글을 신고합니다. 취소 신고
취소
번호 분류 제목 글쓴이 날짜 조회 수
공지 공지 사이트 이용 수칙 230228 수정 file admin 18.08.04 114236 13
핫글 미니 삼성 공홈에서 액세서리 떨이하네요 [4] file MrGom™ 24.05.20 1453 12
핫글 미니 황회장님 픽셀 쓰시는 군요 [6] file 애갤삼아 24.05.20 1190 11
핫글 미니 전 기변병이 치료된 게 [13] update Alternative 24.05.20 404 8
2357 미니 ???: 결국 이번에도 살아남은 나의 승리네☆ [18] file SM-G986N 23.11.30 1506 20
2356 미니 저는 빈말로라도 이쁘다고 못하겠네요.. [16] file 오레오가좋아 23.12.03 2528 20
2355 미니 S 기본형 너프 시킬거면 작트라좀... [15] Kanata 23.12.05 1414 20
2354 미니 갤럭시 매우 불만인점.jpg [28] file 품귀문란 23.12.15 2451 20
2353 미니 128로 떡밥이 돌다니 신기하군요 [8] [성공]함께크는성장 23.12.26 1150 20
2352 미니 2023년 한 해를 정리하는 폰카사진 (아이폰14P & 갤럭시S23U) [7] file Stellist 23.12.27 1527 20
2351 미니 삼성 폰카메라 최전성기 [12] file Stellist 23.12.30 1325 20
2350 미니 갤럭시북4 프로 첫경험은 좋네요 [14] file 우주안녕 24.01.04 1621 20
2349 미니 갤럭시 귀한줄 알게 된단말 이젠 취소해야겠네요. [10] 요트맨 24.01.05 2010 20
2348 미니 [루머] S24U 기능 [24] file 흡혈귀왕 24.01.09 2599 20
2347 미니 ???:아 그램에 4050같은거달면 두꺼워진다니까? [7] file GalaxyZFold5 24.01.10 1568 20
2346 미니 레노보에서 재밌는 키보드 내놨네요 ㅋㅋ [10] file 스퀴니 24.01.10 1418 20
2345 미니 삼성이 물가 핑계도 못 대는게 [20] 도레 24.01.18 2290 20
2344 미니 갤럭시 S24 시리즈 실물 사진 + 후기 [3] file FHS17 24.01.18 2889 20
2343 미니 이번 언팩 이거 ㄹㅇ인가요 [8] file Geronimo 24.01.19 2371 20
2342 미니 S24 Ultra camera is terrible [33] file iceuniverse 24.01.20 1823 20
2341 미니 왓슈 [1] file 멜로엘로 24.01.23 579 20
2340 미니 이분 올해도 갤럭시 모델이군요 [7] file Niflheimr 24.01.23 1369 20
2339 미니 플랫 사이드디자인 싫어하는 사람은 설 자리를 잃어가네요.... [13] Stellist 24.01.24 1376 20
2338 미니 언케도 울라리에 혹했군요 [6] file 에피 24.01.24 1919 20
2337 미니 오호! 픽셀 9 프로 작은 버전도 결국 나오네요 올해 ㄷㄷ [22] file Androboy 24.01.25 1255 20
2336 미니 갤럭시 S24 사전예약 124만 대로 신기록 경신이네요. [23] 한마루 24.01.26 1776 20
2335 미니 후후 세팅중입니다! [8] file 흡혈귀왕 24.01.26 733 20
2334 미니 전자기기는 그냥 사고싶을때 사는겁니다 [10] file 샐리 24.01.29 1044 20
2333 미니 비전 프로 시야각......이..... [6] file Stellist 24.01.30 1439 20

추천 IT 소식 [1/]

스킨 기본정보

colorize02 board
2017-03-02
colorize02 게시판

사용자 정의

1. 게시판 기본 설정

게시판 타이틀 하단에 출력 됩니다.

일반 게시판, 리스트 게시판, 갤러리 게시판에만 해당

2. 글 목록

기본 게시판, 일반 게시판, 썸네일 게시판만 해당

썸네일 게시판만 해당

썸네일 게시판만 해당

썸네일 게시판만 해당

썸네일 게시판만 해당

3. 갤러리 설정

4. 글 읽기 화면

기본 10명 (11명 일 경우, XXXXX 외 1명으로 표시)

5. 댓글 설정

일정 수 이상의 추천을 받은 댓글에 표시를 합니다.

6. 글 쓰기 화면 설정

글 쓰기 폼에 미리 입력해 놓을 문구를 설정합니다.

서버에 요청 중입니다. 잠시만 기다려 주십시오...