사이드바가 멸종 위기에 처해 있습니까?

새 웹 사이트를 구축할 때 항상 수많은 레이아웃 및 기능 장애물을 해결해야 합니다. 그중 하나는 악명 높은 사이드바의 배치(또는 배치)입니다.

요즘 사이드바를 찾는 가장 일반적인 장소는 블로그입니다. 블로그 기반 웹사이트 또는 회사 웹사이트의 블로그 섹션에 있습니다. 방문 페이지와 서비스 페이지에는 더 이상 사이드바가 거의 없습니다. 실제로 사이드바가 있는 회사 웹사이트를 찾는 것은 매우 드뭅니다.

사이드바가 멸종 위기에 처해 있습니까?

사이드바가 일부 서클에서는 인기를 잃었지만 여전히 살아 있고 다른 서클에서는 인기를 잃고 있는 이유를 살펴보겠습니다!

웹사이트 구축 및 레이아웃 선택

2000년대 초반에는 양쪽에 사이드바가 있고 중앙에 콘텐츠가 있는 웹사이트가 꽤 일반적이었습니다. 양쪽 사이드바는 광고, 제안 및 기타 주의를 산만하게 하는 그래픽이나 깜박이는 GIF로 가득 차 있습니다. 실제 콘텐츠에 집중하기가 어려웠습니다. 그러나 시간이 지남에 따라 사이드바는 평판이 나빠졌고 사람들은 사이드바를 보지 못하게 되었습니다.

일반적인 2개의 사이드바 레이아웃은 오른쪽의 사이드바로 전달되고 거기에서 사이드바가 전혀 없는 상태로 전달됩니다. 최신 WordPress 템플릿에는 이제 사이드바 또는 사이드바 없음 옵션이 없습니다.

어떤 사람들은 사이드바가 있는 것이 클릭, 탐색 및 사용자 경험에 좋다고 말하는 반면 다른 사람들은 사이드바가 거의 죽은 공간이라고 말합니다.

모바일 사용이 증가함에 따라 작은 장치에서는 일반적으로 사이드바가 기본 콘텐츠 맨 아래에만 표시된다는 점을 기억해야 합니다.

사이트에 사이드바(또는 2개)가 필요한지 어떻게 알 수 있습니까?

웹사이트의 핵심으로 내려가는 것은 사용자 경험에 관한 것입니다. 사이드바가 방문자가 쉽고 혼란스럽지 않은 방식으로 사이트를 탐색하는 데 도움이 된다면 추가하십시오. 탐색을 원활하게 처리할 수 있는 다른 창의적인 방법이 있다면 사이드바를 버리십시오.

가장 일반적인 해결책은 메인 페이지나 랜딩 페이지에 사이드바가 없는 다음 블로그 섹션에 사이드바를 두는 것입니다. 사이드바에 포함하는 내용은 특정 사이트에 따라 다르지만 주요 내용은 다음과 같습니다.

• 구독 옵션
• 관련 게시물
• 옵트인
• 저자 약력
• 광고

사이드바에 있는 광고의 양은 경험을 만들거나 끊을 것입니다. 모두 광고로 가득 차 있으면 즉시 무시되거나 적어도 움츠러들 것입니다. 사이드바의 콘텐츠가 정말 좋다면 광고 한두 개는 문제가 되지 않습니다. 광고가 디자인의 나머지 부분과 시각적으로 잘 어울린다면 보너스 포인트!

다음 번에 사이드바 장애물을 넘어야 할 때 더 많은 정보를 얻고 더 많은 영감을 얻을 수 있도록 몇 가지 레이아웃 예를 살펴보겠습니다!

3개의 열에서 2개의 사이드바로 진화했다가 다시 돌아옴

