모바일 사용자를 위해 전자상거래 사이트를 최적화하는 6가지 현명한 방법

Adobe Insights에 따르면 2017년 추수감사절 주말 동안 미국 쇼핑 사이트 방문의 절반 이상(52%)이 스마트폰과 태블릿을 통해 이루어졌습니다. 미국인들이 데스크탑보다 모바일에서 블랙프라이데이 쇼핑을 더 많이 한 것은 이번이 처음입니다.

그러나 그 "쇼핑"은 온라인에서 이루어진 실제 구매의 36%만이 모바일 장치에서 이루어졌기 때문에 브라우징이라고 하는 것이 더 정확할 것입니다. 소비자들은 여전히 ​​모바일보다 데스크탑에서 구매하는 것을 선호합니다. 그들은 스마트폰을 보는 것을 좋아하지만 방아쇠를 당길 때가 되면 데스크탑으로 뛰어듭니다.

모바일 전자 상거래가 빠르게 성장하고 있지만 브랜드는 소비자가 핸드헬드 장치에서 구매하도록 설득하기 전에 여전히 다양한 조건을 충족해야 합니다. 다음은 모바일 판매를 포착할 수 있도록 온라인 상점을 최적화하는 몇 가지 주요 방법입니다.

네이티브로 이동

데스크톱 웹사이트의 "반응형" 버전을 갖는 것만으로는 충분하지 않습니다. 진정한 "모바일 퍼스트"가 되려면 스마트폰 사용자를 위해 기본적으로 구축되고 스와이프 및 지역 타겟팅과 같은 고유한 기능을 활용하는 탐색 및 구매 경험을 만들어야 합니다.

대부분의 디자이너는 데스크톱용 온라인 스토어를 구축한 다음 그 경험을 더 작은 화면으로 번역합니다. 이로 인해 일반적으로 제품이 표시, 검색 및 구매되는 방식이 손상됩니다. 이것은 또한 "모바일 사이트"가 매우 조급한 모바일 사용자의 사고방식을 중심으로 설계되지 않았음을 의미합니다.

예를 들어 올바르게 설계된 경우 스마트폰에서 한 번의 탭으로 결제 및 고객 데이터(이름, 주소 및 전화번호)를 활성화할 수 있습니다. 그러나 데스크톱에서 모바일로 전환된 사이트는 이러한 수준의 용이함을 거의 달성할 수 없습니다.

탐색 및 구매 모두 지원

스마트폰 사용자는 일반적으로 두 가지 목표 중 하나를 염두에 두고 전자 상거래 사이트에 도착합니다. 하나는 탐색하기를 원하거나 특정 항목(아마도 실제 매장에서 발견한 항목)을 찾고 있다는 것입니다. 모바일 사이트는 동일한 환경 내에서 이 두 가지 활동을 모두 지원해야 합니다. 그것은 해내기가 어려울 수 있습니다.

탐색하려는 소비자의 경우 사이트에 모바일 화면에서 보기 좋은 제품 이미지가 있어야 합니다. 제품 페이지에는 탭 한 번으로 더 자세한 설명과 함께 가장 필수적인 정보만 표시되어야 합니다. 다양한 제품 카테고리를 스와이프하거나 탭하는 것은 매우 쉬워야 합니다.

특정 제품을 찾고자 하는 사용자의 경우 검색 상자를 검색하게 하지 마십시오. 검색 상자는 항상 잘 보이고 액세스할 수 있어야 합니다. 이상적으로는 사이트에서 예측 검색 결과와 "스마트 검색"이 활성화되어야 하며, 이는 입력 및 보기를 더 쉽게 하기 위해 검색 상자로 화면을 자동으로 채우는 디자인 기능입니다. 방문자는 또한 검색 필터를 사용하여 염두에 두고 있는 특정 제품으로 빠르게 드릴다운할 수 있어야 합니다.

모바일 내비게이션 못을 박다

위의 예에서 알 수 있듯이 사용자가 모바일 사이트를 얼마나 쉽게 탐색하느냐에 따라 전환율이 크게 달라집니다. 동시에 공간이 제한된 모바일 환경 내에서 탐색 링크의 효율성이 높아야 합니다.

가장 중요한 링크는 헤더 탐색 모음으로 이동합니다. 요즘 트렌드는 "햄버거 메뉴"를 사용하여 제품 카테고리 링크 및 기타 하위 페이지(예: 설정, 매장 찾기 또는 연락처 정보)를 3개의 짧은 수직 막대 모양의 아이콘으로 축소하는 것입니다. 햄버거 메뉴를 사용하면 일반적으로 검색 표시줄, 장바구니, 로고(홈페이지 링크 역할도 함)를 포함하는 헤더에 필수 링크를 표시할 수 있는 더 많은 공간이 모바일 사이트에 제공됩니다.

