반응이 빠른 웹 디자인을 통해 모든 방문자의 사용자 환경이 개선 될 것입니다.
잠시 시간을내어 웹 사이트를 볼 때 사용할 수있는 소유하고있는 모든 기기에 대해 생각해보십시오. 당신이 대부분의 사람들과 같다면,이 목록은 지난 몇 년 동안 커졌습니다. 스마트 폰, 태블릿, 웨어러블, 게임 시스템 등을 포함 해 지난 몇 년 동안 눈에 띄게 등장한 기기와 함께 데스크톱 및 / 또는 노트북 컴퓨터와 같은 기존 기기를 포함 할 가능성이 큽니다. 집에기구를 설치하거나 차 안에서 인터넷에 연결할 수있는 화면을 만들 수도 있습니다! 결말은 장치의 경관이 점점 더 다양 해지고 있다는 것을 의미합니다. 즉, 오늘날 웹에서 번성하기 위해서는 (그리고 앞으로도) 웹 사이트가 반응 형 접근 방식과 CSS 미디어 쿼리를 기반으로 구축되어야하며, 사람들은이 다양한 장치들을 하나의 웹 브라우징 경험으로 결합 할 것입니다.
다중 기기 사용자 입력
우리가 알아 낸 한 가지 사실은 사람들이 웹에 접속하는 여러 가지 방법이 주어지면 웹을 사용한다는 것입니다. 웹 사이트 콘텐츠에 액세스하기 위해 다양한 기기를 사용하는 사람들이 많을뿐만 아니라 같은 사람이 다양한 기기를 사용하여 같은 사이트를 방문하고 있습니다. 이것은 "다중 장치"사용자의 개념이 나오는 곳입니다.
일반적인 다중 장치 시나리오
많은 사람들이 매일 매일 경험하는 공통 웹 상호 작용을 고려해보십시오. 새로운 가정을 검색 할 때 부동산 웹 사이트를 탐색합니다. 이 경험은 누군가가 찾고있는 기준을 입력하고 해당 쿼리와 일치하는 다른 속성 목록을 검토하는 데스크톱 컴퓨터에서 시작할 수 있습니다. 이 사용자는 모바일 장치에서 특정 속성을 다시 보거나 검색 매개 변수와 일치하는 새 목록에 대한 전자 메일 (모바일 장치에서 확인할 것임)에 대한 알림을받을 수 있습니다. 스마트 워치 (smartwatch)와 같은 착용 형 장치에 알림을 보내고 그 작은 화면에 대한 기본 정보를 검토 할 수도 있습니다.
이 프로세스는 하루 종일 계속 진행될 수 있습니다. 다른 데스크톱 컴퓨터에서 사이트를 방문하는 것이 더 많을 수도 있습니다. 그날 저녁, 태블릿 기기를 사용하여 가족에게 특히 흥미로운 목록을 표시하여 해당 속성에 대한 피드백을 얻을 수 있습니다.
이 시나리오에서 우리 웹 사이트 고객은 화면 크기가 서로 다른 4 개 또는 5 개의 장치를 사용하여 동일한 사이트를 방문하고 동일한 콘텐츠를 볼 수 있습니다. 이것은 다중 기기 사용자이며 방문하는 웹 사이트가 이러한 모든 다른 화면에서 해당 웹 사이트를 수용하지 못하면 단순히 떠나서 찾아 낼 것입니다.
기타 시나리오
부동산 검색은 사용자가 사이트에서 전반적인 경험을하는 동안 장치에서 장치로 건너 뛰는 한 가지 예일뿐입니다. 다른 예는 다음과 같습니다.
- 구매할 자동차 검색
- 휴가 계획
- 뉴스 기사 읽기
- 홈 임 프루브먼트 아이디어 조사
- 지역 계약자 / 서비스 찾기
- 결혼식이나 다른 큰 행사 계획
- 스포츠 팀 또는 스포츠 이벤트 다음
이러한 각각의 경우 웹 경험은 둘 이상의 세션으로 확장 될 가능성이 있습니다. 즉, 사용자가 주어진 시간에 어느 것이 편리한지에 따라 다른 장치를 사용할 기회가 있음을 의미합니다.
따라야 할 모범 사례
오늘날의 웹 사이트가 잠재 고객을 사용하는 점점 더 많은 기기에 적합해야하는 경우 해당 사이트가 방문자를 적절히 처리 할 수 있도록 하고 검색 엔진에서 순위를 매길 수 있도록하기 위해 따라야 할 기본 원칙과 모범 사례 가 있습니다.
- 반응 형 웹 사이트 - 오늘날 다양한 웹 연결 장치를 지원하려면 다양한 화면 크기에 맞게 조정하고 변경할 수 있는 응답 성있는 레이아웃 이 중요합니다.
- 모든 콘텐츠를 사용할 수 있어야합니다 - 특정 콘텐츠 나 기능을 한 기기에서 사이트를 방문 할 때 누군가 액세스 할 수 있다면 다른 기기로 돌아올 때 해당 콘텐츠 나 기능을 사용할 수 있다고 기대합니다. 콘텐츠는 각 장치에 적합한 방식으로 제공되어야하지만 특정 장치에 대해서는 어떤 콘텐츠도 "숨겨져 있거나"꺼져 있어야합니다.
- 가독성은 핵심입니다 - 어떤 종류의 장치 또는 어떤 크기의 화면이 웹 사이트를 방문하는 데 사용 되든지, 해당 사이트를 쉽게 읽을 수 있어야합니다. 이것은 타이포그래피가 중점을 두는 중요한 디자인 요소라는 것을 의미합니다. 누군가 사이트의 내용을 읽는 데 어려움을 겪으면 사이트를 완전히 떠날 가능성이 있습니다.
- 다양성 가운데서의 일관성 - 각기 다른 화면 크기에 대해 제시된 레이아웃은 다를 수 있지만 한 장치에서 다른 장치로의 일관성이 있어야합니다. 사용자가 새 화면에서 사이트를 방문 할 때마다 사이트를 다시 학습 할 필요가 없도록 전체 경험을 연결해야합니다.
- 성능을 최우선 순위로 설정 - 웹 사이트는 신속하게로드되어 완벽한 다운로드 속도 미만의 모바일 장치를 포함한 모든 장치에서 원활하게 작동해야합니다. 전반적인 웹 사이트 성능은 사이트 설계 및 개발의 모든 측면에서 우선 순위 가 되어야합니다. 결국 아무도 웹 사이트가 너무 빨리 로드되거나 너무 잘 작동한다고 말할 수 없습니다.
제레미 지라드 편집 : 1/26/17