홈페이지

2019년 스마트 전자상거래 UX와 UI는 어떤 모습일까요? Red Stag Fulfillment의 마케팅 이사인 Jake Rhude의 게스트 게시물을 확인하십시오.

사용자 경험(UX)과 사용자 인터페이스(UI) 디자인에 관해서는 모든 온라인 비즈니스에 대해 서로 다른 의견과 기대가 있습니다. 그러나 전자 상거래 사이트의 경우는 어떻습니까? 사용자는 2019년 전자상거래 UX 및 UI에서 무엇을 기대합니까? 사이트를 만들거나 재설계할 때 염두에 두어야 할 사항은 무엇입니까?

산업, 고객, 특정 제품 및 개인 취향에 따라 다양한 가능한 답변을 제공하는 몇 가지 큰 질문입니다. 햄버거 메뉴를 즐기거나 클릭 뒤에 너무 많은 탐색 기능을 숨기기 때문에 싫어할 수 있습니다. 우리 중 일부는 고대비 배경을 좋아하지만 최신 컬렉션의 색상 및 패턴과 충돌할 수 있습니다.

따라서 전자 상거래를 위한 사용자 경험(UX)과 사용자 인터페이스(UI)에 대해 깊이 파고드는 것은 까다로워질 것입니다. 이 블로그 게시물에서는 2019년 전자 상거래 UX 및 UI의 가장 중요한 몇 가지 트렌드와 측면을 보여주어 좋아하는 색상을 피하는 것에 대해 걱정할 필요가 없도록 큰 그림을 그릴 수 있습니다. .

먼저 모든 것이 어떻게 연결되어 있는지 살펴보겠습니다.

전자 상거래 UX 및 UI: 전체론적 경험

우리가 사용자 경험에 대해 생각하기 시작할 때 그것은 일반적으로 우리의 직업과 관련이 있습니다. 디자이너는 사용자가 사이트를 탐색하고 해당 요소를 사용하는 방법을 생각합니다. 마케터는 종종 사람들이 한 페이지에 도달하기까지의 여정을 생각합니다. 판매는 사용자가 구매를 완료하기 위해 구매자의 여정을 어떻게 진행할 수 있는지에 초점을 맞출 것입니다.

이 모든 것 이상은 UX에 포함됩니다. 전자 상거래 회사의 경우 전체 경험이 상점에서 포장되기 때문에 기억하는 것이 훨씬 더 중요합니다. 전자 상거래 소유자와 상점은 브랜드에 대한 사용자의 경험이 처음 귀하를 발견할 때 시작되며(소셜, 검색 및 광고는 여기에서 가장 중요합니다), 체크아웃 및 구매 후 후속 조치를 통해 그들을 따라야 한다는 점을 인식해야 합니다.

구매에 대해 감사를 표시하고 주문 추적을 제공하는 자동 이메일은 전자 상거래 UX의 일부입니다. 동일한 어조, 색상 및 이미지를 사용하여 브랜드를 강화하는 추가 단계를 수행하면 고객이 귀하를 기억하는 방식에 긍정적인 영향을 미칠 것입니다.

새로운 고객의 입장이 되어 보십시오. 그들이 당신을 찾고 당신에게서 구매하기 위해 취하는 모든 단계를 추적한 다음, 당신에게서 제품을 받고 그것을 유지하거나 반품하기로 결정하십시오. 고객 여정의 모든 상호 작용 지점은 구축 중인 전자 상거래 UX의 일부입니다. 고객이 좋아하지 않거나 혼동할 수 있는 것은 무엇이든 변경해야 합니다.

고려해야 할 특정 전자 상거래 UX 및 UI 요소

전체론적 접근 방식을 취할 때 우리는 청중이 여정의 어느 위치에 있든 관계없이 청중을 행복하게 유지하도록 설계된 몇 가지 특정 요소를 살펴봐야 합니다. 전자 상거래 UX 및 UI가 방해가 될 수 없으므로 가능하면 연속성과 미래 보장이 필요합니다. 청중이 귀하를 찾고 귀하로부터 구매하는 데 도움이 될 수 있는 몇 가지 요소를 식별했습니다.

