로그인 해주세요.

미니기기 / 음향 게시판 *스마트폰과 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 114177 13
핫글 미니 직구 규제 오피셜: 관련부처마다 말이 다름 [14] update SM-G986N 24.05.17 638 12
핫글 미니 샀읍니다 [6] file 강약중강약 24.05.17 445 10
핫글 미니 직구 제한 정리 [7] 룬룬 24.05.17 1011 10
175656 미니 픽셀 7 프로 긱벤치 공개 [18] file PatGelsinger 22.10.14 903 2
175655 미니 Z폴드3도 베타 시작했네요 [7] file Chrop 22.10.14 416 0
175654 미니 서프8 존버 성공했읍니다. [2] file 인헤리턴스 22.10.14 418 0
175653 미니 폴드4 uwb 설정 어디갔나요?? [6] file trigun 22.10.14 1357 0
175652 미니 1200만화소 / 1200만(1억비닝) / 순수샷 / 구글캠 각 기종 비교 [4] file pietoro 22.10.14 531 13
175651 미니 1년 더 하게 됐다고! [2] file MrGom™ 22.10.14 729 8
미니 iMessage 가 아닌 그린버블은 접근성에도 최악이라는 지적 [20] file AquStar 22.10.14 1575 22
175649 미니 아이폰14프로/프로맥스 실버 ㅋㅋㅋㅋㅋㅋ [10] file 에피 22.10.14 979 3
175648 미니 아이패드 10세대 유출 [6] file 명신보감 22.10.14 818 1
175647 미니 s22 필름부착서비스, 수작업이네요? [13] file tempest 22.10.14 935 1
175646 미니 아이패드 10세대가 프로/에어 폼팩터로 나오면 이제 에어랑 급나누기는 어떻게 될까요 [11] flair 22.10.14 580 0
175645 미니 가죽 케이스 잘 만드는 데는 어디가 있을까요? [4] 오리제 22.10.14 368 0
175644 미니 Starlink 전력소모량을 비교해봤습니다. [16] Futuristics 22.10.14 807 2
175643 미니 wf-1000xm4 결함 [6] WhiteGame 22.10.14 878 1
175642 미니 청량케이스 간단 후기 [3] 피스 22.10.14 1449 0
175641 미니 [란즈크] 아이폰14 & 아이폰14 플러스 판매량 예상보다 더 저조, 프로 라인업 양산 관련 장비 발주 확대 [13] file 우주안녕 22.10.14 1495 3
175640 미니 아이폰 11~14 스펙 정리표 [2] file 사람볼때휴대폰부터봄 22.10.14 828 7
175639 미니 iPhone 14 Pro + Beastgrip 리뷰 영상 [9] file 흡혈귀왕 22.10.14 1004 8
175638 미니 언박살...jpg [4] file 스퀴니 22.10.14 1161 3
175637 미니 아이폰의 까방권 [11] file PaulBasset 22.10.14 1810 31
175636 미니 애플워치 울트라 쓰시는 분... [4] file 개구리 22.10.14 554 1
175635 미니 루머] 소니 A7R5 스펙 [5] PaulBasset 22.10.14 526 1
175634 미니 갤럭시 카메라 프로모드로 켜는거 [2] Kanata 22.10.13 564 0
175633 미니 플립3 5.0베타 1차치곤 안정적이네요. [3] file 감비아도나츠 22.10.13 560 0
175632 미니 장난감? 하나 샀습니다.jpg file 스퀴니 22.10.13 490 2

추천 IT 소식 [1/]

스킨 기본정보

colorize02 board
2017-03-02
colorize02 게시판

사용자 정의

1. 게시판 기본 설정

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

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

2. 글 목록

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

썸네일 게시판만 해당

썸네일 게시판만 해당

썸네일 게시판만 해당

썸네일 게시판만 해당

3. 갤러리 설정

4. 글 읽기 화면

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

5. 댓글 설정

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

6. 글 쓰기 화면 설정

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

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