지난 번에 작성한 Fujitsu 웹 접근성 보조기기를 소개한 글에 이어서 개별 제품들에 대한 사용기를 작성합니다. 그 첫번째로 오늘은 접근성 높은 웹 컬러를 선택하도록 도와주는 Fujitsu ColorSelector에 대한 사용기를 작성합니다.

Fujitsu ColorSelector는 배경색과 전경색을 조합할 때 색약자가 겪을 수 있는 이상유무를 실시간으로 판별해줍니다. 일반, 백내장, 제1색각(빨강), 제2색각(초록), 제3색각(파랑)의 5가지 색약 분류에 따라 이상 유무를 O/X로 판별해주기 때문에 웹 디자이너 입장에서 접근성을 이해하고 활용하는데 무척 유용한 도구입니다.

제가 주로 사용하는 색상선택기인 ColorCop와 비교하면, 몇가지 불편한 점이 있습니다. 예를 들어, 디자이너가 선택한 전경색과 배경색이 접근성에 문제가 있을 경우에 접근성이 높은 유사한 색상들의 목록을 제공해주지 않고 있습니다. 또한, 색상을 선택하기 위해서 현재의 화면을 팔레트로 사용하는 것이 아니라 스크린캡쳐 받은 영역을 사용하는 문제점이 있습니다. 이 때문에 실시간으로 변경하는 영역의 색생을 선택하는데 불편함이 있습니다.

국내 포털 사이트인 다음(Daum)의 메인 페이지 중에서 색대비가 약한 부분인 사이트맵 영역의 버튼을 Fujitsu ColorSelector로 점검해봤습니다. 전경색이 #FFFFFF이고 배경색이 #C6C6C6이기에 한눈에 봐도 색약 관련 접근성이 낮겠다고 예상할 수 있겠네요.

Fujitsu ColorSelector로 점검해보니 제1색각(빨강)을 제외한 일반, 백내장, 제2색각(초록), 제3색각(파랑)의 4가지 영역에서 문제가 있음을 확인할 수 있었습니다.

사람이 점검할 때는 많은 시간과 노력이 들면서도 그 결과의 객관성 확보에 문제가 발생하곤 합니다. 특히 웹 접근성 영역이 그러하죠. Fujitsu ColorSelector와 같은 유용한 도구를 이용함으로써 보다 객관적이면서도 쉽고 빠르게 색상과 관련한 웹 접근성을 점검할 수 있습니다.

앞으로도 이와 같은 유용한 도구들이 많이 만들어졌으면 좋겠습니다. 물론 제가 할 수 있는 영역에서 최선을 다할 것이구요. ㅎㅎ

Fujitsu ColorSelector에 대한 자세한 소개는 아래 링크를 참고하세요.

• Fujitsu ColorSelector 소개(영문)
• Fujitsu ColorSelector 소개(일한 번역)
• Fujitsu ColorSelector 다운로드(한글판포함)
• Fujitsu ColorSelector 사용 설명서(한글)

기다리고 기다리던 인터넷 익스플러(Internet Explorer : 이하 IE) 7 한글판이 예상보다 훨씬 빨리 출시됐습니다. 제가 IE 7을 그토록 기다렸던 건, 웹 표준을 준수하여 올바르게 화면을 출력해주는 브라우저를 기다렸을 뿐이지, 그이상도 그이하도 아닙니다. 저야 Firefox와 Opera만 있으면 충분하답니다.

하지만 분명한 것은 IE 7 한글판의 출시가 국내 사용자는 물론이며, 웹 개발자 모두에게 여러 이점을 준다는 것 입니다. 탭 브라우정과 RSS, 올바른 CSS 랜더링 등은 향후 국내 웹 판도에 막대한 영향을 줄 것임에 틀림없습니다.

마이크로소프트 Internet Explorer 페이지에서 IE 7를 다운받을 수 있습니다. 기왕이면 아래 이벤트에 참가하셔서 X-box를 노려보세요~ ㅎㅎ

덧. MS의 사용자 인터페이스(User Interface)는 왜 이런식인지.. 이번에도 예외가 아니군요. ㅠ.ㅠ

다음(Daum)에서 3,4자 아이디를 사용할 수 있도록, 정책을 바꿨네요. 이번 기회에 저도 tech‘@’daum.net이라는 아이디를 등록했습니다.

현재 다음 3,4자 아이디를 사용하기 위해선 초대권이 필요하구요. 관심 있는 분은 답글을 남겨주세요. 선착순 5명까지 보내드리겠습니다.

