모바일 사용자를 위해 제품 페이지를 최적화하는 방법

모바일 사용자에게 최적화된 제품 페이지가 없는 것은 전자 상거래 상점을 운영할 때 저지를 수 있는 가장 큰 실수입니다. 모바일 전자상거래 매출은 2016년 52%에서 2021년에는 전 세계 전자상거래 매출의 72%로 증가했습니다.

전자 상거래 산업의 모바일 판매 증가로 인해 대부분의 비즈니스 소유자는 이제 모바일 우선 접근 방식을 고려하고 있습니다. 모바일 사용자를 위해 전자 상거래 상점을 최적화하는 데 있어 가장 중요한 측면 중 하나는 올바른 제품 페이지를 만드는 것입니다.

모바일 쇼핑객은 바쁜 경향이 있으며 제품 페이지를 탐색하는 동안 쉬운 탐색과 유용한 정보에 대한 빠른 액세스를 원합니다. 제품 세부 정보 페이지(PDP)를 최적화하는 동안 일반적인 실수를 방지할 수 있도록 당사 팀은 구현을 놓칠 수 없는 7가지 모범 사례를 정리했습니다.

1. 페이지 제스처를 친근하게 만드세요

데스크탑에서 마우스를 사용하는 것은 휴대폰 화면에서 손가락을 사용하는 것과 완전히 다른 경험입니다. 따라서 이를 최대한 활용하려면 사용자에게 터치 제스처를 사용하여 스크롤, 확대, 축소, 스와이프 및 드래그 옵션을 제공하세요. 이를 통해 탐색이 더 원활해지고 전반적인 사용자 경험이 향상됩니다.

다음은 최상의 경험을 위해 사용자에게 제공할 수 있는 가장 일반적인 터치 제스처 중 일부입니다.

• 더블 탭: 모바일 화면을 두 번 탭하면 확대/축소가 자주 사용됩니다. 빠른 위시리스트 추가 기능을 위해 두 번 탭핑을 사용할 수도 있습니다.
• 핀치/확대/축소: 두 손가락으로 화면을 오므렸다 펴서 확대하고 축소하면 축소되는 기능도 기대된다.
• 스와이프: 사용자는 모바일 기기에서 세로로 스와이프하여 스크롤하거나 좌우로 스와이프하여 제품 사진을 보는 데 익숙합니다. 그러나 이것을 왼쪽이나 오른쪽으로 스와이프하여 항목을 제거하는 것과 같이 카트 내부의 빠른 작업에도 적용할 수 있습니다.
• 클릭 앤 드래그: 일반 마우스처럼 개체를 클릭하여 드래그 앤 드롭하는 것은 모바일에서도 예상됩니다. 그러나 전자 상거래 사이트에서 이 기능을 사용하여 사용자가 장바구니 안이나 밖으로 제품을 끌 수 있습니다.

물론 사용자가 할 수 있는 것과 할 수 없는 것에 대해 시각적 피드백을 제공해야 합니다. 예를 들어 제품 이미지에 점과 같은 아이콘을 사용하면 사용자가 스와이프하여 볼 수 있는 이미지가 더 많다는 것을 알 수 있습니다. 점 행의 방향(수직 또는 수평)도 스와이프해야 하는 방향을 알려줍니다.

2. 장바구니에 담기 버튼이 스크롤 없이 볼 수 있는 부분 위에 있는지 확인합니다.

제품 페이지의 주요 목적은 고객이 귀하로부터 구매하도록 권장하는 것입니다. 그렇기 때문에 고객이 절대 놓치지 않도록 페이지 하단이 아닌 볼 수 있는 부분 에 장바구니에 담기 버튼을 배치하여 전환율을 높일 수 있습니다.

사용자가 PDP의 끝까지 스크롤하도록 하면 구매 준비가 된 방문자를 의심하는 사람으로 만들 수 있습니다.

판매를 늘릴 수 있는 또 다른 기회는 사용자가 제품이 포함된 모든 페이지에서 장바구니에 항목을 추가할 수 있도록 하는 것입니다. 경험상 제거할 수 있는 구매를 위한 추가 단계는 모두 승리입니다.

팁: 모바일 쇼핑객은 세션당 두 개 이상의 제품을 구매하고 제품이 장바구니에 성공적으로 추가되었는지 알고 싶어합니다. 사용자가 더 쉽게 쇼핑할 수 있도록 장바구니에 추가 버튼에 제품 카운터를 추가 하여 중단 없는 쇼핑 경험을 제공하십시오.

3. 여러 장치에 데이터 저장

Statista에 따르면 2021년 3월에 쇼핑객의 80%가 제품을 구매하지 않고 장바구니를 버렸다. 장바구니 포기는 재고 또는 연결 문제와 같은 의도적 또는 비의도적 이유로 발생할 수 있습니다. 그럼에도 불구하고 장바구니 포기를 최소화하려고 합니다.

