전자상거래 상점을 위한 사용자 여정 만들기

모든 유형의 웹사이트를 구축하는 데는 고유한 과제가 따릅니다. 그러나 전자 상거래 웹 사이트는 완전히 다른 볼 게임입니다. 다른 웹사이트와 동일한 목표를 공유합니다. 브랜드 개성 개발 및 유지, 청중과 소통 및 참여, 리드 확보 및 유지, 궁극적으로 소비자와 강력하고 오래 지속되는 관계 구축.

그러나 동시에 매출 증대와 고객 만족도 향상을 통해 매출을 늘리고 비즈니스 성과를 개선하기 위한 실제 매장의 역할도 합니다. 그것은 많은 책임입니다! 전자 상거래 상점이 모든 것을 달성할 수 있도록 하려면 웹 사이트에서 완벽하게 작동하는 사용자 여정을 만드는 데 도움이 되는 다음 팁을 따르십시오.

UX 데이터 수집

UX 데이터의 목적은 기존 사용자 경험 관찰에 대한 모든 사용 가능한 통찰력을 갖추는 것입니다. 문제를 파악하고 처음부터 사이트 구조를 개선할 솔루션을 구상할 수 있도록 이 정보가 필요합니다. 정확한 데이터를 수집하고 사이트의 개선 영역을 식별하는 데 도움이 되는 Hindsight와 같은 우수한 UX 도구가 있습니다. 방문자가 사이트를 이동할 때 기록하는 것부터 웹페이지의 히트맵을 생성하여 사람들의 위치(또는 ') 클릭.

이것은 물론 테스트할 기존 웹사이트가 있는 경우에만 적용됩니다. 새로운 웹 사이트를 구축하는 경우 이 단계는 이후 단계에서만 수행됩니다. 그러나 이러한 팁을 염두에 두십시오.

수집할 데이터는 다음과 같은 중요한 정보를 결정합니다.

• 활동 또는 상호 작용 피크
• 참여 세분화
• 부서지거나 막다른 길
• 좌절 포인트

또한 SEO 인사이트, Google Ads, Google Analytics 및 소셜 미디어 플랫폼의 내장 분석에서 수집한 데이터를 사용하여 결과를 뒷받침할 수 있습니다. 데이터 수집은 또한 미래의 온라인 감사 및 연구 목표를 위한 벤치마크로 사용할 수 있는 정보의 기준선을 제공합니다.

사례 연구 구축 시작

이것은 특히 수십 페이지와 여러 가능한 사용자 여정이 있는 웹 사이트를 다루는 경우 미래의 전자 상거래 성공의 기본이 될 것입니다.

필요한 조사가 완료되고 올바른 데이터가 수집되면 결과를 간결하게 기록해야 합니다. 귀하의 사례 연구는 데이터를 요약 및 설명하고 가설을 생성하거나 테스트하는 데 사용됩니다. 와이어프레임 생성에서 웹사이트 구축까지의 단계를 거치면서 기록하는 데이터를 확장하고 궁극적으로 이를 도구로 사용하여 진행 중인 사용자 테스트에 대해 측정하거나 팀 구성원이 정보에 입각한 결정을 내리는 데 도움을 줍니다.

사이트 구조 계획

다음 두 단계는 정보 아키텍처를 설정하고 와이어프레임 형태로 전체 웹사이트 레이아웃을 계획하는 것입니다.

간단하게 들릴 수도 있고 이미 생각해 보았을 수도 있지만 잠시 멈추고 생각해 보십시오. 이 와이어프레임 단계에 필요한 주의를 기울였습니까?

이 두 단계를 수행하는 동안 모양과 느낌에 대한 브레인스토밍을 시작할 수 있습니다. 문제는 없습니다. 전자 상거래 상점의 구조와 탐색이 완벽하게 조정되고 통합된다는 확신이 들 때까지 백버너에 대한 최종 사용자 인터페이스 결정을 유지하는 한. 우리는 중요성 측면에서 사용자 인터페이스를 두 번째로 두지 않습니다. 사용자 인터페이스는 분명히 매우 중요합니다. 웹사이트 구조에 생기를 불어넣고 사용자에게 직관적인 기능을 제공하는 스토어를 만드는 데 주도적인 역할을 합니다. 그러나 인터페이스는 깨진 사이트 구조나 복잡한 사용자 여정을 저장할 수 없습니다.

사용자처럼 생각하십시오

와이어프레임을 마무리하기 시작할 때 소비자의 마음에 자신을 넣어야 합니다. 당신은 이미 당신의 브랜드와 모든 제품을 너무 잘 알고 있기 때문에 이것은 까다로운 연습이 될 수 있습니다. 그러나 그것이 당신을 속이게 두지 마십시오! 처음 방문자와 재방문 방문자를 번거로움 없이 장바구니로 유도하는 효율적이고 효과적인 온라인 사용자 여정에 대한 탐색을 개발해야 합니다.

사용자의 요구, 경험, 행동 및 목표를 이해하고 작업하는 데 도움이 되도록 웹사이트 탐색을 사용자 페르소나와 정렬하여 시작하십시오. 이것은 사용자 여정과 사용자 흐름의 기초를 형성합니다. 사용자 여정은 사용자가 일상적으로 제품과 상호 작용하는 시나리오를 설명하는 반면 사용자 흐름은 처음부터 끝까지 제품과 상호 작용하는 독립적인 단계에 중점을 둡니다.

사용자를 더 잘 이해하기 위해 대상 고객과 직접 인터뷰를 수행하는 것이 좋습니다. 여기에서 사용자 제품 이해를 식별하고 사용자 여정 맵의 기초를 형성하며 기존/신규 사용자 페르소나를 구체화하는 데 도움이 되는 구체적이고 개방형 질문을 할 수 있습니다.

사용자처럼 생각할 때 오류 방지를 고려하고 있는지 확인하십시오. 웹사이트가 얼마나 신중하게 설계되고 사이트 탐색이 얼마나 탁월하더라도 사용자는 실수를 합니다. 처음부터 문제가 발생하지 않도록 방지하는 데 더 많은 노력을 기울이는 것은 귀하의 책임입니다. 하지만 그럴 때 사용자를 위한 빠른 수정 사항을 포함했는지 확인하세요.

따라서 기본적으로 와이어프레임을 구축할 때 가능한 모든 방문자 시나리오에 대해 탐색하기 쉬운 여정이 있는지 확인하십시오. 그 동안 정보 아키텍처를 수정하여 단계를 최소화하고 웹사이트 레이아웃에서 상향 판매 및 교차 판매 여정을 위한 이상적인 순간을 찾으십시오.

와이어프레임 테스트

이 시점에서 와이어프레임은 여전히 ​​구현된 디자인 요소가 거의 없는 일종의 청사진일 수 있습니다. 하지만 이 시점에서 와이어프레임에 콘텐츠를 추가해야 합니다! 와이어프레임의 효율성과 유용성을 테스트하려면 모든 통신이 포함되어야 합니다.

이런 종류의 와이어프레임 테스트를 위해 반드시 대중에게 의존할 필요는 없습니다. 다른 부서의 팀 구성원이 전체 사이트 구조를 살펴보게 하면 탐색 및 디자인을 통해 현재로서는 충분한 통찰력을 얻을 수 있습니다. 테스트 그룹을 이미 지금까지 프로세스와 상당한 상호 작용을 한 사람들로 제한하지 않는지 확인하십시오. 새로운 시각과 신선한 의견이 필요합니다.

고충실도 와이어프레임 구축

프로토타입이라고도 하는 고충실도 와이어프레임은 모든 페이지와 여정이 포함된 최종 웹사이트를 모방하는 완벽하게 작동하는 와이어프레임입니다. 이것을 사용하여 웹 개발을 시작하기 전에 조직 외부의 사람들을 대상으로 사용자 테스트를 수행합니다. 이 프로세스는 온라인 상점을 완벽하게 만들기 위한 마지막 몇 단계를 구성하므로 서두르면 안 됩니다.

중재 및 중재되지 않은 테스트를 모두 수행할 수 있습니다. 두 방법 모두 사용자가 와이어프레임과 상호 작용하는 방식을 관찰하고 사용자가 목표를 완료하지 못하게 하는 문제, 찾기 가능성 문제, 비효율성, 병목 현상 및 막다른 골목을 식별하는 것을 목표로 합니다.

이것은 디자인이 웹사이트 골격을 지원하고 보완하는지 확인하기 위해 사용자 인터페이스를 가져오는 부분이기도 합니다.

사용자 인터페이스에 대한 경험적 평가 수행

휴리스틱 평가는 한 명 이상의 UX 또는 UI 전문가가 수행하는 검토입니다. 특히 사용자 경험 관점에서 웹사이트의 사용자 인터페이스를 살펴봅니다. 일련의 원칙에 따라 가능한 모든 사용자 여정에서 웹사이트의 전반적인 '직관적인' 사용성을 테스트하는 데 도움이 됩니다. 다음은 충실도가 높은 프로토타입을 테스트할 때 분석할 수 있는 5가지 사용자 여정 중심 원칙입니다.

시스템 상태의 가시성

사용자 여정의 모든 상호 작용 전반에 걸쳐 사용자는 적절한 시간 내에 적절한 피드백(시각적 신호)을 통해 진행 상황에 대한 정보를 유지해야 합니다. 예를 들어 링크 및 클릭 가능한 항목 위로 마우스를 가져갈 때 커서가 변경되는 방식의 일관성을 보장하거나 항목이 로드되는 시점을 명확하게 표시할 수 있습니다.

시스템과 현실 세계의 일치

레이아웃에서 실행 가능한 모든 요소와 콘텐츠 가닥에는 목적이 있어야 하며 사용자의 언어로 말해야 합니다. 정보 계층 구조는 디자인을 통해 생생하게 나타나야 하며 자연스럽고 논리적인 순서를 따라야 합니다. 웹사이트 콘텐츠 및 탐색 전반에 걸쳐 일반 영어를 사용하고 실제 사례를 전달하는 고품질 이미지를 포함합니다.

사용자 제어 및 자유

정보 아키텍처가 얼마나 잘 설정되었거나 탐색이 얼마나 잘 설계되었든 사용자는 실수를 하게 됩니다. 그렇게 할 때 명확하게 표시된 비상구를 찾아 짜증 없이 여행으로 돌아갈 수 있도록 하는 것이 중요합니다. 가시적 신호, 보조 탐색 또는 이동 경로 전술을 구현하여 다시 실행 및 실행 취소 작업을 지원합니다.

일관성 및 표준

고정된 디자인으로 자신을 제한할 필요는 없지만 사용자가 개별 인터페이스 요소를 이해할 수 있도록 해야 합니다. 사용자는 다른 단어, 상황 또는 행동이 같은 것을 의미하는지 궁금해할 필요가 없습니다. 다양한 레이아웃이 인식 가능한 구조를 따르고 기본 및 보조 클릭 유도문안 디자인과 같은 실행 가능한 요소와 색상의 일관성이 있는지 확인합니다.

도움말 및 문서

웹 사이트 레이아웃에 지나치게 복잡한 정보를 포함하지 않는 것이 더 좋지만 경우에 따라 도움말과 문서를 제공해야 할 수도 있습니다. 그러한 정보는 검색하기 쉽고 작업 중심적이며 설명적이어야 합니다. 이것은 특히 고급 또는 복잡한 제품을 판매하는 전자 상거래 상점에 해당됩니다. 예를 들어, 온라인 페인트 상점은 기술 데이터 시트와 유용한 응용 정보를 포함해야 합니다.

여기서 끝이 아니다

웹사이트에서 작업하거나 사용자 여정을 향상시키는 작업을 완료할 수는 없습니다. 와이어프레임을 완전히 새로운 웹사이트를 위한 대규모 프로젝트로 생각할 필요는 없습니다. 와이어프레임을 브레인스토밍하고 테스트하여 가장 작은 문제라도 개선할 수 있습니다. 그러나 가장 작은 문제가 때로는 가장 큰 전환 손실로 이어질 수 있으므로 웹사이트가 여정의 모든 단계에서 사용자를 지원할 수 있도록 하십시오! 여기에서 무엇을 해야 할지 잘 모르겠다면 저희에게 전화를 주십시오. Shopify 전문가로서 우리는 귀하만큼 온라인 스토어의 성공에 열정적입니다.