상태 3종 세트: 로딩, 빈 상태, 오류 상태

AI에게 「노트 앱 하나 만들어 줘」라고 하면, 예쁜 가짜 데이터가 미리 깔린 화면을 내놓아요. 실제 사용자의 첫 화면에는 데이터가 없어요. 첫 검색은 타임아웃날 수 있고, 첫 동기화는 실패할 수 있어요. 그 순간을 어떻게 그릴지 AI는 스스로 안 떠올려요. 요구하지 않으면 전부 대충이에요.

지난 레슨의 배려 체크리스트가 여기서 전부 쓰여요. 빈 상태는 미리 내다보기를, 로딩은 제때 알리기를, 오류 상태는 자기 문제로 짐을 더하지 않기를 시험해요. 3종 세트를 하나씩 가요.

Cooper는 《About Face 4》 제 8장에서 도와주는 소프트웨어를 비유해요. 매장 직원에게 길을 물으면, 좋은 직원은 길만 알려 주는 게 아니라 더 이득인 선택도 짚어 줘요. 빈 상태는 사용자가 길을 묻는 순간이에요. 도착했는데, 그래서요? 텅 빈 화면은 직원이 어깨를 으쓱하는 것과 같아요.

좋은 빈 상태는 세 질문에 답해요. 여기가 뭔지, 지금 뭘 할 수 있는지, 하면 대략 어떤 모습인지. 앞의 둘은 한 문장과 버튼 하나로 해결되고, 세 번째는 예시 데이터나 템플릿이 필요해요. 아래 노트 앱 둘 다 첫 실행이에요. 더 배려한다고 생각하는 쪽을 눌러 주세요.

배려하는 소프트웨어는 제때 알려 줘요. 사용자가 관심 있는 진행은 보이게 해야 해요. 맨 스피너는 「바쁘다」만 전해요. 오 초가 지나면 사용자는 멈춘 건가 의심하기 시작해요. 스켈레톤 스크린은 콘텐츠 모양을 먼저 그려 「곧 오고, 오면 이런 모습」을 알리고, 진행 설명을 붙이면 불안이 크게 줄어요.

얼마나 기다릴 때 어떤 피드백을 줄지—그 세 단계 대기 심리는 심리학 부에서 이미 다뤘어요. 여기에 점프 카드만 두고, 다시 가르치진 않아요.

Cooper는 《About Face 4》 제 15장에서 오류 메시지에 대해 단호해요. 옛식 오류 대화상자는 사용자를 탓하거나 기술 장애를 떠넘기고, 대부분은 아예 나와선 안 돼요. 꼭 말해야 할 때는 세 가지를 분명히 하세요. 무슨 일, 왜 이런지, 지금 어떻게. 셋이 갖춰져야 사람 말이고, 「어떻게」가 빠진 오류 정보는 막다른 골목에 가두는 것과 같아요.

바닥선이 하나 더 있어요. 말투로 사용자를 탓하면 안 돼요. 제 15장의 원칙은 사용자 시선에 잘못이 없다는 거예요. 「잘못된 문자를 입력했습니다!」를 「여기에는 글자와 숫자만 쓸 수 있어요」로 바꾸면, 정보는 같고 태도는 천지 차이예요. 아래 동기화 실패 안내 둘 중 더 배려하는 쪽을 눌러 주세요.

3요소 공식을 베끼는 것만으로는 부족해요. 손맛을 익혀야 해요. 아래 오류 카피 세 줄은 AI 산출의 실제 수준이에요. 줄마다 「고쳐 쓰기」를 눌러, 약한 카피가 3요소로 어떻게 다시 쓰이는지 보고, 어디가 약했는지도 기억해 두세요.

3종 세트를 다 말했으니, 자가 점검 표로 마무리해요. 최근에 AI에게 만들게 한 페이지를 떠올리고, 아래 다섯 상태 중 만든 것만 체크하면 커버리지가 바로 나와요. 이 표는 AI에게 요구를 넣는 템플릿이기도 해요. 9레슨에서 표 전체를 프롬프트에 넣는 법을 배워요.

출처: 샤오산 아카데미 「인터랙션 엔지니어링」 특집 오리지널; 일부 인터랙션 원칙은 《About Face 4: 인터랙션 디자인의 정수》에서 정리했어요.