슬라이더와 회전 목마는 몇 년 전 디자인 트렌드였습니다. 오늘날 제공하지 않는 블로그를 찾는 것이 점점 어려워 질 것입니다.
그러나 뭔가 바뀌 었습니다. 디자이너와 개발자는 정적 이미징을위한 슬라이더에서 벗어나기 시작했습니다. 미니멀리스트 디자인과 긴 스크롤링이있는 웹 사이트에 대한 관심이 증가함에 따라 슬라이딩 배너는 매우 단순한 디자인에 대한주의를 산만하게하고 위협이되었습니다.
그리고 디자이너가 웹 사이트에 모션을 적용하기로 결정했다면 시차 스크롤링, 애니메이션 아이콘 또는 비디오 플레이어에있을 것입니다.
그럼에도 불구하고 슬라이더와 캐러셀이 올바르게 사용될 경우 사용자 참여를 개선하는 데 도움이 되는 효과적인 디자인 요소라고 주장하는 디자이너가 몇 명 있습니다. 우리는 오늘 그 주장의 타당성을 탐구하고 귀하의 사이트에서 사용자 참여를 보장하는 데 사용할 수 있는 팁과 도구를 제공할 것입니다. 워드 프레스 블로그.
우리가 정말 그들을 사용해야합니까?
현재 단순성을 찾는 많은 설계자들에게 회전 컨텐츠를 이상적인 방식으로 삽입하는 방법을 이해하기 어려울 수 있습니다.
단점
여기에 회전 목마에서 가장 일반적인 인수는 다음과 같습니다
- 느린 로딩 : 슬라이더와 캐 러셀을 추가하면 웹 사이트의 로딩 시간이 느려지고 방문자가 꺼질 수 있습니다.
- 나쁜 SEO : 너무 많은 콘텐츠가 하나의 슬라이더에 채워져 있기 때문에 모든 콘텐츠에 대해 페이지와 SEO를 최적화하기가 어렵습니다.
- 불필요한 산만 : 회전 슬라이더는 방문자가 주위의 콘텐츠를 산만 유지합니다.
- 사용하기 어려움 : 여러 슬라이드는 방문자에게 너무 많은 옵션을 제공하고 종종 너무 많은 노력이 필요하여 원하는 데이터에 액세스하기 어렵게 만듭니다.
- 정전 UX : 콘텐츠의 빠른 세로 스크롤을 선호하는 방문자의 경우 슬라이더는 각각을 기다려야하기 때문에 인내심에 영향을 줄 수 있습니다. 슬라이드 "스크롤.
- 가난한 클릭률 : 일부 연구에 따르면 슬라이더는 원하는 상호 작용 (클릭)에서 효과가 없습니다. 방문자가 하나 또는 몇 개의 슬라이드를 읽는 데 관심이있을 수 있지만 대부분은 아무 조치도 취하지 않습니다.
- 보기 흉한 : 많은 디자이너들은 " 슬라이더 » 그리고 캐러셀은 특히 익숙할 때 보기 흉합니다. 홍보 미래지향적인 광고 이미지와 메시지.
혜택
이제 슬라이더 지지자의 주장을 살펴 보겠습니다.
- 공간 절약 : 캐 러셀은 작은 공간에서 많은 정보를 표시 할 수 있습니다.
- 혼란을 줄입니다 : 일부 사이트의 경우 다양한 제품, 샘플, 팀원 등을 보여주는 것이 중요합니다. 슬라이더는 모바일 사용자가 겪는 혼란을 줄일 수 있습니다.
- 관심을 끈다 슬라이더에 움직임을 추가하면 방문자의 관심을 끌 수 있습니다.
- 제공 기회 : 일부 웹 사이트에는 다른 각도에서 강조해야하는 제품이나 서비스가 있습니다. 이 사례의 좋은 예는 여러 관점에서 모바일 장치의 여러 이미지를 표시하려는 전화 소매 업체입니다.
블로그에 슬라이더 / 회전 목마를 추가하는 데 도움이되는 6 방법
귀하의 웹 사이트는 제대로 작동하도록 설계되었습니다. 이것이 안티 커서의 많은 우려가 유효한 이유입니다. 클라이언트가 정말로 원하기 때문에 또는 클라이언트를 잘 사용하기위한 팁과 도구를 조사하는 데 시간을 할애하지 않았기 때문에 클라이언트를 달래기 위해 슬라이더를 사용하는 경우 웹 사이트 성능을 위험에 빠뜨릴 수 있습니다.
사용자 참여가 당신이 찾고있는 것이라면, 사용자 경험은 개발 중에 항상 당신의 마음에 있어야합니다. 따라서 웹 사이트에 "슬라이더"를 추가 할 때 다음 팁을 염두에 두십시오.
#의 1 : 투자를 극대화
"슬라이더"가 강조 표시되면 대부분의 디자이너가 현재 중요한 이미지를 배치하는 홈 페이지의 맨 위에 있습니다. WordPress 개발자는 슬라이딩 콘텐츠를 잘 활용할 수있는 다른 영역이 사이트에 있다는 것을 알고 있습니다.
# 2 : 크기에 대해 생각하십시오
전체 너비 슬라이더를 포함해야합니까? 아니면 불필요한 공간을 차지합니까? 항상 슬라이더의 목적, 내부 이미지의 크기, 페이지의 나머지 요소와의 균형을 고려하여 최적 크기를 결정하십시오.
#의 3는 : 귀하의 슬라이더에 중요한 내용을 사용하여
방문자는 가치있는 콘텐츠를보고 싶어합니다. 슬라이더에 사용 된 이미지와 콘텐츠가 사이트의 사명을 강화하고 방문자가 전체를 볼 수 있도록 동기를 부여하는지 확인하십시오.
# 4 : 고해상도 이미지 선택
일반적으로 웹 사이트에서 저해상도 또는 저품질 이미지를 사용하는 것은 좋지 않습니다. 특히 이러한 요소의 영향은 포함 된 사진에 따라 다르기 때문에 "슬라이더"또는 캐 러셀에도 동일하게 적용되어야합니다.
# 5 : 텍스트를 최소로 유지
슬라이더와 회전 목마는 이미지를 표시하는 데 환상적이지만 텍스트가이 경험을 손상시킬 수 있습니다. 과부하 된 이미지는 종종 겹쳐진 텍스트를 읽기가 어려울 수 있습니다. 또한 커서가 너무 빨리 회전하면 방문자가 커서를 읽을 시간이 충분하지 않습니다. 또한 이미지에 포함 된 텍스트가 모바일에서 제대로 표시되지 않을 수도 있습니다. 가능하면 특히 텍스트가 품질에 영향을 미치는 경우 텍스트 사용을 고려하지 마십시오.
# 6 : 스크롤에주의하십시오
스크롤을 제어하는 데 사용할 수있는 여러 가지 방법이 있습니다. 둘 중 하나를 선택하는 결정은 일반적으로 " 슬라이더 ". 자동 스크롤은 스크롤이 빠르게 진행되지 않는 한 단일 프레임 슬라이더에 적합합니다. 가장 좋은 방법은 누군가가 "를 클릭하거나 마우스를 가져가 자마자 슬라이드를 강제로 중지하는 것입니다. 슬라이더 ". 그러면 스크롤을 계속할 시간을 정의하는 것은 그들에게 달려 있습니다.
그러면 우리는 무엇을해야합니까?
우리의 일은 당신에게 결정을 내리고 블로그에 적합한 것을 선택할 수 있도록 귀하에게 물건을 제시하는 것으로 제한됩니다. 개인적으로 슬라이더를 사용하지만 이미지와 컨텐츠를 최대한 활용하기 위해 이미지와 컨텐츠를 모두 최적화해야합니다.
집에서 무엇을 사용합니까? 당신은 선호가 있습니까? 우리와 공유하는 것을 망설이지 마십시오.
안녕하세요
이 주제와 같이 4 또는 5 기사를 앞으로 추가하는 섹션을 선호합니다.
https://18482-presscdn-0-9-pagely.netdna-ssl.com/wp-content/uploads/2016/08/11-hot-topix-theme-fixed-grids.jpg
슬라이더, 회전 목마보다 효과적입니다.