공백 화면에 숨결을 불어넣는 10가지 방법

공백 화면은 "앱 안에서, 사용자에게 표시할 데이터가 없는 순간" 입니다. UX 관점에서 공백 화면은 사용자 경험을 개선하고 비즈니스에 더 많은 가치를 부여하는 데에 다른 어떤 것보다 더 크게 기여합니다. 프로덕트 측면에서 공백 화면에 대한 좋은 사례가 있어 공유드립니다. 🏃‍♂️ 첫 사용 일반적으로 사용자가 제품이나 서비스에 막 가입해 아무것도 표시할 수 없을 때 나타납니다. Dropbox Paper는 제품의 핵심 가치를 헤드라인으로 잘 뽑아 냈고 나아가 사용자의 행동까지 유도하고 있습니다. 👏 행동 완료 사용자가 받은 편지함이나 할 일 목록을 모두 정리하고 남은 것이 없을 때 나타납니다. Feedly는 공백화면에서 브랜드와 어울리는 일러스트로 사용자를 안심시키고, 사용자의 다음 행동을 유도하고 있습니다. 🤾 오류 상황 보여줄 데이터가 없어서 오류가 발생하는 경우에 나타납니다. 오류가 무엇인지에 따라 창의성을 발휘하고 사용자 행동을 유도하는 기회로 활용할 수 있습니다. Skype는 공백화면에서 에러가 왜 발생했는지 명백히 드러나 있고, 사용자는 버튼만 누르면 페이지를 새로고침할 수 있습니다. 👷‍♂️불러올 데이터가 없을 때 사용자가 뭔가를 검색했지만 결과가 없을 때에도 나타납니다. 이건 누구의 잘못이라기보단 그냥 보여줄 결과값이 없는 경우입니다. 다시 말해, 사용자를 안심시키고 다른 행동을 유도할 기회입니다. Instacart는 공백화면에서 사용자의 시간을 절약시키면서 가치를 제공해 좋은 사용자 경험을 만들어 내고 있습니다. 🏄🏻‍♂️ 가능한 도와주려고 하기 우리가 사용자의 입장에서 경험을 개선하는 건 그들에게 잘 공감했을 때입니다. 그러면 사용자는 더 큰 충성도로 보답합니다. 보통 공항 게이트 화면에는 보통 보여줄 데이터가 없을 땐 광고를 띄우지만, 한 항공사는 많은 사람이 비행기 탑승 전 충전기를 꽂을 콘센트가 부족해 곤란해한다는 점에 공감하고 위트있는 라이팅으로 긍정적인 사용자 경험을 만들어 냈습니다. 👁️ 404 페이지 대부분 UX 전문가들은 해당 페이지를 공백 화면으로 보지 않지만, 보여줄 데이터가 없다는 점에서 맥락이 비슷합니다. 404 페이지의 콘텐츠는 유용하고 재치 있으며 목표 지향적이어야 합니다. Medium은 404 바로 아래에 다른 검색어를 입력할 수 있게 검색 필드를 두었고 더 아래에는 검색 필드로도 문제를 해결하지 못한 사용자를 위해 사용자의 열람 기록에 기반한 콘텐츠 제안 썸네일까지 넣어두었습니다. 🏌️시작할 때 튜토리얼 보여주기 보통 공백 화면은 제품이나 서비스에 처음 가입한 사용자에게 자주 나타납니다. 사용자에게 제품을 소개하고 제품을 둘러볼 기회를 줄 수 있습니다. Xero는 사용자가 어디를 먼저 클릭해야 할지 헷갈릴 때 웰컴 비디오를 배치하고 몇 가지 제안을 보여주고 있습니다. ⛹🏻디폴트 데이터로 채워진 대시보드 처음 로그인한 사용자를 위해 앱의 기능을 미리 보여주는 채워진 대시보드를 보여줍니다. 사용자가 직접 뭔가를 하기 전에 앱이 사용자 대신 먼저 나섭니다. Acuity Scheduling은 기본으로 탑재된 데이터로 일주일의 업무가 자동으로 정리된 걸 보고 사용자는 이 플랫폼이 어떤 방식으로 작동하는지 바로 알 수 있게 됩니다. ✍️ 샘플 데이터로 채워진 대시보드 위와 비슷한 예로 샘플 데이터를 적용한 대시보드로 공백 화면을 채우는 방법도 있습니다. Trello는 업무 관리 시스템이 어떻게 돌아가는지 사용자가 이해할 수 있도록 샘플 데이터가 적용된 서비스 화면을 만들었습니다. 사용자에게 서비스 사용 방법을 잘 이해시키기 위해서요. 🧘🏻‍♂️ 게이미피케이션 요소 이 방법의 장점은 프로세스를 잘못 벗어난 사용자를 비난하지 않고 사용자가 스스로 해결하게 합니다. Carwow에서는 사용자가 프로세스를 잘못 벗어나 404 페이지가 나타났을 때 사용자가 8비트 게임을 통해 프로세스로 돌아갈 수 있게 도와줍니다.