음성(및 기타 모든) 검색 지원

세상은 검색을 기반으로 합니다. 단일 제품만 판매하지 않는 한 전자 상거래 세계도 검색을 기반으로 구축될 것입니다. 좋든 싫든 고객은 많은 경우에 당신을 찾기 위해 당신을 찾아야 하고, 당신은 종종 광고를 클릭하는 사람들만큼 많은 사람들이 광고 캠페인으로 인해 당신의 이름을 검색하게 될 것입니다.

따라서 검색은 비즈니스에 도움이 되거나 검색에 시간을 들이지 않으면 큰 고통이 될 수 있습니다. 가능한 한 많은 검색 공간을 확보하기 위해 웹사이트가 지원해야 하는 몇 가지 핵심 요소를 살펴봄으로써 긍정적인 정보를 제공하겠습니다.

• 보이스 : 가상비서 덕분에 최근 뜨고 있는 검색 트렌드입니다. 사람들은 당신을 찾기 위해 자신의 전화에 말을 할 것이고 이는 당신의 웹사이트가 사람들이 말하는 방식을 중심으로 구축되어야 함을 의미합니다. 고객이 질문하는 방식에 대한 질문에 답하거나 사람들이 회사에 대해 이야기하는 방식에 대한 랜딩 페이지를 구축하는 것은 주요 이점입니다. Google Cloud Speech-to-Text API와 같은 도구 덕분에 직접 검색 지원도 조금 더 쉬워졌습니다.
• 사진: 이미지 검색은 어느 정도 인기를 얻고 있으며 Instagram과 같은 플랫폼을 사용하는 경우 현명한 방법입니다. 매우 시각적인 도구와 제품이 있거나 눈에 띄려고 하는 경우 이미지로 검색하면 가장 큰 인상을 주는 데 도움이 될 수 있습니다. 시각적 검색은 윈도우 쇼핑을 하거나 특정 룩을 원하는 사람들을 찾는 데도 유용합니다. Google에는 사이트에서 다양한 정형 및 비정형 데이터 검색을 지원하는 맞춤 검색 API가 있습니다. 우리가 이미지에 대해 가장 좋아하는 점은 지배적인 색상 지원이 있어 검색에서 특정 지배적인 색상의 이미지를 반환할 수 있다는 것입니다. 이를 다음 요소와 결합하면 카탈로그를 쉽게 검색할 수 있는 것으로 바꿀 수 있습니다.
• 필터 : 온라인 상점이 성장함에 따라 건초 더미에서 바늘을 찾기가 더 어려워집니다. 필터는 특히 고객이 원하는 것이 100% 확실하지 않은 경우 고객이 그렇게 하도록 돕는 놀라운 방법입니다. 필터를 사용하면 가격대, 스타일 선택, 인기도 등을 확인하는 데 도움이 될 수 있습니다. 또한 스타일을 중심으로 사용자 정의 태그를 만들거나 다른 고유하고 개인적인 느낌을 주는 필터를 추가할 수 있습니다. 사람들이 서로 어울리는 항목을 찾도록 시각적 검색과 결합하는 놀라운 도구입니다. 이것은 완벽한 상의를 찾은 사람이 특정 색상의 모자나 하의와 매치하여 룩을 완성할 수 있기 때문에 의류에서 엄청나게 인기가 있습니다.
• 자동 완성: 브랜드는 알 수 있지만 제품의 정확한 이름은 알 것 같지 않습니다. 그러나 나는 그것에 대해 일반적인 생각을 가지고 있을 수 있습니다. 자동 완성 기능 또는 선택 제안은 내가 원하는 항목의 자동 채워진 목록을 제공하여 나를 돕습니다. 제품을 더 빨리 찾을 수 있으며 클릭을 유도하는 데 도움이 되도록 미리 채워진 결과에 이미지를 포함할 수 있습니다.

검색의 이 네 가지 측면은 모두 전자상거래 UX에 관한 것입니다. 고객이 원하는 것을 지원하여 더 쉽게 만듭니다.