많은 사용자가 처음에는 휴대전화를 사용하여 마음에 드는 제품을 장바구니에 추가하고 데스크탑의 사이트로 돌아와 구매를 완료하기 전에 제품을 다시 살펴봅니다. 그들은 청구 데이터를 입력하는 것이 더 편안하고 대부분의 경우 더 안전하다고 느끼기 때문에 휴대폰에서 데스크탑으로 이동하는 경향이 있습니다. 사용자가 장바구니에서 제품을 찾을 수 있도록 로그인한 모든 고객의 데이터를 자동으로 저장합니다.

그러나 일반 UTM 또는 쿠키를 사용하면 장치 간 세션을 추적하는 것이 거의 불가능합니다. 대신 교차 기기 구매와 같은 할인 및 혜택을 통해 계정 생성을 촉진하여 고객이 어떤 기기에서 사이트를 방문하는지에 상관없이 고객의 세션 데이터(및 고객의 장바구니)를 저장할 수 있습니다.

다른 가장 효과적인 솔루션은 고객에게 앱을 제공하는 것입니다. 앱이 고객의 기기에서 바로 실행되기 때문에 고객은 장바구니와 즐겨찾는 제품에 액세스하는 동안 더 많은 개인정보 보호와 보안을 누릴 수 있습니다.

원활한 결제 프로세스를 통해 장바구니 포기를 줄일 수 있습니다. 사용자 데이터를 저장하여 세션마다 동일한 세부정보를 입력할 필요가 없도록 하고, 사용자가 모바일 장치에서 쇼핑할 이유를 더 많이 제공하기 위해 지불 카드 스캔과 같은 여러 지불 옵션을 제공합니다.

4. 작은 화면에 맞게 텍스트를 최적화하고 가능한 경우 아이콘을 사용하십시오.

고객은 제품 구매 여부를 결정할 때 엄청난 양의 텍스트를 읽고 싶어하지 않습니다. 그들은 구체적인 답변을 찾고 있으며 제품 설명은 몇 줄로 답을 전달해야 합니다.

긴 제품 설명은 피하세요. 단락 대신 글머리 기호를 사용하여 제품의 이점을 고객에게 전달하십시오. 처음 몇 줄에서 다음과 같은 중요한 질문에 답하십시오.

• 누구를 위한 제품인가요?
• 당신의 제품은 무엇을 합니까?
• 무엇이 그것을 독특하게 만드는가?
• 고객이 제품을 구매해야 하는 이유는 무엇입니까?

해당되는 경우 텍스트를 아이콘으로 교체합니다. 아이콘을 사용하여 사용자에게 색상, 크기 및 기타 사용 가능한 옵션을 표시합니다. 이를 더 효과적으로 만들기 위해 탭 제스처와 오버레이를 활용하여 고객에게 더 나은 사용자 경험을 제공할 수 있습니다.

매력적인 카피로 더 많은 판매를 유도하는 또 다른 핵심 요소는 올바른 글꼴 크기를 확보하는 것입니다. 당신은 세상에서 가장 좋은 제품 설명을 쓸 수 있지만 고객이 그것을 읽을 수 없다면 무슨 소용이 있겠습니까? UI/UX 테스터를 고용하여 다양한 화면 크기에 대한 글꼴 최적화에 대한 피드백을 받으세요.

5. 고객이 더 많은 정보에 쉽게 액세스할 수 있도록 합니다.

대부분의 쇼핑객은 제품의 필수 정보에만 관심을 갖지만 온라인으로 제품을 구매하기 전에 철저한 조사를 좋아하는 사람들이 항상 있습니다. 고객을 수용하려면 추가 세부정보를 제공해야 하지만 짧은 제품 설명을 원하는 고객을 겁내지 않는 방식으로 제공해야 합니다.

구조 버튼! 제품 설명 끝에 있는 간단한 더 보기 버튼이 트릭을 수행합니다. 다음 은 더 보기 버튼을 사용하여 사용자에게 추가 제품 정보를 제공하는 Amazon의 예입니다.

제품 페이지의 흐름을 끊지 않고 더 많은 정보를 제공하는 또 다른 방법은 고객의 가장 일반적인 질문에 답변하는 Q&A 섹션을 추가하는 것입니다. 다음은 고객의 답변을 사용하여 쇼핑객에게 필수 제품 정보를 제공하는 Amazon의 또 다른 예입니다.

6. 모바일 친화적인 팝업 구축 및 전체 화면 상단 레이어 사용

팝업은 추가 제안을 홍보하거나 사용자의 이메일 주소를 수집하는 가장 좋은 방법입니다. 하지만 제대로 해야 합니다. 그렇지 않으면 사용자가 겁을 먹을 수 있습니다.

