본문 바로가기

UI & UX

[스크랩] 웹표준 따르는 모바일웹 앱, 이렇게 만들자


[출처 : http://www.bloter.net/archives/55264]

웹표준을 따르면 이런 게 좋다. 윈도우나 맥OS, 리눅스 같은 서로 다른 운영체제는 물론 인터넷 익스플로러(IE)와 파이어폭스, 구글 크롬과 사파리 등 서로 다른 웹브라우저에서도 모든 웹사이트 콘텐츠를 문제 없이 이용할 수 있다. ‘상호운용성’이 보장되는 것이다. ‘웹접근성’도 더불어 얻는다. 장애인이나 노약자부터 느린 네트워크를 이용하거나 화면이 작은 기기로 접속하는 ‘디지털 장애’를 극복하게 해준다.

PC용 웹에선 이같은 웹접근성과 상호운용성을 보장하는 일이 점차 당연시되는 추세다. 모바일웹으로 눈을 돌려보자. 아직 갈 길이 멀어보인다. 어떡하면 모바일웹에서도 접근성과 상호운용성을 보장할 수 있을까.

다양한 웹표준을 제정·보급하는 월드와이드웹 컨소시엄(W3C)은 이런 개발자를 위한 지침을 제공한다. 2010년 12월14일에 공개한 ‘모바일웹 애플리케이션 모범사례’(MWABP) 권고안을 보자. 웹표준을 따르면서도 풍부한 이용자 경험(UX)을 제공하는 모바일웹을 설계하는 방법을 빼곡히 담았다.

긴 문서를 일일이 검토하기 어려운가. 핵심만 추려 카드(PDF) 형태로 제작한 자료를 참조하면 된다. 네트워크 병목과 지연을 줄이기 위한 개발 방법론, 다양한 이용자 환경에 맞는 기능 제공법, 웹 원칙을 지키면서도 유연하게 구조를 설계하는 방법 등을 담았다.

W3C 대한민국 사무국이 ‘모바일 웹 애플리케이션 모범사례’ 카드를 한글로 번역해 공개했다. 이 웹사이트도 HTML5와 CSS3를 충실히 따랐다. 카드 이미지만 떼내 소개한다. 원본이 담긴 웹사이트를 방문하면 각 항목별 바로가기 주소가 포함된 자료가 뜬다.

W3C는 모바일 접근성을 보장하기 위한 ‘모바일웹 모범사례‘(MWBP), ‘웹 콘텐츠 접근성 지침 2.0‘(WCAG20)도 함께 제공한다.

출처 : http://www.w3c.or.kr/Translation/MWABP.