웹사이트 검색

WordPress 웹사이트의 UX를 개선하기 위한 4가지 팁

인기 있고 수익성이 높은 웹사이트를 만들 때 가장 중요한 초점은 항상 사용자 경험에 있어야 합니다.

그것은 말할 필요도 없이 많은 웹마스터들이 웹사이트 제작의 황금률이라고 생각하는 것을 무시하는 것 같습니다. 진심으로 사용자를 최우선으로 생각하지 않는다면 미친 짓입니다.

이 게시물의 주제는 WordPress 웹사이트에서 사용자 경험을 향상할 수 있는 다양한 방법입니다. 아래에서는 많은 웹마스터(특히 WordPress 사용자)가 범하는 몇 가지 일반적인 실수를 다루고 사람들이 귀하의 사이트를 계속해서 방문하도록 유도하기 위해 무엇을 해야 하는지 보여줍니다.

기본 사항

먼저, 아름다운 사용자 경험을 만들기 위해 올바르게 수행해야 할 세 가지 사항에 대해 이야기해 보겠습니다.

  1. 설계
  2. 유용성
  3. 콘텐츠

탐색하기 쉽고 훌륭한 콘텐츠를 제공하는 아름다운 사이트가 있다면 금상첨화입니다. 그런 다음 해야 할 일은 뛰어난 마케팅 캠페인에 집중하는 것뿐입니다(그러나 이는 다음 시간에 완전히 다른 주제입니다). 위의 세 가지 요구 사항을 나열하는 것은 매우 간단하지만 실제로 이를 실행하는 것은 전혀 다른 이야기입니다.

다음 실행 가능한 팁은 모두 디자인, 유용성 및 콘텐츠에 중점을 둡니다. 이 게시물에서 더 이상 아무것도 취하지 않으신다면 WordPress 웹사이트를 디자인, 유지 관리, 최적화 및 업데이트할 때 항상 이 세 가지에 초점을 맞춰야 한다는 점을 기억하세요.

알았어 – 이제 시작해 보자!

1. 디자인을 깨끗하고 단순하게 만드세요

나쁜 웹 디자이너는 기능보다는 예쁜 것을 만드는 데 더 관심을 두는 경우가 많습니다. 이 접근 방식의 오류는 심오합니다. 방문자는 거의 항상 형태보다 기능을 선호합니다. 웹사이트를 디자인할 때 항상 생각해야 할 주요 질문은 "내 사이트가 방문자에게 혼란을 줄까요?"입니다.

독특하고 흥미로운 디자인은 상을 받을 수도 있지만 본질적으로 사용성은 일반적으로 악몽입니다. 왜? 사람들은 예측 가능성을 좋아하기 때문입니다. 그들은 특정 장소에서 특정 요소를 볼 것으로 기대하고, 그렇지 않으면 혼란스럽고 좌절합니다. 그런 다음 그들은 떠납니다.

사진 대신 일반적으로 원, 정사각형과 같은 단순한 기하학적 모양으로 만들어진 벡터 아이콘을 사용할 수 있습니다. 하지만 방문자가 아이콘의 의미를 알 수 있도록 일부 텍스트를 포함해야 합니다. 대부분의 사람들은 귀하의 사이트를 예술 작품으로 보지 않을 것입니다. 그들은 단지 (그리고 빠른) 정보를 원합니다.

표준 블로그 레이아웃(헤더, 메인 콘텐츠, 사이드바, 바닥글)에는 아무런 문제가 없습니다. 실제로는 표준 레이아웃을 사용하여 눈에 띄게 만들 수 있는 작업이 많이 있습니다. Hubspot은 표준 블로그 레이아웃을 사용하지만 고유한 목록(예: 인기 게시물, 편집자 추천, 대담한 뉴스레터 가입 등)을 추가한다는 점에서 좋은 예입니다.

깨끗하고 단순하면서도 눈에 띄고 아름답습니다. 이는 형태와 기능 사이의 훌륭한 균형을 나타냅니다. 그것은 바로 당신이 찾아야 할 것입니다.

