모바일 탐색 설계를 위한 7가지 모범 사례

게시 됨: 2016-04-19

모바일 사용은 천문학적인 속도로 증가하고 있으며 한 가지 분명한 사실은 모바일 사용을 무시하면 방문자를 잃게 된다는 것입니다.

모바일 사용자는 이제 데스크톱을 통해 인터넷에 액세스하는 사용자 수를 능가하지만 모바일 사용자와 데스크톱 사용자는 매우 다른 짐승입니다. 모바일 사용자는 모바일입니다. 즉, 매장을 둘러보거나, 서비스를 구매하거나, 정보를 찾거나, 뉴스를 읽는 등 즉각적인 만족을 추구합니다. 시간이 본질이다; 그들이 원하는 것을 즉시 찾을 수 없으면 주요 경쟁자의 웹사이트로 사라질 것입니다.

이러한 이유로 디자이너는 모바일 사용자에게 최상의 경험을 제공하기 위해 모바일 우선 정신으로 작업하는 것이 그 어느 때보다 중요합니다.

그리고 탐색은 원활한 모바일 사용자 경험을 달성하는 핵심입니다.

모바일 내비게이션

모바일 탐색은 직관적이고 쉽게 액세스할 수 있어야 하며 프리미엄 부동산과 함께 너무 많은 화면 공간을 차지하지 않아야 합니다. 단순함은 여기에서 게임의 이름입니다. 8개의 탐색 지점이 데스크톱에서는 완벽하게 허용될 수 있지만 모바일에서는 과도합니다. 화면이 어지럽고 최종 사용자에게 혼란을 줄 수 있습니다.

모범 사례 모바일 탐색 클러터

그러나 대부분의 모바일 사용자는 데스크톱에서 모바일로 마이그레이션했으며 사이트 탐색 및 모양과 관련하여 여전히 특정 표준을 기대합니다. 다시 말해서, 당신은 그들의 기대를 너무 많이 망치고 싶지 않습니다. 모바일 탐색은 일반적으로 데스크톱 사이트에서 볼 수 있는 것과 다르지만 기본 규칙을 따라야 합니다.

효과적인 모바일 탐색을 위한 7가지 모범 사례 팁입니다.

1. 메뉴를 짧고 달콤하게 유지

“모바일 웹사이트의 메뉴는 적을수록 좋습니다. " 메뉴 옵션에 과부하가 걸리면 사용자는 필요한 옵션을 결정하려고 할 때 결정 마비에 직면하게 됩니다. 그들은 즉각적인 정보를 추구한다는 것을 기억하십시오. 많은 옵션을 탐색해야 하는 경우 더 나은 디자인의 사이트를 찾기 위해 단순히 사라질 것입니다. 따라서 메뉴는 짧고 달콤해야 합니다.

이에 대한 예외는 전자 상거래 상점입니다. 사용자는 다양한 구매 카테고리에 빠르고 쉽게 액세스하기를 원하기 때문입니다. 그러나 제품 범주를 줄일 수는 없지만 사용자가 쇼핑을 우선시하기 때문에 집, 연락처 및 정보와 같은 일부 표준 페이지를 모바일 메뉴에서 제거해야 한다는 주장이 있습니다.

모범 사례 모바일 탐색 메뉴

2. 눈에 잘 띄는 검색 버튼 포함

단순함과 미니멀리즘은 모바일 디자인의 키워드입니다. 그러나 협소한 공간과 짧은 메뉴로 인해 사용자가 원하는 것을 빨리 찾지 못할 수도 있는 위험이 있습니다. 이러한 이유로 기존의 돋보기 아이콘 형태로 눈에 잘 띄는 검색 버튼을 갖는 것이 중요합니다.

이상적으로는 검색 아이콘을 화면 상단에 배치하여 사용자가 특정 정보를 찾기 위해 사이트를 방문하는 경우 최소한의 번거로움으로 원하는 것을 검색하고 찾을 수 있도록 하는 것이 좋습니다.

3. 홈페이지로 돌아가기 쉬운지 확인

모든 인터넷 사용자에게 친숙한 규칙 중 하나는 홈페이지 개념이며 이는 모바일에서도 똑같이 중요합니다. 사이트를 방문하고 몇 번의 클릭만 하면 갑자기 현재 위치를 잊어버리거나, 전화를 받고 검색으로 돌아가서 무엇을 하고 있었는지 잊어버리기 쉽습니다. 홈 아이콘은 모든 사용자에게 친숙한 화면이며 홈페이지로 쉽게 돌아갈 수 있는 방법을 제공합니다.

홈페이지도 참고할 수 있는 유용한 사이트입니다. 사이트에서 가장 유용한 정보에 대한 개요가 있어야 사용자가 방향을 바꾸고 가장 중요한 콘텐츠를 즉시 발견할 수 있습니다.

