뛰어난 모바일 UX를 위한 디자인 방법

훌륭한 모바일 UX를 위한 디자인 방법 은 웹에서 비즈니스가 수행하는 모든 것의 최전선에 있어야 합니다. 무엇보다도 모바일을 염두에 두고 디자인하지 않는 한 비즈니스는 가능한 한 성공적이지 않을 것입니다. 그 이유는 간단합니다. 모바일은 사람들이 인터넷에 액세스하는 최고의 방법으로 데스크톱을 제치고 오래 전부터 사용되어 왔습니다. 다시 말해서, 모바일용으로 디자인하는 데 실패하고… 가능한 한 많은 사이트 방문자, 리드 및 고객을 확보하지 못하는 것입니다.

통계를 살펴보겠습니다.

Smart Insights에 따르면 모바일 사용자 수가 데스크톱 사용자 수를 추월한 지점을 지났습니다. 이 티핑 포인트는 2014년에 발생했습니다. 그 이후로 글로벌 모바일 사용자 수는 계속해서 공격적으로 증가했지만 데스크톱 사용자 수는 덜 빠르게 증가했습니다.

결론: 더 많은 리드, 방문자 및 고객이 데스크톱이 아닌 휴대전화로 웹사이트를 방문하게 됩니다.

전환을 극대화하려면 사이트가 모바일에 먼저 최적화되어야 합니다. 오늘날 훌륭한 모바일 UX는 성공적인 모바일 마케팅이기도 합니다.

한 번 보자.

훌륭한 모바일 UX를 위한 디자인 방법: 통계에서 말하는 것

예를 들어 모바일 우선 설계와 같이 비즈니스 지출을 정당화하기 위한 확실한 사용 사례를 구축하려는 경우에는 사람들이 요즘 어떻게 그리고 어디서 구매하는지에 대한 통계를 살펴보십시오. 증거가 이끄는 곳으로 가십시오.

커머스 마케팅을 전문으로 하는 글로벌 테크 기업 크리테오(Criteo)는 미국에서만 모바일 판매가 현재 전체 전자상거래 거래의 52%를 차지한다는 보도 자료를 발표했습니다. 분명히, 효과적이고 성공적으로 판매하려면 훌륭한 UX를 갖춘 매우 효율적인 모바일 존재가 필요합니다.

다음은 언뜻 보기에 보이는 것보다 더 많은 것을 실제로 드러내는 또 다른 매우 흥미로운 통계입니다.

Adobe의 모바일 소매 보고서에 따르면 전환율은 모바일보다 데스크톱에서 2.8배 더 높습니다. 모바일에 최적화하는 것이 중요하지 않다는 의미라고 생각한다면 다시 생각해 보세요. 이것은 실제로 모바일 우선 전략에 전념해야 하는 더 큰 이유입니다. 특히 모바일이 여전히 데스크톱보다 더 많은 트래픽을 차지하기 때문입니다.

데스크톱에서 전환율이 더 높은 이유는 모바일 경험이 최적화되어 있지 않기 때문일 수 있습니다. 사람들은 애초에 더 편리한 모바일에서 쇼핑하고 전환하는 것을 선호하지 않기 때문이 아닙니다. !

훌륭한 모바일 UX를 구현했기 때문에 모바일 사이트가 완벽하게 최적화되어 데스크톱 사이트보다 더 많은 트래픽을 수신하고 데스크톱보다 더 많은 전환이 발생하는 시나리오를 상상해 보십시오.

당신의 손이 닿는 곳에 있습니다. 다음은 수행할 작업입니다.

엄지손가락을 위한 디자인…하지만 주로 엄지손가락을 위한 것은 아닙니다.

모바일 사용성은 사람들이 스마트폰과 상호 작용하는 것으로 알려진 다양한 모든 방식을 기반으로 해야 합니다. 훌륭한 모바일 UX를 디자인하는 방법은 증거 기반인 만큼 상식입니다.