2. 탐색을 쉽고 명확하게 만듭니다.

최종 사용자가 사이트를 탐색하는 것은 전혀 쉬워야 합니다. 원하는 것을 쉽게 찾을 수 있도록 하나 이상의 탐색 요소가 제공되어야 합니다. 탐색하기 쉬운 많은 웹사이트는 다음 중 하나 이상을 구현합니다.

  • 탐색 모음(실질적으로 필수)
  • 사이드바의 카테고리 목록
  • 사이드바의 검색창
  • 아카이브 페이지
  • 빵 부스러기

WordPress의 강력한 사용자 정의 메뉴 기능(WordPress 대시보드의 모양 > 메뉴 또는 라이브 사용자 정의 도구를 통해 있음)을 사용하여 주요 페이지를 정렬하고 이름을 지정하세요. 기본적으로 페이지 이름은 메뉴에 있는 그대로 표시되지만 The Next Web의 사람들처럼 사용자 정의할 수 있습니다.

WordPress에는 검색 기능이 내장되어 있지만 상당히 기본적입니다. 따라서 Relevanassi 또는 SearchWP와 같은 견고한 플러그인을 사용하는 것은 훌륭한 선택입니다. 이를 통해 검색 기능을 더 효과적으로 제어할 수 있을 뿐만 아니라 독자의 전반적인 경험도 향상됩니다.

아카이브 페이지의 경우 이는 다시 핵심 WordPress의 일부이므로 사용하기만 하면 됩니다. 아카이브는 다양한 한정자에 따라 콘텐츠를 정리하는 페이지입니다. 예를 들어 날짜, 카테고리, 태그, 작성자 등에 따른 아카이브가 있습니다. 다음은 WPExplorer의 Kyla에 대한 작성자 아카이브 페이지입니다.

물론 이와 같은 옵션을 제공하는 것은 콘텐츠를 효과적으로 분류하고 태그를 지정하고 구성하는 경우에만 최종 사용자에게 도움이 됩니다.

마지막으로, 탐색경로는 방문자가 사이트에서 자신의 현재 위치를 확인하고 방향을 즉시 찾을 수 있는 좋은 방법입니다. 사이트 섹션, 카테고리, 태그의 레이어와 마지막으로 사용자가 보고 있는 게시물이나 페이지가 표시됩니다. WPExplorer를 다시 예로 사용하여 현재 설정 방법은 다음과 같습니다.

사이트 내에서 탐색경로를 통합하는 것은 쉽습니다. Yoast의 WordPress SEO(저희가 선호하는 SEO 플러그인이자 당사 사이트에 사용하는 플러그인)에 포함된 내부 링크 기능을 사용하면 됩니다.

위의 예 전반에 걸친 공통 주제는 탐색의 용이성입니다. 많은 사람들이 한 페이지만 보고 사이트를 떠나게 됩니다. 당신의 임무는 그들에게 탐색을 계속할 수 있는 쉬운 옵션을 제공하는 것입니다. 효과적인 탐색은 그렇게 하는 데 도움이 됩니다.

3. 그들에게 시작할 수 있는 기회를 주십시오

엄청난 입소문을 타고 퍼진 게시물이 아닌 이상(그때도) 홈페이지가 사이트에서 가장 많이 방문한 페이지가 될 가능성이 높습니다. 그 이유는 두 가지입니다.

  • 이는 분명한 진입점이며 다른 페이지보다 더 자주 다른 사이트에서 연결됩니다.
  • 사람들이 페이지를 통해 귀하의 사이트를 처음 방문할 때 클릭하는 것은 다음 단계일 가능성이 높습니다.

따라서 새로운 방문자에게 사이트가 어떻게 혜택을 줄 수 있는지 보여주는 도움의 손길을 제공함으로써 사용자 경험을 대폭 향상시킬 수 있습니다. 이를 수행하는 방법에는 두 가지가 있습니다.

첫 번째는 기능 상자입니다. 이는 사이트 상단에 눈에 띄게 표시되어야 하며 방문자에게 귀하가 제공해야 하는 내용에 대한 즉각적인 아이디어를 제공해야 합니다. 또한 페이지 상단에 있는 회의에 대한 유선 광고와 같이 전환율이 높은 선택 양식 역할을 할 수도 있습니다.

