모바일의 중요성을 결코 간과할 수 없는 모바일시대. 모바일 광고를 한다고 해서, 모바일 사이트를 갖고 있다고 해서 능사가 아닙니다.
점차 치열해지는 모바일 경쟁에서 이길 수 있는 방법, 랜딩페이지의 7가지 기술에 대해 알려드립니다.
1. Accessibility 접근성
한번의 접근 실패로 다시는 찾지 않는 이용자 77%
아무리 좋은 상품이나 서비스를 준비했다 할지라도, 모바일 디바이스에서 사이트가 즉각적으로 작동하지 않는다면? ActiveX, Flash, 각종 animation, PNG image, Plug-in 등은 피하고, HTML5, jQuery, JPG 혹은 GIF image 포맷을 이용하는 것이 좋습니다. 한번의 접속 실패가 다시는 당신의 웹사이트를 찾지 않는 원인이 될 수 있음을 기억해야 합니다. 단말기나 OS에 따라 접근이 되지 않는 경우를 고려해 다양한 디바이스에서도 사이트가 정상적으로 작동되는지를 확인하십시오.
2. Load Speed 로딩속도
주어진 시간은 단 3초
모바일 사용자들은 번잡한 상황에서 이동시간과 같은 자투리 시간을 이용해 원하는 온라인 활동을 하고자 하기 때문에, 긴 시간을 기다리기 어렵습니다. 리서치에 따르면 우리나라 사용자의 88%가 사이트에 접근한 후 로딩까지 허락하는 단 3초. 이 짧은 시간 내에 모든 정보가 화면에 보여져야 합니다. 이를 위해 필수 컨텐츠만 간추리고, 긴 호흡의 설명을 생략하고, 모바일 환경에 맞는 이미지를 사용하여 총 크기가 20KB를 넘지 않게 하는 것이 좋습니다.
3. UI Design 디자인
언제 어디서든 잘 보이도록, 엄지손가락으로 가능하게 하라
모바일 사용자는 출퇴근길 버스 안에서, 잠들기 전 어두운 침대 위에서, 언제 어디에서든 웹사이트에 접속함을 고려해야 합니다. 백그라운드와 대조를 이루는 색을 이용하고, 간결한 문구를 사용하며, 스크린 사이즈에 맞는 이미지를 사용해 zoom 없이도 볼 수 있게 합니다. 또한, 엄지손가락으로 이용하는 것을 고려해 버튼이나 링크의 사이즈를 넉넉히 하고, 여백을 두어 오클릭 발생을 줄입니다. 더하여 PC웹 사이트, 마케팅 활동과 상통하는 브랜드 아이덴티티를 고려한다면 사용자의 긍정적인 경험 뿐 아니라 로열티 증가까지 기대할 수 있습니다.
4. Navigation 메뉴이동
KISS 법칙. Keep It Super Simple!
제한된 넓이의 화면과 키보드를 제공하는 모바일 환경에서는 단순한 네비게이션과 입력을 가능하게 하는 것이 매우 중요합니다. 일관된 네이게이션 메커니즘을 제공해 사용자 이용 시 혼돈을 최소화하고, 반드시 필요한 메뉴만 랜딩페이지에 배치하되, 부득이 메뉴가 복잡한 경우에는 검색 창을 두는 것이 좋습니다. 가능한 한 방향 스크롤이 가능하게 하고, 뒤로/홈 버튼으로 쉬운 복귀를 돕습니다. 참고로 로그를 분석해서 이용자들이 어떤 경로로 움직이는지, 어떤 메뉴를 가장 많이 사용하는지를 염두하고 메뉴를 배치하면 더 높은 전환율을 유도할 수 있습니다.
5. Seamless PC연동
디바이스 이용간 경계를 허물어라
이제 이용자들은 필요에 따라 다양한 스마트 기기들을 시간, 공간, 콘텐츠 간의 조합을 달리해 사용할 수 있게 되었습니다. 이러한 미디어 소비방식으로 사용자의 활동이 끊김 없이 흐르게(Seamless) 되었습니다. 특히 PC이용자의 84%가 이용하는 전자상거래의 경우, 이용목적이 유사한 모바일 기기와의 동시 이용 (각 매체의 장단점 보완을 위해 전진매체 - 후진매체를 시차를 두고 넘나들면서 병행)이 증가하고 있다는 점을 염두 해야 합니다. 이러한 매체간의 경계를 줄이면 시너지 효과를 기대할 수 있는 데요. 예를 들어, 모바일 사이트에서 관심 품목을 등록하면 PC웹 사이트에서 바로 확인해 구입할 수 있도록 하는 것이 좋습니다.
6. Conversion 전환
목표지향적 모바일 이용자
모바일 이용자는 PC이용자보다 목표지향적이기 때문에 당장 원하는 정보가 눈앞에 펼쳐지지 않으면, 탐색을 포기하는 경우가 많습니다. 첫 화면에서 특별한 프로모션, 차별화된 서비스 등을 제시해 반송/이탈률을 줄이고, 특히 광고T&D를 통해서 사용자에게 제공하리라 약속한 정보들을 화면 전면에 배치합니다. 구매 전환이 이루어지기까지 필요한 단계를 줄이고 , 사용자가 입력해야 할 정보를 최소화하면 전환의 진입장벽을 낮출 수 있습니다. 전화통화가 가능한 스마트폰의 이점을 활용해 바로 전화 걸기(Click-to-call) 버튼을 배치하면 상담/문의로의 전환에 효과적입니다.
7. Local Information 지역정보
모바일 이용자가 원하는 지역정보
모바일의 이동성이라는 특성 때문에 지역정보를 찾기 위해 인터넷 검색을 하는 경우가 많습니다 (94%, Google). 가까운 은행이나 소매점의 위치와 운영시간을 알기 위해 검색을 활용하는 비중이 높고, 모바일 광고의 전화번호 클릭 수가 가파르게 증가하는 것을 보면 지역 기반의 모바일 웹이 갖추어야 할 기본적인 정보가 이것임을 확인 할 수 있습니다. 은행, 학원, 레스토랑, 바, 페스트 푸드점 등 지역 기반 비즈니스의 경우 주소 정보나 가까운 지점 안내와 약도를 랜딩페이지에 배치하고, Click-to-Call 기능을 이용해 바로 상담이나 주문이 가능하게 하는 것이 좋습니다.
지금까지 모바일 랜딩 페이지를 만들 때 가장 기본적이면서도 필수적인! 7가지 사항에 대해서 살펴봤습니다. 지금 “나의 모바일 랜딩 페이지는 이 조건들을 만족하고 있는가” 점검해 보시고, 지속적으로 관심을 가지고 발전시키셔서 모바일 웹 사이트가 또 다른 비즈니스 성공의 기술이 되기를 바랍니다.
마케팅팀
메모
COPYRIGHT@2015 IPOS ALL RIGHTS RESERVED