웹에서 UI를 구성하다보면 별 작은 디테일까지 신경이 쓰일 때가 많다. 브라우저들마다 다 다른 행동을 하는 건 너무 짜증나는 일이지만 어느 정도는 마음을 비운 채로 대하게 되는데, 내가 직접 무언가를 설계하려면 드는 다음과 같은 작은 생각들은, 아 어떤 때는 내가 세상에서 가장 쪼잔한 질문을 하는 사람은 아닌가?하는 생각이 들게 한다. 버튼의 커서 예를 들어, Quiz 1: 웹 브라우저 상에서 버튼 위에 마우스가 올라가면, 커서는 어떻게 바뀌어야 하는가? (이 글은 PC에서 마우스 포인터로 읽어야 제대로 이해가 될 듯) 1) 화살표 모양(arrow)일 것이다. 2) 손 모양(pointer)일 것이다. 3) I자 모양(text or caret)일 것이다. 난 링크! 마우스를 올려보면 정답은 1) 화살표 모..

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