로그인 해주세요.

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

AquStar

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

  • AquStar
  • 조회 수 1580
  • 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
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 117682 13
핫글 미니 드디어 받았습니다 [12] file 도나쓰 24.07.30 1038 29
핫글 미니 살짝 부끄러운 효도...♡ [5] updatefile 수육썰다가다친손 24.07.30 787 19
핫글 미니 부산여행기 (feat.S23울트라)_스압주의 [10] file 씨샾 24.07.30 433 17
10710 미니 이번 탭S9 시리즈는 FE모델이 주력일지도 모르겠네요 [9] 프로놈팡이 23.07.14 1526 3
10709 미니 삼성뉴스룸 갤북4 공식 발표 [17] a1001 23.12.15 1526 8
10708 미니 8G3 긱벤치5 싱글 최대 점수 [5] file 흡혈귀왕 24.01.15 1526 2
10707 미니 윈도우 태블릿 시장은 완전히 사망해버렸군요 [11] 霧津 24.04.14 1526 3
10706 미니 노트북 용량 512GB 부족하네요 ; [11] MrGom™ 20.01.20 1527 0
10705 미니 이 색상은 레알 미쳤습니다. [30] file Tac 20.12.25 1527 9
10704 미니 롤러블 제대로 공개안하는 이유는 [24] 레제르바 21.01.12 1527 8
10703 미니 어린S21왕자 [22] LG산흑우 21.01.22 1527 41
10702 미니 갑자기 든 생각인데(폰 램업글)(약뻘글) [5] FLEX 21.05.03 1527 0
10701 미니 플립3 유용한 빅스비 루틴 [10] file 폴드엣지 21.08.28 1527 1
10700 미니 (루머)S22, S22 플러스도 S펜 지원하나봅니다. [30] 바라보다 21.12.19 1527 2
10699 미니 폴드1 근황 있나요 [8] 전문가 22.04.29 1527 1
10698 미니 아,서피스 살 걸... [11] file Motoishi(2013) 22.05.04 1527 2
10697 미니 저기 삼성님? [7] file [성공]함께크는성장 22.05.19 1527 3
10696 미니 ONE UI 5.0 베타 단점 [4] ipksklee 22.08.05 1527 0
10695 미니 워치 5락실 존버합니다. [10] file 닉포토 22.08.17 1527 2
10694 미니 루머) 아이폰 14 라인업 전체 스펙표 유출 [29] file 다람쥐 22.09.05 1527 0
10693 미니 S23 사은품이고 나발이고 [14] 외로운외뿔고래 23.01.19 1527 3
10692 미니 [테크몽 Techmong] 삼성 스마트싱스 스테이션 [13] 우주안녕 23.02.01 1527 3
10691 미니 픽셀 vs 갤럭시 벚꽃사진 보고가세유 [2] file 구보 23.04.01 1527 3
10690 미니 갤럭시도 이렇게 심도 잠금화면 가능한가요? [33] file 유각수23 23.07.06 1527 4
10689 미니 GOS사태의 여파가 큰거 같긴 합니다 [17] 나르자 23.10.24 1527 12
10688 미니 s23 울트라 프레임 도색을 보면 느끼는 점이.. [30] Mate 23.12.20 1527 1
10687 미니 s24 잠금화면 AI 감성은 진짜 미친게 맞아요 [18] file 에피 24.01.23 1527 19
10686 미니 샘모바일) 갤럭시 워치7 및 버즈3 시리즈 렌더링 모음 [10] file Sparrow 24.06.28 1527 3

추천 IT 소식 [1/]

스킨 기본정보

colorize02 board
2017-03-02
colorize02 게시판

사용자 정의

1. 게시판 기본 설정

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

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

2. 글 목록

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

썸네일 게시판만 해당

썸네일 게시판만 해당

썸네일 게시판만 해당

썸네일 게시판만 해당

3. 갤러리 설정

4. 글 읽기 화면

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

5. 댓글 설정

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

6. 글 쓰기 화면 설정

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

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