반응형
Mobile Web Design: Tips and Best Practices
http://www.noupe.com/how-tos/mobile-web-design-tips-and-best-practices.html
모바일 웹 디자인 : 팁과 모범 사례 원문
- 하드웨어와 소프트웨어의 기능에 친숙해지기
- 간단하게 하기
- 유효한 마크업 사용하기
- 원래 사이트를 방문하는 옵션 제공하기
- 별도의 모바일 테마를 사용하기
- 한 방향으로만 스크롤하기
- 팝업이나 새창 쓰지 않기
- 이미지 사용 최소화 하기
- 네비게이션 최적화하기
- 플래시나 자바스크립트에 의존하지 않기
- 가능한한 원래 사이트의 많은 컨텐츠를 포함시키기
- 리다이렉트 링크가 잘 동작하는지 확인하기
Effective Design for Multiple Screen Sizes
http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
모바일 웹을 위한 7가지 사용성 가이드 원문
- 사용자 니즈에 빨리 맞추기
- 네비게이션을 매 페이지마다 반복하지 않기
- 선택된 항목을 분명히 구분해주기
- 사용자 입력을 가능한한 간단하게 하기
- 꼭 필요한 정보들만 보여주기
- 기본적인 브라우징 제어기능을 제공하기
- 모바일 환경에 친숙한 페이지 레이아웃으로 디자인하기
모바일화를 위한 10가지 가이드 링크
- 하나의 웹을 위한 설계
- 웹 표준 준수
- 유해 요소 제거
- 장비 제한 주의
- 웹 네비게이션 최적화
- 그래픽과 색상 확인
- 가볍고 간결한 사이트
- 네트워크 자원 절약
- 사용자 입력 가이드
- 모바일 유저 배려
반응형