UI 측면은 이러한 요소를 방해하지 않고 시각적으로 매력적이고 흥미롭게 만드는 방법입니다. Icons8은 검색 및 사이트 노력에 직접 적용될 수 있는 2019년 미니멀리즘의 놀라운 모습을 보여줍니다.

정확한 현장 정보 유지

사이트 콘텐츠 정확성은 전자 상거래의 핵심입니다. 웹사이트는 정확 해야 합니다 . 그렇지 않으면 판매를 놓치고 고객을 실망시킬 위험이 있습니다.

2018년 연구에 따르면 미국 소비자가 온라인에서 재고가 없는 제품을 접했을 때:

• 15%는 다른 가게에서 물건을 사러 갑니다.
• 60%는 같은 매장의 대체품 구매
• 10%는 제품을 찾기 위해 실제 소매점으로 이동합니다.
• 15% 구매 취소 또는 지연

웹사이트 아키텍처는 상점과 창고에 대해 추적해야 하는 다양한 요소를 지원하는 데 도움이 필요합니다. 소규모 창고 관리 시스템이든 Shopify와 같은 전체 플랫폼이든 도움이 될 다양한 전자 상거래 도구가 있습니다. 이행을 3PL에 아웃소싱하는 경우 필요한 플랫폼 지원이 있는지 확인하십시오.

프로세스를 전체적으로 검토하고 고객이 필요로 하는 것과 오류가 발생할 수 있는 위치를 정확히 확인합니다. 따라서 현재 재고, 배송 옵션 및 날짜, 세금과 같은 비용, 주문이 즉시 이루어지고 채워지는 경우 영향을 미칠 수 있는 기타 요소를 추적하고 표시하는 방법을 찾으십시오.

가능한 모든 방법으로 이를 보여주어 고객이 놀라지 않도록 합니다. 사이트에서 챗봇을 지원하는 경우 배송, 크기 차트 및 색상 옵션과 같은 가장 관련성 높은 정보를 고객에게 제공하기에 완벽한 장소가 될 수 있습니다.

보풀을 최소화하고 중요한 것을 강조하십시오.

품절된 제품을 숨기거나 시즌이 지난 제품을 밀어내는 등 필요하지 않은 추가 요소를 제거하세요. 가능한 모든 페이지에서 사이즈 차트, 색상 옵션, 고객 리뷰 등 고객이 필요로 하는 것과 사용하는 것의 우선 순위를 지정하십시오.

의류 사이즈 등 부정확한 경우 반품의 원인이 될 수 있는 정보가 있는 경우 최대한 쉽게 찾을 수 있도록 해야 합니다. 예상치 못한 반품 및 교체 비용을 줄일 수 있습니다.

제품과 이미지와 같은 콘텐츠 모두 인기 있는 요소를 눈에 띄게 하여 쇼핑객의 참여를 유도하고 사이트에서 이동할 수 있도록 합니다. 각 페이지에 멋진 사진이 있는 경우 누군가가 결정한 제품이 있는 페이지에 방문하면 계속 쇼핑할 수 있는 옵션이 있습니다.

스토리를 전달하고 매출을 높이는 데 도움이 되므로 시각적 개체도 수용하십시오. 예를 들어, 한 연구에 따르면 Pinterest 사용자 는 고정된 제품을 구매할 가능성이 79% 더 높습니다. 일반 온라인 청중을 대상으로 한 다른 연구에서는 소비자의 96%가 온라인 비디오가 구매 결정에 도움이 된다고 말했으며 73%는 설명 비디오가 있는 제품을 구체적으로 구매할 가능성이 더 높다고 말했습니다.

클릭을 도운 후 결제 프로세스에 중요한 사항에 초점을 맞추십시오. 상당한 시간을 들여 장바구니와 장바구니를 사용하고 문제를 해결하고 구매를 완료하는 데 필요한 모든 단계를 검토하십시오.

결제는 경험을 중단시킬 수 없습니다.

