웹 디자인에서 스크롤 하이재킹의 위험성

Trent Walton의 기사 ' 스크롤 하이재킹 '는 내러티브 경험을 위해 웹 사이트의 스크롤링 상호 작용에 대한 사용자의 기대를 파괴해서는 안된다고 말합니다.

디즈니에서 일하는 방법

그는 사례를 인용합니다 사과 페이지의 대상 위치에서 스크롤을 중지하는의 최근 제품 페이지. 나는 이전에 내가 그것을 좋아하는 방법에 대해 썼지 만 그것에 대해 마음을 바꿨습니다.

강력한 내러티브로 몰입감있는 경험을 만드는 것은 제대로 된 경우 봐야 할 일입니다. 또한 특정 섹션이있는 긴 스크롤 페이지에 애니메이션이 있거나 더 심층적으로 설계된 상호 작용이 디자인 된 추세가 발생하고 있습니다.



이것들은 훌륭하고 동일한 웹 사이트를 발견하고 콘텐츠를 받아들이는 것을 좋아합니다. 그러나 하나의 작은 실수로 인해 전체 경험이 무너질 수 있으므로이 접근 방식에주의해야합니다.

웹 페이지에 대한 특정 컨트롤이 작동하는 방식에 대한 사용자의 기대를 약화 시키면 사용자의 경험이 무너지고 부정적인 반응을 일으킬 수 있습니다.

페이지의 스크롤 속도를 추월하는 경우 페이지의 콘텐츠를 자신의 시간에 통과하기 위해 사용자의 컨트롤을 제거하는 것입니다.

링크를 새 브라우저 창에서 열기, 본문 카피와 조화를 이루는 밑줄이없는 링크는 페이지의 로고를 홈페이지로 다시 연결하지 않음 사용자의 경험을 손상시킵니다. 상호 작용은 작지만 강력합니다.

잘못된 스크롤 상호 작용의 예를 확인하십시오.

01. 아이 패드 에어

Apple iPad Air의 페이지 디자인은 사용자가 직접 페이지를 스크롤 할 수있는 속도를 막는 데 큰 문제가됩니다. 일부 콘텐츠를 건너 뛰고 싶을 때까지는 좋은 효과입니다.

인생의 여정에 어울리는 색

02. 킷 캣

Kit Kat의 웹 사이트는 수많은 상호 작용과 큰 이미지가있는 긴 스크롤 페이지를 통해 설명을 제공합니다. 이를 통해 사용자는 콘텐츠를 빠르게 또는 느리게 가져 오는 방법을 제어하거나 페이지 측면에 제공된 탐색을 사용하여 제어 할 수 있습니다.

03. ConvergeRVA

인디자인에서 브로셔를 설정하는 방법

사용자가 자신의 트랙에서 멈추도록주의하십시오. 사용자가 이전 ConvergeRVA 컨퍼런스 사이트에서 모바일 장치를 사용하여지도에 도착하면지도의 스크롤이 사용자의 스크롤 기능을 초과하여 페이지가 죽는 것을 막았습니다. 새 버전의 사이트에서이 문제를 해결했습니다.

: 진 크로포드

Gene의 임무는 개발자에게 영감과 통찰력을 제공하기 위해 끊임없이 노력하는 것입니다. 이 기사는 원래 넷 매거진 문제 249.