그러나 햄버거 메뉴는 "메뉴 스터핑(menu stuffing)" 또는 메뉴 바에 불필요한 링크를 너무 많이 넣는 나쁜 습관으로 이어질 수도 있습니다. 이것을 피하기 위해(여전히 많은 소비자를 혼란스럽게 하는) 햄버거 메뉴를 피하기 위해 Glossier가 모바일 탐색으로 한 것처럼 항상 표시되는 고정 막대를 선택할 수 있습니다. 탐색 모음에 너무 많은 링크만 맞출 수 있기 때문에 가능한 가장 최소한의 논리적인 방식으로 제품 오퍼링을 구성해야 합니다.

많은 모바일 사이트는 공간을 절약하기 위해 텍스트 대신 아이콘을 사용합니다. 배포 중인 아이콘을 즉시 인식할 수 있도록 하면 사용자가 클릭한 내용을 정확히 알 수 있습니다.

번개처럼 빠르게

Google의 연구에 따르면 평균 모바일 방문 페이지가 로드되는 데 무려 22초가 소요됩니다. 그러나 로드하는 데 3초 이상 걸리면 대부분의 사용자가 모바일 페이지를 떠납니다. 전자 상거래 사이트의 로드 속도가 느린 경우 이러한 불일치는 판매에 좋지 않습니다.

사이트 성능 저하가 전자 상거래 비즈니스에 미치는 영향에 대해 이전에 작성한 적이 있습니다. 사이트 속도는 모바일에서 훨씬 더 중요합니다. 스마트폰 사용자는 데스크톱 사용자보다 인내심이 훨씬 적습니다. 모바일 사이트 성능은 전자 상거래 비즈니스로서 최우선 순위에 있어야 합니다.

생각보다 간편한 결제 활성화

속도에 대해 말하자면, 전자 상거래 상점의 결제 경험은 최대한 빠르고 원활해야 합니다. Harris Poll에 따르면 쇼핑객의 3분의 2가 불량한 체크아웃 경험 때문에 모바일 장치에서 온라인 구매를 포기합니다. 장바구니 포기율을 줄이고 전환율을 높이기 위해 가능한 한 많은 마찰을 제거하고 싶습니다.

다음은 이를 수행하는 몇 가지 중요한 방법입니다.

• Apple Pay, Google Pay, Amazon Pay 등과 같은 여러 타사 결제 옵션을 제공합니다.
• 비회원 결제 활성화
• 필수 필드를 절대 최소로 유지
• 세로 행에 필드를 쌓고 행당 하나의 필드로 유지
• 결제 프로세스를 여러 페이지로 나눕니다.
• 진행률 표시줄을 사용하여 사용자 참여 유지
• 페이지당 하나의 눈에 띄는 클릭 유도문안 버튼 유지
• 사용자에게 고객 서비스 라인 "클릭 투 콜(click-to-call)" 옵션을 제공하여 대신 실제 사람과 구매를 완료할 수 있습니다.
• 양식에서 자동 감지 및 자동 채우기 활성화(Safari 및 Chrome에서 지원)
• 신용 카드 및 전화 번호 입력을 위한 숫자 키보드 트리거
• 집 주소와 배송 주소를 자동으로 채울 수 있도록 주소 찾기를 활성화하세요.

보안 문제 해결

보안 문제는 많은 모바일 전자 상거래 고객에게 큰 장벽이 될 수 있습니다. 한 연구에 따르면 소비자의 거의 절반이 개인 데이터 보호와 관련하여 모바일 장치가 PC 및 랩톱보다 덜 안전하다고 생각합니다.

이러한 우려를 극복하면 전환율이 높아집니다. 최소한 온라인 상점에는 SSL 보안 인증서가 있어야 합니다. SSL은 서버와 클라이언트 사이에 암호화된 링크를 생성하여 신용 카드 번호, 주민등록번호, 로그인 자격 증명과 같은 민감한 정보를 안전하게 전송할 수 있도록 합니다. 사이트에 SSL 자물쇠 아이콘이 눈에 띄게 표시되는지 확인하십시오.

더 나아가 SSL 인증서를 브랜드가 녹색 주소 표시줄을 표시할 수 있는 더 높은 수준의 인증인 EV(Extended Validation Certificate)와 결합할 수 있습니다. 많은 소비자는 이러한 녹색 막대가 있는 사이트에서 정보를 제공하는 것이 더 편안하다고 느낍니다.

Smart Insights에 따르면 미국에서 데스크톱 전자 상거래 사이트의 전환율은 스마트폰 전용 사이트의 전환율보다 3배 높습니다(3.73% 대 1.14%). 여기에 언급된 모든 모범 사례를 고려하면 귀하의 사이트는 고객이 모바일 장치에서 구매 버튼을 클릭하도록 유도하는 데 많은 도움이 될 것입니다.