기다림의 심리학과 이를 긍정적인 사용자 경험으로 만드는 방법에 대한 기사입니다.
대기 중. 그것은 우리 모두가 매일 하는 일입니다. 당신이 보낸 메시지에 대한 응답을 기다리고, 음식이 배달되고, 신호등이 녹색으로 바뀌고, 컴퓨터가 하루의 시작에 시작되기를 기다리고 있습니다. 상황에 따라 매우 답답할 수 있지만 여기서 디자인의 영향이 큽니다.
지나가는 기차 앞에 서 있는 여자.
Unsplash 에 있는 Eutah Mizushima 의 사진
컴퓨터가 발명되고 점점 더 대중화되었을 때 사용자는 사용 가능한 가장 빠른 컴퓨터를 사용하고 있음에도 불구하고 컴퓨터가 느리다는 인식을 갖게 되었습니다. 로딩 아이콘의 디자인이 여기서 문제였습니다. 스피너나 시계를 볼 때마다 기다려야 한다는 것은 알지만 얼마나 기다려야 하는지는 몰랐습니다. 이로 인해 사용자는 무력감과 좌절감을 느꼈습니다. 따라서 사용자가 기다려야 하는 시간에 대한 자세한 정보를 표시하기 위해 로딩 막대가 도입되었습니다. 이러한 방식으로 사용자는 작업이 완료될 때까지 기다려야 하는 시간을 알 수 있습니다. 적어도 그들은 알고 있다고 생각했지만 이러한 시나리오가 자주 발생했습니다. 막대가 99%에서 멈췄습니다...
그것은 우리의 기대에 관한 것입니다.
“이것은 우리 컴퓨터에서도 사실이며 디즈니랜드의 라인에서도 마찬가지입니다. 당신은 그것을보고 그것이 얼마나 오래 걸릴 것인지 말해주고 당신은 기대치를 설정합니다. 생각했던 것보다 더 빨리 라인의 최전선에 도착했을 때(또는 특정 소프트웨어가 생각했던 것보다 더 빨리 로드될 때) 만남은 긍정적인 느낌을 줍니다.” Jason Farman은 그의 책 Delayed Response 에서 설명합니다 .
이것이 로딩 바가 처음에는 느리게 진행되도록 설계되어 사용자가 시간이 오래 걸린다고 생각하게 하고, 시간이 지날수록 더 빠르게 이동하여 예상보다 일찍 완료하는 것에 대해 긍정적인 느낌을 갖도록 설계된 이유입니다. 그러나 이러한 로딩 바에는 이전에 논의한 바와 같이 단점이 있습니다.
우리가 이러한 것들로부터 배운다면 결론은: 사람들에게 너무 오래 걸리는 것을 보여주면 그들은 더 만족할 것입니다. 때때로 그들은 무엇을 기대해야 하는지 알기 때문에 두 배 빠른 단순한 진행률 표시줄보다 정보가 포함 된 더 긴 대기 시간을 선호합니다 .
로딩을 위한 디자인
우리는 사용자가 기다리는 동안 무슨 일이 일어나고 있는지 알고 싶어한다는 것을 배웠습니다. 그러니 하지 말자:
회전하는 애니메이션 원.
이유를 설명하는 무언가가 일어나고 있다는 표시가 필요합니다. 많은 사람들이 "현재 기술로 사용자는 더 이상 그렇게 오래 기다릴 필요가 없습니다."라고 말합니다. 나는 이것이 사실이라고 생각하지만 대부분의 경우에만 그렇습니다. 제품의 모든 사용자가 가장 빠른 기술을 가지고 있다는 가정하에 다른 사람들을 위한 디자인도 만들어 보겠습니다.
스켈레톤 스크린
페이지 로딩의 경우 스켈레톤 스크린은 훌륭한 솔루션입니다. 백그라운드에서 무언가가 일어나고 있고 오래 걸리지 않을 것임을 사용자에게 나타냅니다 . 이런 식으로 사용자는 기다려야 하는 시간에 대한 시각적 단서를 얻을 수 있습니다. 아래 GIF에서 스켈레톤 보기가 있는 왼쪽 화면이 로드하는 동안 다른 화면보다 더 많은 정보를 제공한다는 것을 알 수 있습니다.
스켈레톤 보기 — 스피너 — 전혀 없음
스켈레톤 화면, 스피너 및 빈 페이지가 있는 로드를 보여주는 서로 옆에 있는 나무 전화 화면.
[출처 — viget.com]
그러면 모든 곳에서 스켈레톤 스크린을 사용해야 합니까?
아니요, 스켈레톤 스크린은 짧은 로딩 프로세스를 위한 것입니다. 사용자가 스켈레톤 화면을 볼 때 짧은 대기 시간이라는 것을 즉시 알아야 합니다.
로딩 시간이 긴 대규모 작업에는 더 많은 정보가 필요합니다. 이것으로 파일 변환, 업로드/다운로드 또는 데이터 가져오기와 같은 작업이 완료됩니다. 이 경우 진행 상황을 설명하는 로딩 화면을 디자인하고 싶습니다. 사용자가 페이지를 스캔하고 무슨 일이 일어나고 있는지 알 수 있도록 짧은 제목을 포함해야 합니다. 프로세스의 여러 단계를 표시하는 것이 바람직합니다.
더 자세한 로딩 화면의 예:
일러스트, 제목, 텍스트, 로딩 애니메이션이 있는 로딩 화면.
로딩하는 동안 무슨 일이 일어나고 있는지 과도하게 공유하고 싶지 않다는 것은 의미가 있습니다. 그러나 사용자는 일부 정보를 얻는 것에 감사하며 더 이해하고 더 기꺼이 기다릴 수 있습니다.