따라서 빠르고 쉽고 간단하게 유지하십시오. 필요한 것보다 더 많은 정보나 계정 세부 정보를 요구하지 마십시오. 이렇게 하면 신뢰를 구축하여 비즈니스를 보호하는 데 도움이 됩니다. 일부 사용자는 너무 탐욕스러운 사이트를 더 이상 신뢰하지 않을 때 장바구니를 포기합니다. 간단하고 직관적인 탐색은 결제를 포함한 전체 프로세스로 확장됩니다. 반복 결제 또는 구독을 사용하는 경우 각 고객과의 장기 투자를 보호하기 때문에 이것이 더 중요합니다.

따라서 사람들이 판매를 완료하고 목표를 달성하도록 하기 위해 필요하지 않은 것은 모두 잘라내십시오!

가능한 경우 개인화

예산과 소프트웨어에 따라 달라지는 요소인 웹사이트 개인화로 마무리하겠습니다. 각 개인이 사이트를 탐색하는 방법을 기반으로 도움을 주기 위해 무언가를 만들고 싶습니다. 다른 사람들이 수행한 작업을 기반으로 사용할 수 있는 많은 작은 요소가 있거나 사용자 계정을 기반으로 사람들을 위한 사용자 정의 콘텐츠를 만드는 전체 경로를 사용할 수 있습니다.

현재 탐색을 기반으로 하거나 가장 많이 구매한 제품을 강조 표시하는 제품 추천일지라도 가능한 위치에서 개인화하십시오. 좋은 소식은 이것이 저렴하다는 것입니다. 좋은 소식은 판매를 촉진한다는 것입니다!

개인화 문제에 대한 UI의 마지막 참고 사항은 때때로 개인화하기 위해 광범위해야 한다는 것입니다. 여기서 구체적으로 생각하고 있는 것은 여러 장치에서 동일한 방식으로 작동하는 기능입니다. 장치 독립성을 구축하는 것은 까다롭지만 그 결과는 상당할 수 있습니다. 누군가가 인스타그램 게시물을 클릭하고 구매한 후 휴대폰에서 필요한 것을 얻은 다음 지원을 위해 또는 주문을 추적하기 위해 데스크톱을 통해 다시 돌아올 때, 그들은 똑같은 모양과 느낌을 원합니다.

그 어느 때보다 많은 사람들이 스마트폰에서 검색하고 있으며 특정 플랫폼이 아닌 해당 화면 크기에 맞게 구축하는 것이 필수적입니다. 이 디자인에는 모든 고객이 사이트를 사용할 수 있도록 하는 접근성 요소도 있습니다.

UI 디자인 측면에서 이것은 다음을 의미합니다.

• 사이트를 소리내어 읽을 수 있는 지원 도구
• 캡션 추가
• 탐색 간소화
• 시각적 신호를 크고 뚜렷하게 만들기
• 누구나 쉽게 읽거나 볼 수 있는 색상 조합 사용
• 동일한 콘텐츠를 다양한 방식으로 제시

여기에서 추가 지원이 필요한 경우 접근성, 특히 평가 지원에 대한 W3C 페이지를 확인하세요.

접근성은 올바른 마음가짐을 갖게 해주기 때문에 끝내기에 좋은 곳입니다. 전자 상거래 UX 및 UI는 상업적 요소처럼 느껴지지만 실제로는 청중과 대화하는 것입니다. 필요한 방식으로 연결하고 작업(구매)을 가능한 한 쉽게 완료할 수 있도록 합니다.

이러한 전자 상거래 UX 및 UI 요소를 염두에 두고 디자인하면 사이트와 판매에 상당한 도움이 될 것입니다.

Jake Rhude는 전자 상거래에서 탄생한 전자 상거래 주문 처리 창고인 Red Stag Fulfillment의 마케팅 이사입니다. 그는 전자 상거래 및 비즈니스 개발 분야에서 다년간의 경험을 가지고 있습니다. 여가 시간에 Jake는 비즈니스에 대한 책을 읽고 자신의 경험을 다른 사람들과 나누는 것을 즐깁니다.