슬라이더,또는 내가 그들을 호출하고 싶은대로,상호 작용 유령 도시,웹 사이트,워드 프레스와 함께 내장 특히 것들에 공통이 너무 쉽게 추가 할 수 있기 때문이다. 그러나 그들이 그렇게 현대적이고 일반적이라면,그들은 좋은 것이어야합니까?
글쎄,요점을 얻으려면 슬라이더가 똥이며 여러 가지 이유로 사용해서는 안됩니다.
하지만 먼저 사람들은 왜 그들을 사용합니까? 그들은 무엇을 위해 좋은가?
슬라이더가 웹 디자인에 좋은 이유
사람들이 슬라이더를 사용하기를 원하는 2 가지 캡슐화 이유를 생각해 냈습니다.
사람들이 웹 사이트에서 슬라이더와 캐 러셀을 사용하기를 원하는 첫 번째 캡슐화 이유는 사용자 경험의 결함을 모르거나 사용자 인터페이스가 사용자 인터페이스보다 더 중요하다는 믿음을 따르는 것처럼 보이거나,즉 경험이없는 사람들은 예쁘게 보이기 때문에 웹 사이트에 슬라이더를 올려 놓았습니다.
사람들이 슬라이더를 사용하는 또 다른 이유는 사람들이 스크롤이 무섭다고 느끼기 때문에 웹 사이트의 콘텐츠를 슬라이더에 맞게 공간을 적게 차지하기 때문입니다.
슬라이더는 기본적으로 스크롤에서 작동하므로 물론 아이러니합니다.
이 두 가지 이유는 누구나 슬라이더를 사용하려는 대부분의 이유를 캡슐화한다고 생각합니다.
예를 들어,슬라이더를 사용하는 사람의 이유(비콘 파이어-레드에 따라.”중요한 콘텐츠 및 공지 사항을 홍보”하는 것일 수 있습니다.
또는”매력적인 미션 관련 비주얼을 과시하고”사이트에 대한 개성 또는 미학을 확립하십시오”-그것은 귀하의 웹 사이트를 더 예쁘게 만들려고 노력하고 있습니다.
웹 디자인에서 슬라이더가 나쁜 이유
먼저 슬라이더가 좋지 않은 이유에 대한 이론에 대해 이야기 한 다음 나중에 웹 디자인이 나쁘다는 것을 증명하는 슬라이더 뒤의 통계를 살펴 보겠습니다.
그들이만큼 예쁜,슬라이더는 웹 사이트를 도움보다 더 상처,그것은 이유를 말해 내 절대 기쁨이 될 것입니다. 당신이 말할 수 있는지 모르겠지만,나는 슬라이더가 싫어.
슬라이더가 나쁜 이유 첫 번째 이유는 당신이 스크롤하거나 슬라이더와 상호 작용하는 사람에 셀 수 없다는 것입니다,사람들은(우리가 나중에 백업 할)그것을하지 않습니다.
사람들이 웹 사이트에있을 때 그 시간은 소중하다는 것을 기억해야합니다. 방문자가 높은 속도로 웹 사이트를 반송,그들은 일반적으로 모든 것을 읽는 대신 텍스트를 통해 탈지,그리고 처음 10 초는 그들이 유지하거나하지 않을 경우에 중요하다.
그래서,당신은 슬라이더에 콘텐츠를 넣을 때-그 항목에 대한 장벽입니다. 즉,사용자가 웹 사이트의 콘텐츠를 얻는 것이 더 어렵고 시간이 많이 걸리는 것입니다.
다음 이유는 슬라이더가 사탄의 산란이라는 것입니다,사람들은 종종”배너 실명”,특히 이미지 슬라이더라는 것을 가지고있다.
배너 실명으로,사람들은 너무 웹 사이트에 광고와 큰 배너를 보는 데 사용되기 때문에,사용자는 무시하고 과거 스크롤. 따라서 슬라이더가 대략 배너처럼 보이면 사람들이 무의식적으로 과거를 스크롤 할 수있는 좋은 기회가 있습니다.
다음으로 슬라이더는 종종 사용자로부터 제어권을 빼앗습니다. 뿐만 아니라 사람들은 자신의 웹 사이트를 악화시키기 위해 슬라이더를 사용,하지만 그들은 그들이 자동 재생함으로써 더이 걸릴.
자동 재생 슬라이더의 문제는 매우 성가신 것입니다. 웹 디자인이 15 세기에 주변에 있었다면,자동 재생 슬라이더는 중앙에 정렬 된 텍스트와 같은 8 대죄가 될 것입니다.
사용자는 웹 사이트를 완전히 제어 할 수 있어야합니다. 아무것도 이동 하거나 변경 해야 합니다. 웹 사이트는 슬라이드 쇼 프리젠 테이션 그래서 하나처럼 치료를 중지하지 않습니다.
슬라이더가 진공 청소기보다 더 빨아 또 다른 이유는 웹 사이트,특히 워드 프레스 웹 사이트를 느리게하는 경향이 있다는 것입니다. 워드 프레스 웹 사이트,그것은 플러그인과 버튼의 클릭으로 슬라이더에 추가 할 수 있도록 간단합니다.
2 플러그인 특히,슬라이더 혁명과 스마트 슬라이더 3 웹 사이트의 속도에 큰 부정적인 영향을 미칠:
- 나는 워드 프레스 웹 사이트에서 테스트를 실행하고 이전과 갖는 활성화 슬라이더 혁명을 가지고 있지의 속도 점수 후 구글 속도 감사를 실행. 슬라이더 회전이 활성화 된 후 감사 점수는 10 점을 뛰어 넘고 속도 지수를 1.7 초 증가 시켰습니다.
- 스마트 슬라이더를 활성화하면 아무런 영향을 미치지 않았다,하지만 당신은 페이지에 슬라이더를 넣을 때 모바일에 20,바탕 화면에 3 에 의해 감사 점수에 영향을 1.4 초 속도 지수를 증가했다.
그래서 슬라이더에 대한 2 가지 좋은 이유와 4 가지 나쁜 이유가 있지만 그 뒤에있는 데이터는 무엇입니까?
슬라이더 뒤에 데이터
나는 단지 효과 슬라이더가 정말 얼마나 백업 7 연구가있다. 나는 그들 중 3 명에 대해 이야기 할 것이지만 모두 7 명이 참조 될 것입니다.
첫 번째 연구는 노틀담 대학의 에릭 러니 언에 의해 이루어졌다. 이 테스트는 슬라이더에서 다른 슬라이드의 클릭 분포를 측정하는 것이 었습니다. 그것은 첫 번째 슬라이드는 클릭과 전환의 압도적 인 다수를 한 것으로 나타났다. 그는 5 개의 위치를 검토했다;첫번째 위치에는 활주 1 을 가진 누르기의 84%및 누르기의 약 4%가 있는 다른 활주가 있었다. 그의 다른 4 사이트는 슬라이더의 총 클릭의 48%-62%가 첫 번째 슬라이드에서 나온 것으로 나타 났으며 나머지 클릭은 다른 슬라이드의 나머지 부분 사이에 균등하게 분배되었습니다.
두 번째 연구는 스웨덴의 전환율 최적화 회사 인 컨버전시 스타의 연구였습니다. 이 테스트는 이미지 회전 목마 대 정적 이미지의 클릭 차이를 측정하는 것이 었습니다. 그들은 눈 추적 기술을 사용하는 히트 맵 테스트를 실행했으며 각 종류의 슬라이더에 대한 클릭 수를 측정했습니다. 결과는 사용자가”슬라이더를 피하는 것처럼 보였고 클릭하지 않았습니다.”,배너 실명 때문일 가능성이 큽니다. 또한 정적 이미지가 40%의 시간을 클릭 한 반면 이미지 슬라이더는 2%의 시간 만 클릭 한 것으로 나타났습니다.
내가 언급 할 마지막 연구는 블레어 킨,어도비 최적화 관리자입니다. 그의 연구는 슬라이더를 갖는 전혀 하나를 가지고 있지 사이의 전환의 차이를 보여주는 것이 었습니다. 그는 배 위에 배치 된 슬라이더를 제거 할 때,그것은 매출 23%의 증가로 연결 것을 발견했다.
이 모든 것이 무엇을 의미합니까?
3 가지 의미:
- 이 슬라이더에 올 때,첫 번째 슬라이드는 항상 다른 슬라이드를 밖으로 수행합니다. 다른 슬라이드는 일반적으로 동일한 클릭률 주위에 있습니다.
- 정적 이미지는 항상 슬라이더를 수행합니다. 그리고 슬라이더는 때때로 배너 실명을 일으킬 수있는 배너로 간주됩니다.
- 다만 위의 배 섹션에서 귀하의 웹 사이트에 슬라이더를 갖는 전환 및 판매를 감소시킨다. 웹 사이트의 다른 곳에 배치하면 동일한 효과를 예측할 수 있지만.
슬라이더를 더 효과적으로 만드는 방법
하지만 좋은 소식이있다! 난 당신이 슬라이더를보다 효과적으로 만드는 방법에 대한 단계별로 표시 할 수 있습니다:
- 첫째,당신은 자동 재생되지 않도록해야합니다. 자동 재생은 사용자로부터 멀리 제어 소요하고 정말 실망하기 때문에.
- 다음으로 첫 번째 슬라이드를 제외한 모든 슬라이드를 제거합니다. 사람이 그들을 보기 위하여 가고 있지 않기 때문에 1 개 이상 있는안에 점.
- 그런 다음 탐색 화살표를 제거 할 수 있습니다,우리는 그 필요하지 않습니다 그래서 우리는 하나의 슬라이드가 있습니다.
- 마지막으로 탐색 총알을 제거하십시오.
결론적으로 슬라이더를 사용해서는 안됩니다. 그들이 사용되어야 하는 유일한 시간은 제품 페이지에 제품 심상을 위해 이다. 그 외에는 슬라이더가 통계적으로 상호 작용하지 않습니다. 아니 많은 사람들이 꽤 파워 포인트 프리젠 테이션을 통해 클릭 시간을 보낼 정도로 관심. 당신의 웹사이트의 디자인이 당신이 슬라이더를 사용할 것을 요구하는 경우에 그 후에 당신의 디자인은 실패했습니다.
18 슬라이더 플러그인을 비활성화하고 올빼미의 연결을 해제하십시오.파일 및 슬라이더 사용을 중지하십시오.
https://beaconfire-red.com/insights/do-slideshows-work
https://cxl.com/guides/bounce-rate/benchmarks/
https://www.nngroup.com/articles/how-users-read-on-the-web/
https://www.nngroup.com/articles/how-long-do-users-stay-on-web-pages/
https://www.nngroup.com/articles/banner-blindness-old-and-new-findings/
https://erikrunyon.com/2013/01/carousel-interaction-stats/
https://angner.com/blog/will-front-page-carousels-improve-your-conversion-rate/
https://econsultancy.com/three-ideas-that-convert-better-than-a-standard-carousel/
https://www.orbitmedia.com/blog/rotating-sliders-hurt-website/