모바일 웹 페이지는 독특한 동물입니다. 대형 화면과 정확한 마우스 클릭을 위해 설계된 데스크톱 친화적 인 웹 페이지와 달리 모바일 웹 페이지는 작은 화면과 부정확 한 손가락 탭핑을위한 크기로되어 있습니다. 또한 최신 웹 사이트는 데스크톱 및 모바일 형식으로 게시해야하므로 모든 웹 페이지를 두 번 만들 필요가 있습니다.
01 of 08
화면 크기와 '부동산'이 다른가
이것은 데스크톱과 모바일 웹 페이지 간의 가장 분명한 차이입니다. 대부분의 데스크톱 모니터는 19 인치에서 24 인치의 대각선 크기이지만 일반적으로 태블릿은 대각선 길이가 10 인치입니다. 스마트 폰은 4 인치 대각선입니다. 간단한 축소 기능으로 인해 웹 페이지가 모바일 친화적으로 변환되지 않습니다. 이는 텍스트를 읽을 수 없도록 만 만들기 때문입니다. 마찬가지로, 줌 - 아웃 된 웹 페이지에서 손가락 - 탭핑은 정확하게 수행하기가 불가능 해집니다. 모바일 웹 디자이너는 실제로 페이지 레이아웃에 대한 모든 접근 방식을 변경해야합니다. 일반적으로 디자이너는 사이드 바 및 불필요한 그림을 제거하고, 작은 그림을 선택하고, 글꼴 크기를 늘리고, 내용을 확장 가능한 위젯으로 축소해야합니다. 이 부동산 제한은 웹 디자이너들 사이에서 완전히 다른 사고 방식을 이끌어 냈습니다.
02 of 02
위젯과 '슬라이더'가 있음; 사이드 바 및 공백이 있음
03 / 08
핑거 탭핑은 마우스 클릭보다 덜 정확합니다.
바탕 화면의 정확한 마우스 포인터와 달리 사람의 손가락은 얼룩이 고 손가락 두드리기 에는 화면에 큰 대상이 필요하여 하이퍼 링크가 필요합니다. 모바일 웹 페이지에서 더 큰 직사각형 탭 대상 ( '타일')을보고 문자 기반 하이퍼 링크 수가 줄어들 것으로 예상됩니다. 또한 메뉴는 종종 손가락 탭의 부정확성을 수용하기 위해 큰 버튼과 큰 탭으로 대체됩니다.
04 of 08
모바일 페이지 URL이 다릅니다.
모바일 친화적 인 웹 페이지에는 일반적으로 문자 'm'이 주소의 중요한 부분으로 포함됩니다. 모바일 URL 은 예를 들어 모바일 태블릿이나 스마트 폰으로 서핑을 할 때 자동으로 선택됩니다. 경우에 따라 페이지의 일반 데스크톱 버전으로 전환 할 수있는 유용한 링크가 표시됩니다.
08 년 5 월
광고가 축소되거나 제거됨
예, 독자에게는 좋지만 웹 광고주에게는 정말 어려운 점입니다. 태블릿이나 스마트 폰의 공간이 줄어들어 많은 스폰서 링크와 대형 배너 광고를 게재하는 것은 효과가 없습니다. 대신, 모바일 웹 페이지에 특수한 작은 팝업 광고를 보려는 경우가 종종 있습니다 (화면 하단 중앙에 위치). 모바일 장치가 성숙 해짐에 따라 다른 영리한 유형의 소형 광고가 고안되고 있습니다.
06 of 06
확인란과 작은 링크가 좌절 할 것입니다.
07/08
비밀 번호 로그인이 가려 지거나 지나치게 작아 질 수 있습니다
예, 많은 모바일 웹 페이지에서 현대적인 성가심입니다. 많은 웹 게시자는 22 인치 화면에서 여전히 생각하고 있기 때문에 두 가지 성가신 모바일 경험을 제공합니다. 로그인 및 암호 입력란은 작고 힘들며 슬라이딩 방식의 모바일 키보드는 로그인 및 비밀번호 입력란을 포함합니다 . 로그인 필드를 표시하기 위해 핀치 확대를 사용하여 적응해야하며 숨겨진 로그인 버튼을 해제하려면 화면을 스크롤하고 키보드를 꺼야합니다. 다행히 현대 웹 게시자는 곧이 성가심을 해결할 수있는 영리한 방법을 찾게 될 것입니다.
08 08
사진이 더 눈에 띄게된다.
일반적으로 사진은 작은 화면에 맞도록 축소됩니다. 드물게 사진이 실제로 태블릿 또는 스마트 폰 디스플레이의 너비를 채우도록 펼쳐집니다.