잘 구성된 기능 상자를 사용하면 방문자가 귀하의 사이트가 제공하는 내용에 대해 혼란스러워하지 않을 것입니다. 최신 블로그 게시물과 유사한 요소만 제공하는 선형 홈 페이지와 비교하면 사용자 경험 측면에서 크게 개선되었습니다.

두 번째로 고려할 수 있는 것은 여기에서 시작 페이지입니다. 이 페이지의 목적은 간단합니다. 사이트의 이점을 명확하게 설명하고 사람들에게 진행을 위해 실행 가능한 다음 단계를 제공하는 것입니다. 이제 이는 모든 유형의 비즈니스에 적합하지 않을 수 있지만 가이드나 서비스를 제공하면 도움이 될 수 있습니다.

기능 상자와 마찬가지로 여기에서 시작 페이지를 사용하면 두 가지 효과를 얻을 수 있습니다. 즉, 사람들이 블로그에 더 많이 참여하도록 유도하고 전환 및/또는 판매로 이어질 가능성이 가장 높은 사이트 페이지로 사용자를 보낼 수 있습니다.

4. 콘텐츠를 보기 좋게 만드세요

우리 웹 사람들은 꽤 변덕스러운 무리입니다. 우리는 콘텐츠가 더 보기 좋게 보일 때 콘텐츠의 가치를 더 높게 평가하는 경우가 많습니다. 다음은 우리 친구 Tom의 예입니다.

“저는 최근 iOS 잡지에 제 오래된 기사가 실렸을 때 개인적으로 이것의 효과를 깨달았습니다. 다음과 같이 생겼습니다:

이것에:

순전히 내용이 더 재미있을 것 같아서 쓴 기사를 다시 읽어야겠다는 생각이 들었습니다.”

실제로 더 나은 콘텐츠를 작성하는 것 외에도 사용자의 콘텐츠를 더욱 매력적으로 만들 수 있는 두 가지 방법이 있습니다.

  1. 디자인, 타이포그래피 등
  2. 서식 지정

WPExplorer는 주황색 헤더와 읽기 쉬운 산세리프 글꼴을 통해 일반 텍스트에 다양성과 흥미를 제공하기 위해 타이포그래피를 어떻게 사용할 수 있는지 보여주는 훌륭한 예입니다. 형식 지정은 게시물별로 귀하에게 달려 있습니다. 다음을 고려하세요:

  • 짧은 단어, 짧은 문장, 짧은 단락: 독자가 쉽게 읽을 수 있도록 만드세요.
  • 하위 헤더: 자유롭게 사용하고 설명이 가능하도록 만드세요.
  • 굵은 글씨: 주요 구절을 강조 표시합니다.
  • 이탤릭체: 특정 단어를 강조합니다.
  • 이미지: 색상과 다양성을 추가하려면 자유롭게 사용하세요.
  • 기타 그래픽 요소: 목록, 표, 인용부호 및 콘텐츠에 약간의 흥미를 더할 수 있는 모든 것을 사용하십시오.

매력적인 콘텐츠를 만드는 것은 콘텐츠 자체에 관한 것이 아니라 해당 콘텐츠를 어떻게 제시하고 더욱 매력적으로 보이게 만드는가에 관한 것입니다.

다음은 무엇입니까?

위의 개념을 잘 준수한다면 완전히 매력적인 웹사이트를 만드는 데 성공할 것입니다. 긍정적인 사용자 경험을 위한 가장 중요한 고려 사항 중 일부라고 생각되는 사항을 포함했지만, 물론 우리가 다루지 않은 작업도 항상 더 많이 있습니다.

이를 염두에 두고 아래 댓글 섹션에서 귀하의 제안을 읽어보고 싶습니다. 방문자에게 최상의 사용자 경험을 제공하기 위해 웹마스터가 취해야 할 다른 조치는 무엇이라고 생각하십니까? 알려줘요!