사용자 참여 및 전환을 개선하는 11가지 웹 디자인 기법

UX 전문가는 전환 최적화를 어떻게 정의합니까?

Lean UX 책의 저자인 Jeff Gothelf에 따르면 전환 최적화는 "가치 제안, 클릭 유도문안 및 가격대를 적절히 조합하여 고객이 제품 또는 서비스에 더 깊이 참여하도록 설득하는 것"에 관한 것입니다.

그러나 "전환 최적화 컨설턴트"는 일반적으로 특정 워크플로를 평가하기 위해 비즈니스 계약을 체결한 사람입니다. 그들은 일반적으로 웹 분석 배경에서 왔으며 흐름의 변환을 개선하기 위해 실행할 일련의 테스트를 제안합니다.

아름다운 웹사이트는 좋은 첫인상을 줄 수 있지만 사용성이 좋지 않으면 사용자가 무엇을 해야 할지 알 수 없고 사이트의 양식이 제대로 작동하지 않으며 오류 메시지가 도움이 되지 않으며 웹사이트의 사본이 막연하고 전반적인 경험은 상당히 나쁠 것입니다.

문제는 사이트에서 사용자 참여를 어떻게 유도할 수 있느냐는 것입니다. 웹 디자이너의 관점에서 이 방향으로 도움이 될 12가지 유용한 팁을 살펴보겠습니다.

1) 강한 첫인상을 심어라

매일 잠재 고객은 처음으로 귀하의 인터페이스를 보고 있습니다. 이것은 항상 스스로를 위해 디자인하는 팀 내에서 잊힐 수 있습니다. 사용자에게 표시되는 첫 번째 화면에는 3가지 중요한 작업이 있습니다...

1. 웹 애플리케이션이 어떻게 작동하는지 설명하십시오.
2. 사용자가 시작하도록 동기를 부여하십시오.
3. 사용자에게 도움이 필요할 때 도움을 받는 방법을 알려주세요.

누군가 귀하의 웹 앱을 방문하고 바로 가입하는 방법을 이해하지 못한다면 그것은 큰 문제입니다. 귀하의 사이트가 무엇을 하고 사이트와 어떻게 분리될 수 있는지 사용자에게 명확해야 합니다.

2) 영웅 이미지 사용

영웅 이미지는 최소한의 반응형 웹사이트에서 인기 있는 트렌드입니다. 이러한 사이트에는 사용자의 시선을 끄는 몇 줄의 텍스트 또는 헤드라인이 포함된 큰 사진이나 비디오가 있습니다.

웹사이트의 영웅 이미지가 사이트의 목적에 완벽하게 부합하는지 확인하십시오. 일반적으로 독자의 주의를 끄는 것은 점점 더 어려워지고 있습니다. 따라서 하나의 큰 이미지를 사용하면 독자가 일시 중지하거나 "휴식"한 다음 페이지를 읽을 수 있습니다.

3) 시차 스크롤 효과

패럴랙스 스크롤링 효과가 장점인 좋은 개념은 스토리텔링입니다. 시차 효과는 예술적이고 아름다운 방식으로 페이지를 아래로 스크롤할 때 눈 바로 앞에서 제품을 조합하는 데 사용됩니다. 참여를 고려하는 한 시차 스크롤은 초기 사용자를 실제로 여행으로 이끌고 완전히 주의를 흡수합니다.

4) 액센트 색상과 클릭 유도문안 버튼을 전략적으로 구현

효과적인 클릭 유도문안 버튼(CTA)에는 고객이 가입, 가입, 지금 구매, 공유, 다운로드 등을 하도록 유도할 수 있는 기능이 있습니다. CTA와 강조 색상은 함께 관심을 끌고 참여도를 높이고 행동을 촉발시키는 능력이 있습니다. 크기, 배치 및 색상에 관한 모든 것입니다.

5) 소개/설명 동영상

Explainer 비디오는 회사의 스토리와 회사의 비즈니스 모델을 설명하는 짧은 비디오입니다. 즉, "무슨 일을 하시나요? 이 비디오는 애니메이션, 디지털 드로잉, 핸드 드로잉 또는 일반 비디오에 있을 수 있습니다. 사람들은 대부분 시각적 학습자일 뿐만 아니라 텍스트보다 비디오에서 68% 더 많은 정보를 보유합니다.

설명자 동영상은 수많은 경쟁자로부터 눈에 띄게 만드는 데 도움이 되는 마케팅 방법 중 하나입니다. Explainer 비디오를 사용할 때 사용자가 웹사이트에 머무르고 제품 및 서비스를 구매하는 것과 같은 원하는 작업으로 끝나는 매체를 제공합니다.

6) 웹사이트는 랜딩 페이지만큼 강력하게 디자인되어야 합니다.

방문 페이지의 목표는 웹사이트 방문자가 행동을 취하도록 설득하는 것이며 인터넷의 모든 페이지는 방문 페이지입니다. 웹사이트 방문자가 항상 홈페이지에서 여정을 시작하는 것은 아니므로 일관성을 유지하고 모든 페이지의 상단에 핵심 정보를 제공하는 것이 중요합니다.

