태블릿 사용자를위한 웹 사이트 구축
한때 애플의 아이 패드가 압도적이었던 태블릿 아레나는 매일 새로운 진입자와 함께 급성장하고있다. Google Nexus 7, Amazon Kindle, Microsoft Surface 및 시장에 진입 한 다른 타블렛 장치의 다수는 마케팅 담당자가 PC 웹 사이트를 넘어 생각하고 독립 실행 형 태블릿 전략을 개발할 것을 촉구합니다., 타블렛 친화적 인 웹 사이트.
태블릿이 스마트 폰을 대체합니까? 짧은 대답은 '아니오'입니다. 사실, 최근의 comScore 보고서에 의하면 4 명의 스마트 폰 소유자 중 1 명은 태블릿을 사용했습니다. 또한 사람들이이 두 장치를 사용하는 방식에는 몇 가지 분명한 차이가 있습니다. 모바일 웹 전략 중 일부는 태블릿 사용자에게 적합 할 수도 있지만 태블릿 독자는 특별한 고려가 필요합니다..
태블릿을위한 건물
온라인 출판 협회 (Online Publishers Association)의 한 연구에 따르면 콘텐츠 및 정보에 액세스하는 것은 전세계 태블릿 소유자의 가장 활발한 활동 인 것으로 나타났습니다. 콘텐츠 소비 포함 동영상보기, 뉴스 읽기. 따라서 콘텐츠 마케팅 담당자 또는 게시자가 태블릿 독자를 구하기 위해 무엇을해야합니까??
태블릿 리더는 풍부한 그래픽과 세부적인 비주얼로 만들어진 무수한 앱을 다루는 데 사용됩니다. 따라서 태블릿 독자는 데스크톱 브라우저에서 보는 것과 같은 린백하고 앱과 유사한 독서 환경을 기대합니다..
스크롤은 지나치다. 스 와이프가 시작되었습니다.
끊임없이 성장하는 태블릿 방문자를 참여시키는 유일한 방법은 PC 웹 사이트 표준 즉 수직 스크롤 형식 및 레이아웃을 넘어서서 더 개인적이고 양방향 웹 사이트를 구축하는 것입니다. 태블릿 판독기는 스 와이프 및 제스처와 같은 제스처에 사용되며 이전의 '스크롤 및 클릭'방식으로 사이트를 탐색하는 방식보다 선호합니다.
HTML5 및 CSS3를 활용하여 인쇄 된 잡지를 에뮬레이트하고 독자가 좋아하는 잡지의 페이지를 뒤집어 쓴 경험을 제공하는 잘게 배열 된 페이지 레이아웃으로 콘텐츠를 표시하십시오..
접촉하기 쉬운 웹 사이트
현재 시장에 나와있는 모든 태블릿은 터치 인터페이스로 작동하며 개인용 컴퓨터와 상호 작용하는 방식에 대한 아이디어를 재정립했습니다. 태블릿에서 최적의 독서 환경을 얻으려면 최소 텍스트 크기를 14 픽셀로 설정하는 것만 큼 간단합니다. 하지만 특히 사용자 입력과 관련하여 사용자 인터페이스는 어떻습니까??
그것은 손가락에 있어요.
PC 웹 사이트는 커서를 통해 마우스로 접근 할 수있는 눈으로부터 일정 거리에있는 화면에로드되지만, 태블릿은 손에 들고 손가락으로 입력을 받아 들일 수 있도록 설계되어 있습니다.
텍스트 채우기 늘리기 큰 손가락으로도 클릭 할 수있는 하이퍼 링크 텍스트 주변에는 약간의 영역이 있습니다. 또한 문장 사이의 줄 간격 늘리기 사이에 충돌이 없도록 하이퍼 링크 텍스트, 양식 필드 또는 드롭 다운 메뉴. 호버 이벤트 제거 사용자가 사이트를 탐색하는 방법을 다시 학습 할 필요가 없도록 행동과 컨트롤을 직관적으로 유지하거나 예측할 수 있도록 유지하십시오..
타블렛 친화적 인 웹 사이트를 구축 할 때는 Apple의 iOS 휴먼 인터페이스 가이드 라인을 준수하는 것이 좋습니다..
야한 요소 피하기
아이 패드가 여전히 태블릿 시장의 선두 주자이기 때문에 플래시 용으로 빌드하지 않는 것이 안전하다. 그러나 HTML5를 사용하여 태블릿 브라우저에서 독자에게 더 나은 앱과 유사한 환경을 만들 수 있습니다. 자바 스크립트 기반 애니메이션을 적게 사용하여 모든 태블릿 장치에서 태블릿 웹 사이트를 빠르게 유지하고 액세스 할 수있게하십시오..
오리엔테이션 문제
태블릿 방문객은 웹 사이트를 가로 또는 세로 방향으로 볼 수 있습니다. 따라서 태블릿 웹 사이트의 콘텐츠가 이러한 방향에 맞게 자동으로 재 배열되는지 확인하십시오. 30 가지 반응 형 포트폴리오보기 다른 화면 크기 및 방향에 맞게 콘텐츠를 재 배열해야하는 아이디어 아이디어를 얻으려는 귀하의 영감을 얻으십시오.
추가 정보는 다음을 참조하십시오.
- 모바일 웹 디자인 : 사용 편의성 향상을위한 10 가지 팁
- 30 응답 성이 뛰어난 웹 디자인 자습서
- 디자이너를위한 50 가지 유용한 웹 디자인 도구
마지막으로, 항상 매우 높은 해상도의 이미지를 사용하거나 다른 방향으로 이미지의 크기를 조정하여 사용자가 전체 그림을 얻도록하십시오. 16 : 9 종횡비는 대부분의 태블릿에서 잘 작동합니다..
마무리
타블렛 친화적 인 웹 사이트를 구축 할 때는 PC 웹 사이트를 넘어서서 개인적인 상호 작용을 한 발 더 내딛으십시오. 태블릿을 처음으로 사용하는 세상을 위해 웹 사이트를 다시 생각해보십시오..
편집자 주 : 이 게시물은에 의해 작성됩니다 락 쉬미 하리 쿠마르 Hongkiat.com을위한.
