왜 멈추기가 어려울까요?
상상해 보세요. 아침에 회사에 도착해서 중요한 보고서를 마무리하려고 하는데, 친구로부터 인스타그램에서 연예인 영상 몇 개가 왔습니다. 잠깐 보려고 했지만, 어느새 한 시간이 훌쩍 지나가 버렸습니다. 계속해서 영상들을 시청하느라 중요한 보고서는 여전히 책상 위에 놓여 있습니다.
우리 모두는 시간을 헛되이 보내지 않고 알차게 쓰고 싶어 합니다. 특히 회사에서는 더욱 그렇죠. 하지만 조사 결과에 따르면 직장인의 대다수인 77%가 업무 시간에도 소셜 미디어를 이용하고 있으며, 그중 많은 수가 하루에 몇 시간씩 소셜 미디어에 빠져 있다고 합니다. 막상 급한 일이 없을 때조차, 굳이 "유튜브만 두 시간 봐야지!"라고 작정하고 휴대폰을 켜는 경우는 드물 겁니다. 그렇다면 어떻게 '연예인 관련 짧은 영상 몇 개만 봐야지' 하는 가벼운 마음이 몇 시간 동안 시청하게 되는 결과로 이어지는 걸까요?
무한 스크롤 (Infinite scroll) 기능이 등장하면서 인터넷 콘텐츠를 이용하는 방식이 완전히 바뀌었습니다. 소셜 미디어에 무한 스크롤 기능이 생기기 전에는, 사용자들은 페이지가 나뉜 형태로 콘텐츠를 봐야 했습니다.
2006년 아자 라스킨 (Aza Raskin)이 처음 소개한 무한 스크롤 방식은 사용자가 페이지 하단에 도달하지 않아도 계속해서 새로운 내용이 나타나도록 설계되었습니다. 이는 사용자에게 끊임없이 볼거리를 제공하는 방식이라고 할 수 있습니다.
앱이 이렇게 만들어진 핵심은 분명하죠. 사용자가 어떤 기기를 쓰든 앱에 더 오래 머물도록 유도하는 겁니다. 손가락으로 화면을 밀어 넘길 때마다 새로운 콘텐츠를 접하고, 광고를 보거나, 마음에 드는 게시물을 다른 사람들과 공유할 수 있는 기회가 계속해서 생겨납니다. 소셜 미디어 앱들은 인스타그램, 유튜브, X, 핀터레스트, 비핸스, 틱톡, 페이스북, 링크드인 등 다양한 플랫폼에서 사용자들의 시선을 끌기 위해 이러한 방법들을 활용하고 있습니다. 우리는 자각하지 못하는 사이에도 마치 끊임없이 화면을 아래로 내리는 듯한 모습을 보이고 있습니다. 이러한 현상은 결코 우연이라고 할 수 없습니다. 이는 디자이너와 개발자들이 소셜 미디어를 설계할 때 의도적으로 만들어낸 결과입니다. 그들은 사용자의 시간과 주의를 끄는 기술을 능숙하게 활용했습니다.
스크롤을 내리다가 뭔가 재미있는 걸 발견하면 뇌에서 기분을 좋게 만드는 도파민이라는 물질이 나온다고 합니다! 이렇게 되면, 우리는 계속해서 화면을 아래로 내리면서 만족감을 얻는 습관이 생겨날 수 있습니다.
책이나 비디오처럼 소셜 미디어 피드는 정해진 끝이 없어서, 계속해서 새로운 콘텐츠가 올라온다는 특징이 있습니다. 이것은 마치 "한 번만 더 화면을 넘겨볼까?" 하는 생각을 계속하게 만듭니다. 끝없이 이어지는 스크롤은 멈추지 못하게 만드는 요인이 됩니다.
우리는 최신 유행이나 새로운 소식을 놓치지 않으려고 끊임없이 화면을 내립니다. 예측 불가능한 보상 체계 때문에 다음에 어떤 흥미로운 일이 벌어질지 전혀 알 수 없습니다. 슬롯머신 작동 방식과 유사하다고 볼 수 있습니다.
피곤하거나 무료할 때, 우리는 쉽게 할 수 있는 것을 찾게 됩니다. 스마트폰 화면을 스크롤하는 것은 별다른 노력 없이도 바로 즐거움을 얻을 수 있는 방법이죠.
그래서 우리가 완전히 집중하지 못할 때, 습관적으로 화면을 계속 넘겨보게 되는 겁니다.
그렇다면 사용자를 고려한 디자인은 어떻게 만들어야 할까요?
잘 만들어진 무한 스크롤 기능은 사용자가 콘텐츠를 계속 탐색하도록 유도하면서도, 현재 위치를 잃거나 불편함을 느끼지 않도록 돕습니다. 자연스러운 흐름은 사용자가 정보를 쉽게 찾고 콘텐츠를 탐색하는 데 도움이 됩니다. 구조가 충분히 갖춰지지 않으면, 사용자는 금세 정보 과부하를 느끼거나, 어디로 가야 할지 몰라 혼란스러워하거나, 무엇을 해야 할지 판단하지 못해 무력감을 느낄 수 있습니다.
무한 스크롤을 효과적으로 사용하려면 사용자 경험을 해치지 않으면서 자연스럽게 콘텐츠를 탐색할 수 있도록 균형을 잘 맞추는 것이 중요합니다.
다음은 이를 위해 고려해야 할 몇 가지 좋은 방법들입니다.
명확한 탐색 기능과 종료 방법을 제공하여 사용자가 원하는 콘텐츠를 쉽게 찾고, 이전 단계로 돌아가거나, 진행 상황을 저장한 채로 앱을 종료할 수 있도록 지원해야 합니다.
사용자가 웹사이트 내 다른 페이지를 방문했다가 이전 페이지로 돌아올 때, 스크롤 위치가 초기화되지 않도록 저장하여 사용자가 불편함을 느끼지 않도록 하세요.
답답함을 느끼게 하는 부분에는 "더 보기" 버튼을 활용해 보세요. 이렇게 하면 사용자 스스로 콘텐츠 표시를 조절할 수 있어, 검색 결과나 상품 목록을 보다 효율적으로 관리하고 개선하는 데 도움이 됩니다.
목표를 가지고 특정 작업을 수행해야 하는 경우에는 무한 스크롤 방식보다는 페이지 나누기 ((Pagination))를 사용하는 것이 좋습니다. 왜냐하면 페이지 나누기는 사용자에게 정보의 구조를 명확하게 보여주고, 내용을 비교하거나 쉽게 참고할 수 있도록 도와주기 때문입니다.
진행 상황을 알려주고 지루함을 덜어주세요. 진행률 표시줄, 섹션 구분 표시, 혹은 눈에 잘 띄는 신호를 통해 사용자가 현재 어느 단계에 있는지 쉽게 파악할 수 있도록 도와주세요.
성능과 로딩 속도를 개선하려면, 지연 로딩 (Lazy loading)을 적용하고, 이미지를 미리 불러오며, 파일 크기를 줄여 사용자 경험을 향상하세요.
필수적인 기능들을 더 쉽게 사용하도록 만드세요. 하단 (Footer)이나 클릭 유도 문구 (CTA), 필터 같은 요소들을 고정시키거나 접이식 메뉴에 넣어 사용자들이 편리하게 접근할 수 있도록 개선하는 것이 좋습니다.
무한 스크롤의 함정
하지만, 무한 스크롤 기능이 아무리 잘 만들어졌다고 해도 중요한 부분을 놓치면 사용자 경험에 문제가 생길 수 있습니다. 흔히 발생하는 문제점들과 그 해결 방안을 알아보겠습니다.
스크롤 압박감은 사용자가 원하는 정보를 찾기도 전에 흥미를 잃게 만드는 현상입니다. 이를 방지하기 위해 콘텐츠를 섹션으로 나누거나, "더 보기" 버튼을 활용하거나, 콘텐츠 구조를 명확하게 만들어 사용자가 쉽게 탐색할 수 있도록 하는 것이 좋습니다.
링크를 눌렀을 때 페이지가 새로고침되면서 스크롤 위치가 초기화되는 문제가 발생한다면, 사용자가 링크 클릭 전에 보고 있던 화면 위치를 브라우저 기록에 저장하여 다시 돌아왔을 때 같은 위치에서 볼 수 있도록 개선해야 합니다.
이전에 봤던 자료를 다시 찾기 힘들다는 사용자들의 불만을 해결하기 위해, 북마크 기능, '최근 본 콘텐츠' 목록, 또는 화면에 항상 보이는 탐색 메뉴 등을 추가하여 사용자들이 과거에 봤던 자료에 더 쉽고 빠르게 접근할 수 있도록 개선해야 합니다. 중요한 정보가 묻히는 것을 방지하기 위해, 정렬, 필터링 기능이나 상단 고정 기능을 활용하여 핵심 콘텐츠가 계속 표시되도록 관리하세요. 끊임없이 업데이트되는 피드 속에서 중요한 정보가 놓치지 않도록 하는 것이 중요합니다.
키보드나 접근성 도구 (예를 들어 화면을 읽어 주는 기능)를 사용하는 사람들이 무한 스크롤 페이지를 이용하기 불편하다면, 키보드 단축키를 만들고, 포커스가 어디에 있는지 명확히 보여주며, 스크린 리더가 내용을 잘 읽을 수 있도록 레이블을 개선하여 접근성을 높여야 합니다.
무한 스크롤은 탐색 경험을 편리하게 해 줄 수 있지만, 모든 상황에 적합한 방법은 아닙니다. 효과적으로 활용하면 사용자 몰입도를 높이고 콘텐츠를 자연스럽게 보여줄 수 있습니다. 하지만 잘못 사용하면 사용자에게 불편함과 피로감을 줄 수 있습니다.
디자인의 핵심은 목적에 맞게 설계하는 데 있습니다. 사용자가 편하게 둘러보도록 유도할 때는 무한 스크롤이 유용하지만, 제품 비교나 특정 정보를 찾을 때처럼 체계적인 탐색이 필요할 때는 페이지 나누기 (Pagination)이나 하이브리드 방식이 더 적합합니다. 또한, 스크롤 위치를 기억하거나 중요한 기능에 쉽게 접근할 수 있도록 하는 작은 부분들이 사용자 경험에 큰 영향을 미칩니다.
무한 스크롤은 잘 활용하면 사용자 경험을 부드럽게 만들어주지만, 잘못 사용하면 오히려 사용자를 불편하게 만들 수 있습니다. 핵심은 단순히 콘텐츠를 계속 보여주는 것이 아니라, 사용자에게 자연스럽고 끊김 없는 경험을 제공하는 데 있습니다.