스마트폰을 사용하여 모바일 사이트를 탐색하고 쇼핑하는 경우 한 손에는 휴대전화를 잡고 같은 손에는 엄지손가락을 사용하여 내 사용자를 표시하는 것이 더 편리하다고 가정하고 싶은 생각이 듭니다. 목표. 두 손(한 손에는 전화를 사용하고 다른 한 손에는 검지 손가락을 사용하여 사용자 목표 달성)을 사용하는 것이 덜 편리할 것이라고 가정하는 것도 마찬가지로 유혹적입니다.

그러나 이러한 통념은 사람들이 휴대전화를 조작할 때 한 손만 또는 주로 사용한다고 가정하기 때문에 실제로 잘못된 것입니다.

연구에 따르면 사람들이 휴대전화를 들고 상호작용하는 6가지 뚜렷한 방법이 있습니다. 6가지 방법 모두에 대해 디자인하지 못한 모바일 사이트는 실패하고 UX가 저하되기 때문에 전환율이 낮아집니다.

여섯 가지 방법은 다음과 같습니다.

• 요람(한 손으로 전화를 받치고 다른 손으로 엄지손가락을 탭함)
• 길게 누르기(한 손으로 전화기를 지지하고 다른 손으로 검지 손가락을 탭함)
• 가로 방향을 위한 두 손(Nintendo 2DS XL과 같은 휴대용 게임 장치를 어떻게 잡을지 생각해 보세요)
• 한 손 – 퍼스트 오더(한 손으로 전화기를 잡고 같은 손의 엄지손가락을 탭함)
• 한 손 – 두 번째 순서(한 손으로 전화를 잡고 같은 손의 엄지손가락을 탭하지만 더 높은 시작 위치에서)
• 세로 방향을 위한 두 손

이제 이것이 실제로 관련이있는 곳입니다. 다음은 전화를 잡을 수있는 다양한 방법에 대한 다양한 사용 사례입니다.

• 링크 탭하기 – 대부분 잡고 탭하거나 요람
• 체크 박스 – 대부분의 요람 또는 길게 누르기
• 타이핑 – 대부분 두 손가락이나 엄지손가락을 동시에 사용하거나 길게 누릅니다.
• 짧은 스크롤 – 대부분 누르고 탭하거나 크래들
• 더 긴 스크롤 – 대부분의 요람 또는 길게 누르기

결론: 사람들이 휴대전화를 잡는 다양한 방법을 수용할 수 있도록 모바일 사이트를 디자인하세요.

버튼이 클수록 좋습니다.

훌륭한 모바일 UX를 디자인하는 방법을 고민하고 있다면 가장 중요한 요소 중 하나는 버튼 크기입니다. 모든 모바일 기기와 마찬가지로 화면 크기는 태블릿이나 데스크톱보다 훨씬 작기 때문에 버튼이 너무 작으면 모바일 사이트의 유용성이 떨어집니다. 부적절한 크기의 버튼은 다음과 같은 UX 오류로 이어집니다.

• 버튼을 제대로 누르기 어려움
• 처음에 버튼을 볼 때의 문제
• 버튼을 탭하거나 다른 방식으로 상호 작용할 수 있다는 것을 이해하는 데 어려움을 겪습니다.

큰 쪽의 오류가 더 좋습니다.

더 큰 버튼은 쇼핑객, 고객, 방문자 등을 위한 더 부드러운 UX를 보장합니다.

이것은 정확히 얼마나 큰가에 대한 질문을 던집니다.

Google의 자체 Material Design Touch Target Size 가이드라인에 따르면 모바일 버튼은 7~10mm의 터치스크린 크기에 도달해야 합니다. 즉, 버튼은 어떤 화면에 표시되든 약 1센티미터의 물리적 크기를 가져야 합니다. 이렇게 하면 다음 사이의 훌륭한 균형이 보장됩니다.

• 정보 밀도
• 사용자 인터페이스 요소의 "타겟 가능성"

사용자가 버튼을 더 쉽게 볼 수 있고, 다른 화면 요소와의 공간적 관계를 이해하고, 탭하여 페이지 목표를 성공적으로 완료할 수 있을 때 놀라운 UX를 제공할 수 있습니다.

