연구에 따르면 약 94%의 사람들이 반응형 웹 디자인을 기반으로 웹사이트를 판단한다. 모바일 우선 디자인이 향후 몇 년 동안 최우선 순위가 되어야 하는 이유를 알아보자.
Mobile First 디자인이란 무엇인가?
모바일 퍼스트 디자인은 가장 작은 화면을 위한 디자인을 의미한다. 가장 중요한 것은 여러분의 웹사이트가 모바일 장치에서 잘 작동한다면 다른 장치에서도 더 잘 작동할 것이다.
모바일 우선 디자인은 콘텐츠 우선 디자인을 의미한다. 그것은 당신이 당신의 공간을 현명하게 사용하도록 강요하고 모든 요소에 적합한 장소를 찾을 수 있도록 한다. 모든 것이 전화를 보는것 처럼 맞는 것은 아니므로 사이트의 목표를 달성할 수 있는 항목에 따라 우선 순위를 설정해야 한다. 의미없는 끝없는 텍스트는 잊어 버리기 바란다. 기본적으로 좋은 결과를 원한다면 가장 가치 있는 콘텐츠만 남게 된다.
따라서 현명하게 생각하고 계획을 세우거나 전문가의 도움을 요청해야 한다.
Mobile First와 Mobile Responsive 디자인의 차이점은 무엇인가?
웹 디자인 세계에는 두 가지 이데올로기가 있다. 하나는 점진적 향상/progressive enhancement(mobile-first)이라고 하고 다른 하나는 단계적 저하/graceful degradation(desktop first)이다. 점진적 향상 이데올로기는 웹 사이트가 먼저 더 작은 장치에 맞게 설계되어야 하고 개발자는 더 큰 화면에 맞게 조정해야 한다는 것을 의미한다. 다른 하나는 반대로 말한다. 처음에는 데스크탑용으로 사이트를 디자인한 다음 더 작은 화면에 맞게 조정해야 한다.
모바일 사용자가 웹 사이트에 점점 더 많은 트래픽을 가져옴에 따라 점진적 향상 이데올로기가 대중화되고 있다. 단계적 저하의 문제는 처음부터 모든 포괄적인 디자인(All-Inclusive Design)을 구축할 때 요소가 병합되어 강조하고 분리하기가 더 어려워진다는 것이다.
Note: Adobe사의 Inclusive Design 책임자인 Matt May는 아직 Inclusive Design에 대하여 일반화되고 합의된 정의는 없다고 말한다.
“어떤 경우에는 Universal Design의 정의를 빌려오기도 하고, 때로는 정의를 내리기 보다는 어떻게 해야 한다는 규칙을 설명하기도 하죠.
어떤 경우에는 장애와 관련지어 설명하는 반면, 더 넓은 범위에서 설명하기도 합니다. 이 모든 내용은 Inclusive Design을 통해 많은 것을 할 수 있다는 것을 독자들에게 알려준다는 점에서 가치가 있습니다.” – Matt May (Adobe)
어떤 전략을 사용해야 하나?
지난 6년 동안 전 세계 휴대전화 사용자 수는 41억 명에서 493명으로 거의 10억 명으로 늘어났습니다. 얼마 지나지 않아 Google은 Mobile-First Sites가 더 높은 순위를 차지할 것이라고 발표했다.
스스로에게 질문해보자. 타겟 고객은 무엇을 사용하고 있나? 그들은 PC 애호가인가? 아니면 웹사이트에 있을 때 스마트폰을 사용하는 것을 선호하나? 일부 B2B 회사는 여전히 PC를 사용하는 수많은 클라이언트를 보유하고 있다.
그것을 보는 방법을 잘 모르겠다면 Google Analytics를 사용하여 시작해보자. 청중을 더 잘 알게 되는 것이다. 그들이 사용하는 기기, 성별, 출신 국가, 사이트에서 보내는 시간 등을 볼 수 있다.
Mobile First 전략의 이점
인터넷 트래픽의 57.88% 가 휴대전화를 통해 이루어지며 전문가들은 최대 75% 까지 증가할 것으로 예측한다. 이는 과소 평가되지 않는다.
첫인상은 바꾸기 어렵고, 고객들은 웹사이트가 좋지 않으면 회사를 판단하는 경향이 있다.
모바일 우선 접근 방식으로 웹사이트를 조정할 경우 얻을 수 있는 이점은 다음과 같다.
- 모바일 장치에서 최고의 사용자 경험
- Google은 모바일 우선 색인을 사용한다.
- 더 빠른 웹사이트
- 내장된 전화 기능을 사용하도록 웹사이트 디자인 가능
- 미래에 대한 투자
