안드로이드 체크박스 디자인 fail

2010.11.17 12:39UI 가벼운 이야기
by 無異

퀴즈. 아래 그림의 두번째 사각형 버튼은 무슨 의미일까요?
제가 아는 한 (기존 pc 사용 경험으로는) 저건 dimmed 체크(체크되었으나 사용자가 수정하지 못하도록 비활성화)된 상태입니다. 그런데 사실 저건 안드로이드에서는 그냥 체크가 안된 상태입니다. 
체크 표시가 되어 있는데 왜 안되는거지? 이미 체크되어 있는데 뭘 더 어쩌란거지? 오랫동안 시행 착오를 거치고 나서 저게 언체크된 버튼이란걸 알았을때의 황당함과 그동안의 짜증을 기록에 남기기 위해서 블로깅합니다.




일관성(coherence)은 제품 내에서만 독자적으로 지켜지는것만으로는 부족하고 함께 사용되는 환경도 고려되어 져야 합니다. 안드로이드가 자폐증에 걸린것도 아니고 이미 통용되고 있는 디자인 언어를 자기만 다른 의미로 쓰고 있는건 문제가 있습니다.

맥오에스의 체크,언체크,비활성체크 참고.




그냥 박스만 그렸더니 뭔지 모르겠다고 뺀찌 먹고 살짝 흐리게 체크를 넣었을 것 같긴한데 잘못된 디자인 결정입니다. 더 심각한건 단말제조사마다 이 체크박스 이미지를 조금씩 변경하여 사용하고 있는데, 단말에 따라서는 완전 도를 지나치기도 합니다. 아래를 보세요. 이건 아니잖아요. 초록색쪽 색맹이나 색약인 경우에 구분이 가능할까요? 저도 잘 구분이 안돼요.
혹시 안드로이드쪽 디자인 작업 하시는 분은 좋은 해결책을 제시해 주시기 바랍니다.




  • 프로필사진
    이 재용2010.11.18 18:10

    흠... 오랜 기간 안드로이드를 사용하면서 한 번도 혼란스러웠던 적이 없었던 것 같은데...요? 실제 생활에선(넥서스원) 한 번도 그런 경우(disabled checked)를 본적이 없어서 그런가봅니다. 안드로이드 어플 중에는 저 체크(unchecked)를 불릿처럼 쓰는 경우가 많은데, 이 때 저걸 너무 선명하게 디자인해 버리면 굉장히 눈에 거슬리니까 희미하게 만들었을 거예요, 아마. 지금 보니 그렇게 보이기도 하는데, 뭔가 개선의 여지가 있군요.

    • 프로필사진
      無異2010.11.19 09:39 신고

      일관성이 제품(안드로이드)에서 뿐 아니라 사용자의 경험 범위 안에서 지켜져야 하겠습니다. 아니면 이번처럼 사용자를 패닉에 빠뜨릴 소지가 있습니다.

      요즘 고민은 안드로이드의 잘못된 컨벤션을 일관성을 위해서 지킬것인가 아니면 더 일반적 경험에서의 포괄적인 일상의 어포던스를 일관성있게 적용할까 하는 것입니다.

  • 프로필사진
    아리까리2014.09.03 09:15

    디스켓을 save라고 표시하면
    지금 세대는 모르듯이
    이미 통용되더라도 저 방법도 크게 문제는 없을듯 합니다.
    그레이톤으로 해놓고 봐도 구분이 잘되네요
    아버지 군대 이야기 하듯
    사고하는지 한번 생각을... 해보심이...

  • 프로필사진
    김연수2014.09.03 16:59

    아리까리님 덧글 덕분에 좀 지난 포스팅을 이제 보네요 ^^
    제 시각에서는 On/Off 또는 채우다.. 정도로 보여서 크게 어색하지 않았습니다.
    '관점' 차이인듯 합니다.
    자칫 모든걸 선명하게 정리하는 것이 최선인가 하는 생각이 드네요.
    (펑션 뿐만 아니라 아이덴티티, 컨셉 등 선명하게 정리하기 어려운 문제들이 많죠)
    개인적으로는 그래서 이론보다는 실무에서의 UX 설계가 어려운것 같습니다.

  • 프로필사진
    구본무2015.06.02 10:04

    체크되지 않은 상태임을 자연스럽게 알겠던데요.. 딱 봐도 뭔가 비어있게 디자인 되어 있잖아요.
    80%가 만족할 수 있도록 하라... 라는 입장에서 본다면, 체크된 상태로 보는 사람이 20% 정도 되지 않을까? 추측해 봅니다~!

  • 프로필사진
    비온후갬2015.07.19 12:26

    unchecked일 때는 그냥 빈 box로 두면 clear 하다고 생각하는데, 엔지니어나 안드로이드 정체성과 충돌이 있기 때문에 그러지 못하는 건가요?

    • 프로필사진
      無異2015.07.20 17:16 신고

      그래서 가장 최근의 안드로이드 디자인 가이드는 말씀하신 것처럼 기존 OS들이 사용해오던 빈 박스를 사용 합니다. https://www.google.com/design/spec/components/selection-controls.html

  • 프로필사진
    비온후갬2015.07.21 20:12

    답변 감사합니다