큰 파도와 눈 덮인 산의 멋진 사진을 통해 의류 제품군과 스포츠 장비를 판매하는 이미지 주도 랜딩 페이지로 완벽하게 명확한 미국 라이프스타일 브랜드 O'Neill 웹사이트의 예를 살펴보겠습니다.

7) 소셜 위젯 및 버튼 추가

소셜 위젯은 웹사이트에서 트래픽과 사용자 참여를 증가시킵니다. 그들은 더 많은 추천 방문자를 유치하기 위해 사용자가 Facebook 및 Twitter와 같은 소셜 미디어에서 사용자와 연결하도록 허용함으로써 새로운 고객을 모으거나 새로 생성된 커뮤니티를 확장할 수 있는 능력을 가지고 있습니다.

Dropbox가 광고에 거의 지출하지 않는다는 사실을 알고 계셨습니까? 그들은 많은 그로스 핵을 구현했습니다. 예를 들어, 한 가지 그로스 해킹은 현재 사용자 중 일부가 다른 사용자를 추천하도록 장려하는 것입니다. 이 인센티브는 회사 장식 또는 무료 서비스 1개월의 형태로 제공될 수 있습니다.

Dropbox는 조금 다릅니다. Twitter에서 팔로우하고 페이스북이나 트위터에 연결할 때마다 Dropbox는 사용자에게 125MB의 공간을 제공합니다.

이 글을 쓰는 시점에서 Dropbox의 Twitter 팔로워는 720,000명이 조금 넘었습니다. 이들 모두가 이 해킹에 기인할 수 있는 것은 아닙니다. Dropbox는 사용자가 Dropbox 제품을 전파하기 위해 연결하도록 장려합니다.

8) 모든 페이지에 구독 양식 추가

구독 양식은 일반적으로 사용자가 이름과 이메일 주소를 입력할 수 있는 공간이 있는 상자입니다. 그들이 '구독' 버튼을 클릭하면 자동으로 이메일 목록에 추가됩니다. 블로그 독자가 이메일 업데이트에 등록할 수 있는 여러 기회를 제공함으로써 모든 페이지에 라이트박스 옵션을 추가하면 이메일 구독자 수를 더 빠르게 늘릴 수 있습니다.

사이드바에 있는 가입 양식 외에도 게시물 또는 하단에 추가할 수 있습니다. 컨텐츠에 가입 양식을 넣으면 이미 귀하의 컨텐츠를 즐기고 있는 사람이 가입하도록 쉽게 설득할 수 있습니다.

9) 공백을 더 많이 사용

공백이 디자인의 중요한 요소인 데에는 그럴만한 이유가 있습니다. 적절하고 올바르게 사용하면 디자인을 변형하고 웹 사이트에 많은 이점을 제공할 수 있습니다.

단락 사이, 텍스트 및 이미지 블록 주위에 있는 공백은 실제로 사람들이 읽고 있는 내용을 이해하는 데 도움이 되며 전체적으로 더 나은 사용자 경험을 제공합니다. 또한 사용자가 페이지에 더 오래 머무를 가능성이 높기 때문에 참여도를 높이는 데 도움이 됩니다. 더 많은 여백을 사용하면 보다 전문적인 디자인을 만들고 콘텐츠 가독성을 높일 수 있습니다.

10) 모바일 친화적인 웹사이트로 청중 참여

사용자가 스마트폰에서 사이트와 더 쉽게 상호 작용할 수 있습니다. 작은 화면에서 읽을 수 있는 글꼴 크기를 사용하거나 클릭 한 번으로 전화를 걸 수 있도록 하는 것과 같은 것은 사용자 경험을 개선하는 데 큰 도움이 됩니다.

11) 히트 맵은 참여를 보여줍니다.

히트맵 도구는 웹사이트의 그래픽 오버레이로 어떤 콘텐츠가 인기 있고 그렇지 않은지를 알려줍니다. 이것은 주로 방문자의 마우스 클릭을 추적하여 수행됩니다.

방문자 행동에 대해 배우는 것은 웹사이트의 성공을 위해 중요합니다.

히트 매핑은 많은 질문에 답합니다. 방문자가 너무 많은 선택으로 인해 주의가 산만합니까? 이메일 구독 옵션을 구독하기 전에 페이지를 떠나나요? 사용자에게 가장 중요한 페이지를 충분히 강조하고 있습니까? 방문 페이지의 어떤 이미지와 광고가 최고의 반응을 불러일으키고 판매로의 전환을 유도하고 있습니까?

결론

이 기사가 사용자 참여를 향상시키는 몇 가지 일반적인 웹 디자인 기술에 대해 생각하는 데 도움이 되기를 바랍니다. 당신이 할 수 있는 최선의 방법은 일반 사용자의 입장이 되어 인터페이스의 주요 결함을 파악하는 것입니다.

소비자가 더 똑똑해지고 구매 경험을 더 많이 통제할 수 있게 됨에 따라 마케팅 전략이 트렌드를 따라잡는 것이 필요합니다. 귀하의 비즈니스에 참여 마케팅을 사용하면 많은 이점이 있습니다.

더 나은 사용자 참여 행동을 통해 더 나은 전환율, 더 낮은 이탈률, 매출 증가 가능성이 있습니다. 자신만의 팁이 있습니까?아래 의견에 알려주십시오.