아무것도 없을 때 화면
주문·후기·예약처럼 처음에는 텅 빌 수밖에 없는 화면에 무엇을 보여줄지 미리 정해 두는 일이에요. 아무 말도 없는 빈칸은 손님에게 '아직 없음'이 아니라 '고장'으로 읽혀요.
쉽게 말하면
개업 첫날, 진열대가 아직 텅 비어 있어요. 아무 안내도 없이 비어 있으면 문 앞까지 온 손님은 망한 가게로 보고 돌아서요. 같은 빈 진열대에 "첫 빵은 오후 3시에 나옵니다. 예약은 여기에"라고 적힌 종이 한 장만 붙어 있으면, 손님은 기다리거나 연락처를 남기고 가요. 화면도 똑같아요. 비어 있는 게 문제가 아니고, 비어 있는데 아무 말도 없는 게 문제예요.
주문 목록, 후기 목록, 예약 현황, 검색 결과. 이런 화면은 처음에는 전부 비어 있어요. 그런데 만드는 동안에는 연습용 데이터를 채워 놓고 보기 때문에 빈 상태를 아무도 안 봐요. 그러다 오픈 첫날 진짜 손님이 그 화면의 첫 목격자가 돼요.
손님은 "아직 주문이 없구나"라고 생각하지 않아요. "이 사이트 고장 났나"라고 생각하고 창을 닫아요.
비었다는 사실을 그대로 말하고, 지금 누를 것 하나를 줘요. 같은 빈칸인데 완전히 다르게 읽혀요.
빈칸은 한 종류가 아니에요
화면이 비어 보이는 이유는 넷 중 하나예요. 손님 눈에는 네 개가 다 똑같은 텅 빈 화면이지만, 적어야 하는 말은 완전히 달라요.
| 빈 이유 | 손님이 속으로 하는 생각 | 화면에 적어야 할 말 |
|---|---|---|
| 아직 아무것도 없음 (오픈 첫날, 첫 방문) | "여기 장사하는 거 맞나?" | 무엇이 채워질 자리인지 한 줄, 그리고 지금 누를 버튼 하나 |
| 찾는 게 없음 (검색이나 조건 걸러서 0건) | "검색이 고장 났나?" | 무엇으로 찾았는지 되짚어 주고, 조건을 지워 전체를 보는 버튼 |
| 못 불러왔음 (연결 실패·잠깐의 오류) | "내 인터넷이 문제인가?" | 지금 못 가져왔다고 밝히고 다시 시도 버튼 |
| 아직 불러오는 중 (한두 번 눈 깜빡할 시간) | 아직 아무 생각도 안 해요 | "없어요"를 띄우지 않기. 회색 뼈대만 잠깐 보여 주기 |
이 넷을 같은 문구로 쓰면 안 돼요
가장 값비싼 사고는 못 불러온 것을 "없다"고 말하는 것이에요. 서버 문제로 주문 목록을 못 가져왔는데 화면이 "주문이 없습니다"라고 하면, 사장님은 장사가 안 되는 줄 알고 하루를 그냥 보내요. 화면에 뜬 말을 어디까지 믿어야 하는지는 에러 메시지 읽기에서 더 다뤄요.
네 번째 줄도 자주 놓쳐요. 불러오는 데 잠깐 시간이 걸리는 동안 "없어요"가 번쩍 떴다가 목록으로 바뀌면, 손님은 그 깜빡임을 보고 불안해해요. 그 짧은 순간에는 아무 말도 하지 않는 게 나아요.
빈칸에 넣는 네 줄
빈 화면에 무슨 말을 적을지는 취향 문제가 아니라 순서 문제예요. 위에서부터 이 순서로 넣으면 됩니다.
- 1여기가 무슨 자리인지 한 줄. "받은 주문이 여기 쌓여요." 이 화면을 처음 보는 사람에게는 제목만으로는 부족해요.
- 2왜 비었는지 한 줄. "아직 첫 주문이 없어요." 없다는 사실을 감추지 않는 편이 오히려 신뢰를 줘요.
- 3지금 누를 버튼 하나. 주문 목록이면 "가게 링크 복사하기", 후기 목록이면 "후기 부탁 문구 보내기". 버튼은 하나만 둬요. 둘 이상이면 고민이 시작되고, 고민하면 나가요.
- 4기다려도 되는 이유 한 줄(있으면 좋음). "주문이 들어오면 문자로 알려 드려요." 지금 아무 일도 안 일어나는 게 정상이라고 말해 주는 거예요.
네 줄이 전부 필요한 건 아니에요. 첫 두 줄과 버튼 하나면 이미 충분해요. 반대로 버튼 없이 설명만 있는 빈 화면은 절반만 한 것이에요. 다음에 무엇을 눌러야 할지 모르는 손님은 그냥 창을 닫아요.
사과하지 마세요
"죄송합니다. 데이터가 없습니다" 같은 문구가 가장 흔한 실수예요. 비어 있는 건 잘못한 일이 아니에요. 사과로 시작하면 손님은 무언가 잘못됐다고 믿어요. 사과 자리에 안내와 버튼을 넣으세요.
사장님이 실제로 겪는 장면
장면 1 · 외주 개발자가 말했다
“데이터 없을 때 화면은 따로 안 만들었어요. 어차피 며칠이면 쌓일 텐데요.”
"며칠이면 쌓인다"는 건 사장님 사정이고, 첫 손님은 그 며칠 안에 와요. 오픈 직후가 방문자 대비 가입이 가장 안 되는 구간인데, 원인의 상당 부분이 텅 빈 화면이에요. 목록 화면이 몇 개인지 세어서 "이 화면들 빈 상태 문구도 넣어 주세요"라고 요청하면 됩니다. 큰 작업이 아니라 문구와 버튼 붙이는 일이에요.
장면 2 · 손님이 문의를 보냈다
“검색창에 원하는 걸 넣었는데 화면이 하얗게 비어요. 사이트 고장 난 거 아니에요?”
고장이 아니라 결과가 0건인 화면과 고장난 화면이 똑같이 생겼던 것이에요. "'딸기 케이크'로 찾은 결과가 없어요. 조건을 지우고 전체 보기"라고만 적혀 있으면 이 문의는 오지 않아요. 문의가 한 건 오면 말없이 나간 손님은 그보다 훨씬 많다고 보는 게 맞아요.
장면 3 · 사장님 본인이 관리자 화면을 보고 있다
“매출 화면이 계속 0으로 떠 있는데, 진짜 0인지 안 불러온 건지 모르겠어요.”
손님 화면만 챙기고 사장님이 매일 보는 화면의 빈 상태를 대충 만든 경우예요. 매일 열어 보는 화면이니 오히려 여기가 더 중요해요. 0이면 "오늘 아직 주문 없음", 못 가져왔으면 "지금 숫자를 못 가져왔어요. 다시 시도"로 갈라 놓으세요.
자주 하는 실수 네 가지
| 실수 | 손님이 받는 느낌 | 대신 이렇게 |
|---|---|---|
| 아무것도 안 그리고 흰 여백만 남긴다 | "고장 났다. 나가야겠다" | 한 문장이라도 적어 둬요. 한 문장이 없는 것보다 열 배 낫습니다 |
| 큰 그림과 문구는 넣었는데 버튼이 없다 | "그래서 나는 뭘 해야 하지?" | 누를 것 하나를 꼭 붙여요 |
| "데이터가 존재하지 않습니다"처럼 딱딱하게 쓴다 | "뭔가 잘못된 상태구나" | 사람 말로 써요. "아직 첫 예약이 없어요" |
| 화면마다 다른 말투로 아무렇게나 쓴다 | 만든 사람이 대충 만들었다는 느낌 | 네 줄 순서를 정해 두고 모든 화면에 같은 틀로 써요 |
네 번째가 은근히 커요. 어떤 화면은 "항목이 없습니다", 어떤 화면은 "텅 비었어요", 어떤 화면은 아무 말도 없으면 손님은 이유를 짚지 못한 채 어설프다고 느껴요. 문구는 클릭해서 편집으로 나중에도 고칠 수 있으니, 한 번 틀을 정해서 쭉 통일하는 게 이득이에요.
자주 묻는 것
- Q. 손님이 없는 게 티 나는 게 창피한데, 그냥 아무것도 안 보여주면 안 되나요?
- 비었다는 걸 감추면 '없음'이 아니라 '고장'으로 읽혀요. 손님은 후기 0개인 가게보다 화면이 이상한 가게를 훨씬 무서워해요. 숫자를 굳이 크게 쓰지 않고 "첫 후기를 기다리고 있어요"처럼 적으면 창피할 일이 전혀 아니에요.
- Q. 화면 채우려고 예시 후기나 가짜 주문을 미리 넣어 두면 어때요?
- 진짜처럼 보이는 가짜는 위험해요. 손님을 속이는 일이고, 진짜 후기와 섞이면 나중에 골라내기도 어려워요. 넣을 거면 "예시"라고 눈에 보이게 표시하세요. 후기 다루는 원칙은 후기 문서에 있어요.
- Q. 이걸 제가 직접 만들어야 하나요?
- 만들 때 요청에 한 줄 덧붙이면 같이 나와요. "주문 목록이 비었을 때 안내 문구와 링크 복사 버튼도 넣어 주세요"처럼요. 요청을 잘 쓰는 법은 프롬프트에 있어요. 이미 만들어 둔 화면이면 문구만 고쳐도 대부분 해결돼요.
- Q. 빈 화면을 어떻게 확인해요? 제 화면에는 이미 연습 데이터가 있는데요.
- 로그인하지 않은 상태로 한 번 들어가 보는 게 가장 정확해요. 다른 브라우저나 시크릿 창을 쓰면 첫 방문자와 같은 상태가 돼요. 오픈 전에 볼 것들은 게시 전 점검에 정리돼 있어요.
- Q. 검색 결과가 없을 때 다른 상품을 대신 보여주는 건 어때요?
- 좋은 방법이에요. 다만 찾던 것과 아주 동떨어진 걸 들이밀면 역효과예요. 인기 상품 세 개 정도, 그리고 "조건 지우고 전체 보기" 버튼을 같이 두면 충분해요.
- Q. 문구는 몇 자쯤이 적당해요?
- 제목 한 줄, 설명 한두 줄, 버튼 하나. 빈 화면은 읽으러 온 자리가 아니라 나가려는 사람을 붙잡는 자리라서, 길면 안 읽고 나가요.
확인해 보세요
주문 목록 화면인데, 연결이 잠깐 끊겨 주문을 못 불러왔어요. 화면에 뭐라고 떠야 할까요?
하나 더
오픈 첫날, 후기 목록이 비어 있어요. 가장 좋은 화면은?
직접 해보기
만들 때 한 줄만 덧붙여 보세요
에이전트 스튜디오에서 만들 때 "목록이 비었을 때 보여줄 안내 문구와 버튼도 만들어 주세요"라고 한 줄 더 적으면 함께 나와요. 이미 만들어 둔 화면이 있으면 그 화면의 문구를 눌러 고쳐 봐도 좋아요. 지금 안 만들고 눈으로만 봐도 충분해요.
에이전트 스튜디오 열기더 깊이 (안 읽어도 괜찮아요)
왜 만드는 쪽은 이걸 자꾸 잊나 · 만드는 동안에는 화면에 늘 연습용 데이터가 채워져 있어요. 그래야 모양이 제대로 보이니까요. 그래서 만든 사람이 가장 자주 본 상태와 손님이 처음 만나는 상태가 정반대가 돼요. 오픈 전에 로그인하지 않은 상태로 한 바퀴 돌아보는 습관이 이 격차를 메우는 가장 싼 방법이에요.
0건과 실패는 화면 뒤에서도 다른 신호예요 · 화면 뒤에서는 "목록을 0개 받았다"와 "아예 못 받았다"가 서로 다른 신호로 도착해요. 만드는 쪽에서 그 둘을 갈라 두면 화면도 자연히 갈라집니다. 개발하는 사람에게 "빈 목록과 불러오기 실패를 다르게 보여 주세요"라고 말하면 무슨 말인지 바로 알아들어요.
빈 화면은 사실 첫 사용법 안내예요 · 잘 만든 빈 화면은 설명서 역할을 해요. 처음 들어온 사람은 어차피 아무 데이터도 없는 상태니까, 그 순간이 "여기서 무엇부터 하면 되는지" 알려 줄 가장 좋은 자리예요. 그래서 빈 화면을 사고 대비가 아니라 첫 안내 화면으로 취급하는 곳이 늘고 있어요.
이것만 기억하세요
- ·빈 화면은 만들다 남은 자리가 아니라 손님이 처음 만나는 화면이에요
- ·말 없는 빈칸은 "아직 없음"이 아니라 "고장"으로 읽혀요
- ·아직 없음·결과 0건·못 불러옴·불러오는 중은 서로 다른 화면이에요
- ·빈칸에는 무슨 자리인지, 왜 비었는지, 누를 버튼 하나를 적어요
- ·오픈 전에 로그인 안 한 상태로 들어가 빈 화면을 직접 보세요