이전에 두 개의 사이드바가 있는 웹사이트 레이아웃은 대부분 과거의 일이라고 언급했습니다. 언급하지 않은 것은 이러한 유형의 레이아웃이 잘 알려진 "3열" 레이아웃의 확장일 뿐이라는 것입니다. 이것은 여전히 ​​두 개의 사이드바를 사용하고 그 과정에서 그것을 죽이는 일부 웹사이트가 있다는 것을 의미합니다.

2개의 사이드바와 3개의 열 사이의 차이점은 이름 자체에서 추론할 수 있습니다. 두 개의 사이드바는 하나의 기본 콘텐츠 영역과 두 개의 관련 막대가 있음을 의미합니다. 3열 레이아웃은 콘텐츠 구성을 위한 디자인 메커니즘에 가깝습니다. 여전히 계층 구조가 있지만 부수적인 추가 콘텐츠보다 더 의미 있는 방식으로 사용됩니다. 3열 레이아웃은 잡지나 대형 블로그와 같은 온라인 정기 간행물에 적합합니다.

Grain Edit 웹 사이트를 살펴보십시오. 그들은 기본적으로 2개의 사이드바 레이아웃인 3열 레이아웃을 가지고 있지만 잘 수행되었습니다. 주요 콘텐츠는 왼쪽에 있고 두 개의 사이드바는 오른쪽에 있습니다. 이러한 사이드바는 사이트 전체에서 변경되지 않으며 왼쪽의 콘텐츠만 변경됩니다.

이 두 개의 사이드바에서 매우 잘 작동하는 것은 페이지 레이아웃이 상자로 표시되는 방식으로 인해 침습적이지 않고 양쪽에 빈 공간이 너무 많다는 것입니다. 왼쪽의 빈 공간은 독자가 시선을 분산시키지 않고 텍스트를 읽는 동안 계속 추적할 수 있도록 도와줍니다.

잘 설계된 3열 레이아웃의 또 다른 좋은 예는 Mashable 웹사이트입니다. 그들의 첫 페이지에는 "What's New", "What's Rising" 및 "What's Hot"의 세 섹션이 있습니다. 열은 잘 구성되어 있고 콘텐츠의 크기는 왼쪽의 가장 작은 것부터 오른쪽의 가장 큰 것까지 다양합니다.

Mashable 첫 페이지의 경우 이들 중 어느 것도 사이드바라고 부를 수 없습니다! 세 개의 열 모두 훌륭한 콘텐츠로 가득 차 있습니다. 기사 중 하나를 클릭하면 레이아웃이 왼쪽의 클래식 메인 콘텐츠와 오른쪽의 사이드바로 변경됩니다.

실제로 개념적 레이아웃입니다. 콘텐츠가 새로운 경우 왼쪽 열로 이동합니다. 추세가 시작되면 중간 열로 이동합니다. 입소문이 나면 오른쪽의 가장 큰 열로 이동합니다.

클래식 블로그 레이아웃은 여전히 ​​최고를 지배하지만 어느 정도입니까?

우리 모두에게 익숙한 블로그 레이아웃은 왼쪽에 콘텐츠가 있고 오른쪽에 사이드바가 있는 레이아웃입니다. 일부 블로그는 이를 잘 수행하는 반면 다른 블로그는 적합할 수 있는 모든 광고를 배치하기 위해 사이드바 공간에 여전히 의존하고 있습니다. 우리는 당신이 주변 사람들을 본 적이 있다고 확신합니다.

블로그로 돈을 벌고자 하는 새로운 블로거는 일반적으로 좋은 사용자 경험에 필요한 것보다 훨씬 더 많은 것들로 사이드바를 꽉 채울 것입니다.

이 블로그 ThinkSEM에는 범주, 아카이브, 구독 상자 및 서비스 제안의 네 가지 간단한 항목을 수용하는 두 개의 섹션만 있는 최소한의 사이드바가 있습니다. 그게 다야. 해당 상자를 지나 스크롤하자마자 기사의 내용에 관한 모든 것입니다.

"사이드바 없음 운동" 및 이를 해결하는 방법