Window-on-Window(또는 Picture-on-Picture) 팝업은 데스크톱에서 일반적이지만 대부분의 경우 모바일 친화적이지 않습니다. 모바일 화면이 너무 작아 작은 창이라도 이상하고 어울리지 않게 느껴질 수 있습니다. 때때로 이러한 팝업의 닫기 버튼이 화면 밖으로 이동하여 사이트를 사용할 수 없게 만듭니다.

팝업이 잠재 고객을 밀어내지 않고 모바일 친화적이 되도록 하려면 다음 5가지 모범 사례를 따르세요.

1. 특정 작업이 완료된 후에만 팝업이 나타나도록 하여 팝업을 눈에 띄지 않게 만드십시오 . 예를 들어 사용자가 페이지 끝으로 스크롤할 때 팝업을 트리거하여 읽기를 방해하지 않도록 하는 것입니다. 사용자가 상자 외부를 탭하거나 간단한 X 버튼을 눌러 팝업을 닫을 수 있도록 합니다.
2. 티저를 사용하여 사용자가 팝업을 클릭하기 전에 팝업 안의 콘텐츠가 무엇인지 알려줍니다. 관심 있는 리드를 페이지로 끌어들이는 동안 원치 않는 메시지로부터 사용자를 구할 수 있습니다.
3. 팝업을 간략하게 유지합니다. 팝업은 광범위한 사본을 추가하기에 가장 좋은 장소가 아닙니다. 대신 핵심 메시지와 CTA에만 집중하십시오.
4. 공간을 의식적으로 사용하십시오. 큰 경험 법칙은 팝업에 화면 크기의 1/3을 사용하는 것입니다. 고객에게 외부를 탭할 수 있는 충분한 공간을 제공하고 어수선하거나 밀실 공포증이 있는 레이아웃을 방지합니다.
5. 팝업을 전체 화면 상단 레이어로 만듭니다. 이러한 팝업은 중요한 제안에 더 잘 보이고 페이지의 확장처럼 느껴집니다.

놀라움이 아닌 클릭 트리거 팝업에 #5를 사용하십시오. 사이트 탐색을 더 어렵게 만드는 것이 아니라 사용자가 더 나은 경험을 하고 더 나은 거래를 찾을 수 있도록 돕는 것입니다.

7. 상향 판매 및 교차 판매 권장 사항 추가

제품 페이지에 제품 추천을 추가하면 잠재적인 구매 규모를 늘릴 수 있습니다. 제대로 된 경우입니다.

추천 상품은 메인 상품 페이지에서 시선을 떼면 안됩니다. 고객이 셔츠를 찾고 자신에게 딱 맞는 셔츠를 입었다고 가정해 보겠습니다. 이러한 맥락에서 더 많은 셔츠에 대한 권장 사항을 추가하면 고객을 혼란스럽게 할 수 있습니다.

페이지 내 추천(PDP에서 직접)을 위해 초기 제품을 보완하는 추천 제품을 선택합니다. 셔츠를 산 사람은 넥타이, 바지 또는 어울리는 재킷에 관심이 있을 수 있습니다.

반면에 체크아웃 페이지는 상향 판매를 추가하기에 좋은 곳입니다. 많은 사용자가 제품 페이지의 권장 사항을 놓칠 수 있지만 결제/장바구니에서 권장 사항을 놓칠 수는 없습니다.

마무리: PDP 빠른 최적화 팁

제품 세부 정보 페이지(PDP)를 최적화하는 것은 성공적인 온라인 상점을 운영하는 데 매우 중요합니다. 위에 나열된 전략을 따르면 온라인 상점을 개선하는 데 도움이 되지만 성공적인 PDP를 개발하기 위해 명심해야 할 몇 가지 사항이 더 있습니다.

• 고객 리뷰 및 평가
• 관련성 있는 제품 제목 및 설명
• 항상 표시되는 지금 구매 및 장바구니에 담기 버튼
• 적절한 비주얼
• 이미지 파일 크기 압축 및 일반 페이지 속도와 같은 기술 최적화

사용자가 PDP를 검색할 때 제품을 구매하기 직전입니다. 완벽하게 최적화된 PDP가 판매 여부를 결정하는 요인이 될 수 있습니다.

스마트폰으로 온라인 쇼핑을 하는 사용자가 늘어남에 따라 기업은 사용자를 충성도 높은 고객으로 전환하고 경쟁업체보다 우위를 점할 수 있는 일류 모바일 브라우징 경험을 제공해야 합니다. 뒤처지지 마십시오!

가브리엘 우든

Gabrielle은 멀티미디어 스토리텔링을 전문으로 하는 작가이며 현재 Shopify 스토어용 모바일 앱 빌더인 Tapcart의 수석 콘텐츠 마케팅 관리자입니다. 디지털 마케팅 프로세스 전반에 걸친 광범위한 경험을 통해 Gabrielle은 모든 규모의 브랜드를 위한 콘텐츠를 작성하고 성장 마케팅 전략을 개발했습니다.