가장 중요한 콘텐츠의 우선 순위 지정

훌륭한 모바일 UX를 위한 디자인 방법은 무엇입니까?라는 질문에 대한 답입니다. 때로는 더하는 대신 빼는 것에 있습니다. 화면 콘텐츠의 경우 이 규칙이 100% 적용됩니다.

최근 모바일 화면 크기가 증가하는 추세에도 불구하고 스마트폰의 장점은 작고 휴대성이 뛰어난 크기입니다. 이러한 편리함에는 사용자가 더 많은 상호 작용 비용을 부담해야 하는 단점이 있습니다. 이것은 모바일 사이트 목표를 달성하기 위해 소비해야 하는 육체적 정신적 노력입니다.

예를 들어 데스크탑에서 뉴스 사이트를 탐색하는 경우 스크롤 없이 볼 수 있는 부분의 사이드바에서 홈페이지의 스포츠 경기 결과와 일기 예보를 볼 수 있으므로 귀찮게 아래로 스크롤할 필요가 없습니다. 그러나 모바일에서는 공간이 프리미엄이기 때문에 동일한 콘텐츠에 도달하려면 상당한 스크롤이 필요할 수 있습니다.

따라서 유일한 솔루션은 모바일에서 스크롤 없이 볼 수 있는 부분보다 가장 중요한 콘텐츠의 우선 순위를 지정하는 것입니다. 즉, 모바일 페이지에서 스크롤 없이 볼 수 있는 부분에 사용자와 방문자에게 어떤 콘텐츠를 표시할지 신중하게 생각하세요. 결국 스크롤 없이 볼 수 있는 부분 위에 포함하는 콘텐츠의 각 요소에 대해 다른 요소는 스크롤 없이 볼 수 있는 부분 아래로 밀려나고 심지어는 희생되어야 합니다.

스크롤 없이 볼 수 있는 부분에서 모바일 콘텐츠를 최대화하는 데 도움이 되는 한 가지 접근 방식은 이른바 크롬을 최소화하는 것입니다. 이 경우 Google의 브라우저에 대해 이야기하는 것이 아닙니다. Chrome은 사용자가 인터페이스 콘텐츠와 상호작용하거나 이에 대한 추가 정보를 제공하는 데 도움이 되는 시각적 디자인 요소의 모음이지만 콘텐츠의 일부는 아닙니다. Chrome은 휴대전화의 운영 체제에서 제공됩니다.

크롬의 예로 Gmail 앱의 받은 편지함에서 이메일을 볼 때 사람들의 계정과 연결된 모든 사진이 있습니다. 이 예에서 이러한 사진은 발신자를 추가로 식별하는 데 도움이 되지만 발신자를 식별하는 데 절대적으로 필요한 것은 아닙니다(이메일 자체의 보낸 사람 줄이면 충분함).

이러한 크롬 요소를 줄임으로써 모바일 화면 공간을 크게 절약할 수 있으므로 작은 접힌 영역 위에 가장 중요한 정보를 배치할 가능성이 높아집니다.

최종 사용자에 초점

훌륭한 모바일 UX를 디자인하는 방법의 비밀은 항상 최종 사용자에게 있습니다. 모바일 사이트를 디자인할 때 이를 염두에 두십시오. 그러면 사용자 친화적인 사이트를 만들 수 있습니다. 간단합니다.

거기에 도달하려면 가정이 아닌 실제 데이터를 기반으로 설계해야 합니다. 먼저 사용자가 휴대전화를 어떻게 잡고 있는지부터 시작하는 것이 좋습니다. 많은 사람들이 휴대전화를 들고 있지도 않은 방식으로 디자인하는 경우 모든 베팅이 무효가 됩니다.

모바일 화면이 작기 때문에 콘텐츠를 쉽고 빠르게 볼 수 있어야 하므로 요소를 더 크게 만들고 가장 중요한 콘텐츠가 스크롤 없이 볼 수 있는 부분에 위치하도록 하는 것도 중요합니다.