몇 년 전, 웹사이트 개발자이자 블로거인 Brian Gardner는 The No Sidebar Movement라는 미니멀리즘 운동을 시작했습니다. 그는 사이드바 없이 블로그와 웹사이트를 만든 최초의 사람은 아니었지만 어떻게 하면 사이드바를 잘 사용할 수 있는지에 대해 처음으로 입소문을 냈습니다. 그의 선언문은 불필요한 방해 없이 미니멀한 삶을 사는 것에 관한 것입니다. 그는 사이드바를 없앰으로써 이러한 삶의 방식을 시각화했습니다.

그의 블로그이자 커뮤니티인 No Sidebar는 지난 몇 년 동안 기하급수적으로 성장했습니다. Brian과 그의 팀은 미니멀한 라이프스타일과 사이드바가 없는 신세대 블로거들에게 영감을 줍니다. 그는 사이드바 없이 기능적이고 아름다운 블로그를 만들려는 사람이라면 누구나 사용할 수 있는 자신만의 No-Sidebar WordPress 템플릿을 만들었습니다.

사이드바 없음 블로그는 사이드바를 갖지 않는 방법의 궁극적인 예입니다. 콘텐츠 양쪽에는 문자 그대로 아무 것도 없으며 소셜 미디어 공유 버튼도 없습니다. 그러나 모든 블로그가 사이드바가 없는 경우에도 이렇게 극단적일 수는 없습니다.

그렇다면 사이드바가 없는 블로그를 관리하고 페이지에 중요한 정보를 포함하려면 어떻게 해야 할까요? 가장 좋은 예 중 하나는 중간 레이아웃입니다. 기사 안에는 실제 사이드바가 없습니다. 박수와 공유를위한 아주 작은 섹션. 사이드바를 사용하지 않기로 결정한 많은 블로그는 중간에 콘텐츠가 있고 측면에 공유 버튼이 있는 레이아웃을 가지고 있습니다. 때때로 그들은 작은 작가 이미지를 가지고 있습니다.

사이드바, 전환 및 A/B 테스트

사이드바를 유지하거나 폐기하는 것에 대해 여전히 고민하고 있다면 클릭에 대해 걱정하고 있을 것입니다. 많은 전환이 사이드바의 제안에서 비롯되었을 수 있습니다. Video Fruit의 Brian Harris는 자신의 사이트에서 A/B 테스트를 수행하여 사이드바가 있거나 없는 경우 더 많은 클릭이 있는지 확인했습니다. 결과는 사이드바가 없는 버전에 대해 긍정적이었습니다. 그는 블로그에서 사이드바를 영원히 없앴습니다.

Crazy Egg의 Neil Patel은 사이드바의 치어리더이지만 자신의 Neil Patel 블로그에서만 사용합니다. Crazy Egg 블로그에는 블로그가 없습니다. 그는 아마도 사이드바에서 지속적인 A/B 테스트를 하고 있을 것입니다.

A/B 테스트는 웹 사이트 내에서 두 가지 다른 항목에 대한 테스트를 만드는 것입니다. DIVI와 같은 일부 WordPress 테마를 사용하면 이 작업을 수행할 수 있습니다. 다른 테마의 경우 백엔드에서 솔루션을 찾아야 할 수도 있습니다. Crazy Egg의 이 기사가 도움이 될 수 있습니다.

결론

그래서 당신은 어떻게 생각하십니까? 사이드바는 소멸의 길인가? 우리는 그렇게 생각하지 않지만 점점 더 많은 사람들이 자신의 사이트에서 그것을 제거하는 방법을 찾을 것이고 다른 사람들은 계속해서 광고를 채울 것입니다.

자신의 웹사이트 또는 고객의 웹사이트에 대한 사이드바 선택은 시각적 스타일과 브랜드 메시지에 따라 다릅니다. 이제 다양한 옵션을 살펴보았으므로 향후 결정을 내리는 것이 더 쉬울 수 있습니다.