다음 커뮤니케이션에서 IA(Information Architecture)를 구인합니다. 국내에선 보통 기획자나 웹디자인 팀장이 IA 업무를 수행하는 것으로 알고 있는데, 해외나 국내 대기업 중에선 별도로 IA 직군이 존재한다고 알고 있습니다.

모집인원 : 0명

업무내용 : [업무내용]

웹기획 관련 정보 네이게이션 체계, 레이블링, 조직화 작업

컨텐츠 정보 공간 설계

채용인원 : 정규직 0명 채용

지원자격

웹 설계 및 기획 경험이 있는 사람

웹 또는 그래픽 디자인, 유용성 공학, 경험 디자인, 컨텐츠 개발 및 관리 지식 관리 경험이 있는 사람

그래픽 디자인/ 인포메이션 디자인, 정보학/분류학, 유용성 공학 전공자 우대

HCI 전공자 우대

학력 : 무관

경력 : 무관

성별 : 무관

저는 대학 도서관에서 읽은 Adapative path사의 제시 제임스 게러트가 쓴 경험디자인 요소라는 책을 통해서 IA라는 단어와 그 역할에 대해서 알게됐습니다.

이 책의 저자를 어디선가 많이 본 것 같다구요? 아마 AJAX에 관심있는 분이라면, 이 단어를 처음으로 세상에 알린 그 웹 문서에서 제시 제임스 게러트의 얼굴을 봤을 것입니다. Adapative path사의 많은 직원들이 구글로 옮겼다고 하던데, 이 사람도 옮겼는지는 모르겠네요.

이 경험 디자인 요소라는 책은 제가 웹과 웹디자인에 관심을 갖고 읽어본 책 중에서 다른 사람에게 추천할만한 5번째 책 안에 들 정도로 멋진 책이랍니다. 웹 사이트나 웹 어플리케이션을 디자인하는데 필요한 모든 용어들을 쉽게 설명한 책이죠~

IA를 별도 인력으로 구인하는 것은 무척 바람직하다고 생각합니다. 기존 IA 업무를 디자이너나 디자이너 출신 기획자가 하는 경우가 많기 때문에, 실질적으로 정보를 설계하는데 전혀 구조적이지 않고 의미없는, 단순히 시각적 구분과 감정적 판단이 많았기 때문입니다.

자. IA에 관심있는 분들의 많은 지원으로 멋진 분이 뽑히시길 바랍니다. 기왕이면 탁상공론식 정보 설계보단 실무에서 축적된 노하우로 보다 현실적인 정보 설계를 해줄 분이시면 좋겠네요~

(덧 1) 이제서야 국내에서도 정보에 대한 의미와 구조를 염두한 디자인을 볼 수 있겠네요. 그 동안 아무런 의미 없고, 구조적이지 못하면서, 단지 사용자의 시선만 분산시켰던 디자인은 웹을 떠나세욧! ㅎㅎ

(덧 2) HCI만으로는 방대한 정보의 바다인 웹에 접근하는 데 한계가 있습니다. 비록 지금은 아닐지라도, 곧 한계가 드러날겁니다.

잠자기 전에 뉴스나 읽어보려고 다음(daum)에 접속했더니만, 왠지 UI가 쌩뚱맞다. 중력의 법칙이 웹사이트에도 영향을 주는 것처럼, 검색 입력창이 밑으로 내려왔다.

검색 입력창은 넘 무거워서 아래로 내려왔고, 인기검색어는 넘 가벼워서 위로 사라졌을까? 이상하게도 파이어폭스에서만 제대로 랜더링되지 않고 있다. 지금이 월요일 새벽 0시 조금 넘었는데, 설마 이 시간에 홈페이지를 개편할까..

예전에야 국내 포털 사이트들의 이보다 더 망가진 모습을 종종 볼 수 있었지만, 최근엔 보기 힘들다. 나름대로 웹표준은 아닐지언정, 인터넷익스플러 + 파이어폭스 2개 브라우저에 대한 크로스 브라우징이 가능하도록 신경썼기 때문이다. 일례로 다음은 첫화면(홈페이지)이 W3C 표준을 준수했다던 보도자료도 배포했던 것으로 알고 있다.

어쨓거나, 조금 전까지도 잘 나오던 다음의 홈페이지가 파이어폭스에서 생뚱맞게 나오니, 원인을 분석해서 답을 알려주고 싶지만, 피곤한 관계로일단 자야겠다. 혹시 모르니, 해당 사이트의 소스를 카피해두는 센스~ ㅎㅎ