[모바일 홈페이지 제작을 위한 설계]
모바일 콘텐츠 제공자들은 더 많은 고객에게 콘텐츠를 제공할 수 있게 되고 효과적인 홈페이지와 애플리케이션을 구현할 수 있으며, 다양한 장비에서 웹을 편리하게 브라우징 할 수 있습니다.
오늘은 '모바일 홈페이지 제작을 위한 설계'에 대해 이야기해보겠습니다.
- 모바일 홈페이지의 유해요소 제거
모바일 기기의 제한된 화면크기, 키보드, 기타 기능으로 발생하는 사용자의 문제를 고려하여 설계해야 합니다.
팝업창이나 새로운 창이 열리지 않도록 하고, 사용자에게 사전 정보 없이 현재 창을 바꾸지 않습니다.
테이블 내에 또 다른 테이블을 포함하지 않습니다.
테이블을 이용하여 레이아웃을 구성하지 않습니다.
여백 공간에 그래픽을 사용하지 않습니다.
프레임을 사용하지 않습니다.
이미지 맵은 장비에서 효과적으로 지원되지 않는 한 사용하지 않는 것을 추천합니다.
- 모바일 기기의 제한 주의
특정 웹 기술을 사용하고자 할 때는, 모바일 기기의 성능이 제각기 다르다는 것을 염두에 두어야겠죠?
이용 가능한 쿠키에 의존해서는 안 됩니다.
임베드 되어 있는 객체나 스크립트에 의존해서는 안 됩니다.
장비에서 테이블을 지원하지 않는 경우 사용하지 마세요.
가능한 경우에는 테이블 형식을 대체할 수 있는 형식으로 제작하세요.
필요한 경우 스타일 시트 없이도 문서를 읽을 수 있도록 구성합니다.
- 가볍고 간결한 모바일 홈페이지
가벼운 홈페이지는 시간과 비용을 절약하여 사용자를 즐겁게 합니다.
간결하고 효율적인 마크업을 사용합니다.
장비의 메모리 한계를 고려한 페이지를 제작합니다.
스타일 시트의 크기를 최소화합니다.
추가적인 스크롤링을 사용해야 하는 경우가 아니라면 한 방향으로 스크롤을 하도록 제한합니다.
- 모바일 사용자 배려
시간이 부족하고 번잡한 상황에 있는 모바일 사용자들은 간결한 정보를 얻고자 하는데요.
간단 명료한 페이지 제목을 정해보세요.
명확하고 간단한 언어를 사용합니다.
페이지의 내용을 간단 명료하게 하여 다음 페이지의 내용까지 파악할 수 있도록 합니다.
사용자가 요청한 범위로 콘텐츠를 제한합니다.
모바일 환경 사용에 적절한 콘텐츠를 제공합니다.
사용하기 편리하고 유용한 크기로 페이지 사이즈를 분할합니다.
감사합니다.
출처 - 모바일웹 모범사례 1.0 (Mobile Web Best Practices 1.0)