4. CTA를 명확히 하라

웹사이트의 각 페이지에는 클릭 유도문안이 있어야 방문자가 방문 후 무엇을 하기를 원하는지 명확하게 알 수 있습니다. 모바일의 최소화된 브라우징 환경에서는 항상 클릭 유도문안을 강조하는 것이 중요합니다.

CTA의 기본 규칙(명확하고 대비되는 색상, 독특하고 설득력 있는 텍스트)을 따르고 시각적으로 눈에 띄도록 하고 놓칠 수 없는 전면 중앙에 배치합니다.

전자 상거래 상점이 있는 경우 '장바구니에 추가' 또는 '구매' 버튼을 고정 버튼으로 추가하여 사용자가 스크롤할 때 항상 페이지에 표시되도록 하십시오.

5. 공유 아이콘이 필요한지 고려하십시오

이것은 당연한 것처럼 보일 수 있습니다. 결국 모바일 장치에서의 소셜 미디어 사용량은 사상 최고로 5억 명이 넘는 사람들이 모바일에서만 Facebook을 사용합니다. 그러나 Moovweb의 최근 연구에 따르면 모바일 사용자의 0.2%만이 모바일 공유 버튼을 클릭하는데, 이는 데스크톱보다 35% 적은 수치입니다. 실제로 연구에 따르면 모바일 사용자는 모바일을 통해 콘텐츠를 공유하는 것보다 광고를 클릭할 가능성이 11.5배 더 높습니다.

이 연구는 또한 마케팅 캠페인의 일부로 소셜 공유를 구현하려는 경우 Facebook이 대상으로 삼는 주요 네트워크임을 밝혔습니다. 모바일에 최적화된 공유 아이콘을 포함하는 것 외에도 가능한 한 최고의 성공 기회를 얻으려면 사용자에게 정보를 공유하도록 요청하는 CTA를 포함하고 어떤 종류의 인센티브를 제공할 수도 있습니다.

모범 사례 모바일 탐색 아이콘

6. 프로모션을 최소한으로 유지

위 설문조사에서 언급했듯이 모바일 사용자는 모바일 장치에서 정보를 공유하는 것보다 광고를 클릭할 가능성이 훨씬 더 높습니다. 하지만 그렇다고 해서 모바일 웹사이트를 광고로 가득 채워야 하는 것은 아닙니다.

반대로 모바일 화면에서는 부동산이 프리미엄이기 때문에 화면을 광고로 어지럽히는 것은 방문자가 찡그린 얼굴로 떠날 수 있는 확실한 방법입니다. 사이트의 자체 광고이든 유료 광고이든 상관없이 프로모션은 화면에서 가장 좋은 콘텐츠와 가장 중요한 정보를 쉽게 압도할 수 있으며 사용자가 탐색하기 어렵게 만들 수 있습니다. 판촉 및 광고를 포함하고 싶다면 이들이 인계받지 않도록 주의하십시오.

7. 사이트를 터치 친화적으로 만들기

마지막으로, 모바일 사이트가 터치 친화적인지 확인하여 사용자가 탐색 작업을 간단하게 수행할 수 있도록 합니다. 정확한 마우스 대신 사용자가 탐색을 위해 더 크고 다소 서투른 손가락을 사용한다는 점을 기억하십시오. 디자인에는 충분한 여백이 포함되어야 하며 링크는 명확하고 손가락으로 탭하기 쉬워야 합니다. 대상 크기는 44x44픽셀입니다.

또한, 호버 효과와 같이 모바일로 잘 변환되지 않는 효과를 피하고 팝업 메시지를 사용하지 마십시오. 이러한 효과는 데스크탑에서는 충분히 짜증나지만 모바일 사이트에서는 탐색이 특히 번거로울 수 있습니다.

모범 사례-모바일 탐색-터치 친화적

모바일이 거대하고 모든 웹사이트 소유자에게 모바일이 매우 중요하다는 사실은 부인할 수 없습니다. 최소한의 전망과 모바일 우선 사고 방식을 사용하여 클라이언트의 주요 목표와 정확성과 목적을 가진 디자인을 알고 있는지 확인하십시오. 사용자를 마비시키고 몰아낼 수 있는 선택과 주의를 산만하게 하여 사용자를 압도하고 싶지 않습니다.

방문자의 사용자 경험을 향상시키기 위해 매끄럽고 직관적인 탐색을 목표로 하고 있습니다. “최고 수준의 사용자 경험을 통해 사이트는 더 많은 방문자를 유치하고 더 많은 전환을 만들 것입니다. "

직관적이고 부드러운 모바일 탐색을 위해 어떤 팁과 트릭을 사용합니까? 중요한 것을 놓쳤습니까? 아래에 알려주세요!