모바일 웹용 디자인 인형용 치트 시트 - 인형

비디오: [제4강]메이크샵 쇼핑몰 제작 운영 가이드 - 모바일 쇼핑몰 만들기 매뉴얼 디자인 강좌 강의 교육 사용법 | 친절한컴강사 2025

Janine Warner, David LaFontaine

모바일 웹용 페이지를 디자인하려면, 모바일 웹 디자인의 문제점과 이점 - 작은 화면 크기, 모바일 장치 간의 차이점, 데스크톱 웹보다 느린 연결 속도 등이 포함됩니다. 그러나 모바일 웹은 데스크톱 웹에서 찾을 수없는 접근성과 기능을 제공하며 방문자가있는 곳 어디에서나 접속할 수있는 기회를 제공합니다.

웹 사이트의 모바일 버전 (또는 버전)을 가장 효과적으로 설계하는 방법을 생각하기 시작할 때 모바일 웹의 고유 한 문제를 고려하십시오. 다음은 모바일 웹용 사이트를 설계 할 때 고려해야 할 주요 고려 사항입니다.

디자인이 작은 화면에 맞는지 확인하십시오.

느린 연결 속도에서도 페이지가 빠르게로드되도록 이미지와 텍스트를 제한하십시오.
(뚱뚱한) 손가락, 스타일러스 또는 기타 제한된 입력 옵션으로 쉽게 클릭 할 수있는 링크 및 기타 탐색 옵션을 만듭니다.
방문자는 긴급한 정보가 필요합니다. 많은 사람들이해야하기 때문에 모바일 웹으로 전환합니다. 방문자가 분실되거나, 늦거나, 1987 년 슈퍼 보울에서 누가 슈퍼마켓에서 우승했는지 알 필요가 있습니다.
시간과 장소가 중요합니다. 사용자가 귀하의 웹 사이트 이외의 기능에 액세스 할 수 있고 해당 위치가 어디에 있는지, 하루 중 어떤 시간대인지, 심지어는 비가 내리는 지 여부에 영향을받을 가능성이 있음을 잊지 마십시오.
모바일 웹 사이트 디자인 방법은 사이트 콘텐츠, 리소스 및 대상에 따라 다릅니다. 다음 팁은 가능한 모바일 웹 디자인 전략을 이해하고 자신에게 적합한 전략을 선택하는 데 도움이 될 수 있습니다.

사이트의 간단한 버전 만들기:

이 전략을 통해 사이트 방문자 중 가장 많은 방문자가 사이트에서 가장 중요한 정보 (예: 사무실로 갈 때 전화 번호)를 얻으십시오. 저사양 모바일 장치에서도 디자인이 작동하고 데스크톱 사이트에서 디자인에 연결되어 있는지 확인하십시오. 웹 사이트 http: // mobilynx. 그림에 표시된 net은 다양한 모바일 장치에서 작동하도록 설계되었으며 모바일 웹 용으로 설계된 다른 사이트에 대한 링크 모음을 제공합니다.

여러 버전 디자인: 많은 디자이너가 서로 다른 버전의 웹 사이트를 만든 다음 화면 크기와 휴대 전화 또는 장치에서 지원하는 기능에 가장 적합한 버전으로 방문자를 자동으로 안내합니다.
시간, 전문성 또는 예산이있는 경우 각기 다른 크기와 기능의 장치에 최적화 된 웹 사이트의 다른 버전을 설계하는 것이 가장 좋은 전략입니다. 콘텐츠 적응 사용:

기본적으로 하나의 웹 사이트 디자인을 만든 다음이를 각 장치에 적용합니다. 따라서 사이트의 기본 구조는 모든 장치에서 동일하지만 이미지 크기 나 비디오 모양과 같은 특정 요소는 장치가 지원할 수있는 내용에 따라 변경됩니다.
내용 적응 방법을 사용하여 사이트를 개발할 때는 하이 엔드 버전 설계: 와 같이 사이트 디자인에 대한 일종의 청사진 인 와이어 프레임을 작성하는 것이 좋습니다. > 이것은 방문자가 주로 Google의 Android 운영 체제에서 실행되는 휴대 전화에 사용되는 고급 iPhone 또는 Droid를 사용하는 경우에 작동합니다. Jasper Johal의 사진 웹 사이트 (그림 참조)는 iPhone 및 데스크탑 컴퓨터에서 잘 어울립니다.

모바일 검색을위한 위치 기반 검색 엔진 사용
모바일 검색은 차세대 하이퍼 경쟁 전장이되었습니다. 모든 일반적인 용의자는 이미 시장 점유율을 높이기 위해 이미 존재하지만, 더 전문화 된 다른 위치 기반 모바일 검색 엔진이 스스로를위한 틈새 시장을 개척하려는 희망으로 떠오르고 있습니다. 다음은 주요 플레이어들입니다: AOL Mobile: