인터랙션 엔지니어링 · 10 / 10

인터랙션 검수 체크리스트: 출시 전 두 번째 장

미학 편 마무리가 「보기 좋음」을 담당하는 첫 장을 냈다면, 이번 장은 「쓰기 좋음」을 담당하는 두 번째 장을 내요. 보기 좋음은 첫눈을, 쓰기 좋음은 그다음 매일을 담당해요. 게다가 인터랙션 병은 더 숨겨져 있어요: 스크린샷으론 안 보이고, 눌러 봐야 드러나요. 14항목, 항목마다 동작 하나—고개 끄덕이기 전에 한 번 도세요.

14항목 목록검수 연습세 장 이어가기함께 읽기
인터랙션 병은 검수할 때 어떻게 찾나요

미학 검수는 스크린샷으로 되지만, 인터랙션 검수는 손으로 눌러야 해요: 네트워크를 느리게, 목록을 비우고, 위험 버튼을 누르고, 플로우를 처음부터 끝까지. 아래 14항목이 그 동작 목록이고, 이 장 아홉 레슨 순으로 묶였어요. 각 항목을 그대로 반려 사유로 AI에게 보낼 수 있어요. 체크 진행은 로컬에 저장되니, 다음에 새 제품을 들고 이어서 쓰세요.

직접 해보기 · 인터랙션 검수 체크리스트: 14항목 한 바퀴
인터랙션 검수 체크리스트 0 / 14
상태 · 3항목
오류 방지와 되돌리기 · 3항목
플로우 · 2항목
관례와 컨트롤 · 3항목
카피 · 2항목
배려 · 1항목
현재 브라우저가 로컬 저장을 막았어요(사생활 모드일 수 있어요). 체크는 되지만 새로고침 후 진행이 저장되지 않아요.

마지막 항목의 출처: 《About Face 4》 8장은 좋은 소프트웨어를 배려하는 사람에 비유하며 배려 체크리스트를 적어 두었고, 「기억 좋음」이 그중 가장 수고 적고 효과 큰 항목이에요. 한 번 고른 도시·한 번 쓴 계산서 제목을 다시 쓰게 하면 소프트웨어가 기억상실을 연기하는 셈이에요.

검수 연습 · 이 페이지에 인터랙션 사고 다섯 곳

목록은 차갑고, 연습은 뜨거워요. 아래 클라우드 노트 앱은 「AI 한 방에」실력을 그대로 옮긴 것이고, 인터랙션 사고 다섯 곳이 이 장 다섯 레슨의 지뢰를 밟아요. 방금 목록을 지도 삼아, 찾으면 누르세요.

인터랙션 사고 다섯 곳 찾기 0 / 5
힌트: 피드백 방식, 버튼 위치, 플로우 단계 수, 컨트롤 생김새, 버튼 카피—각 한 곳씩 사고가 있어요.
notes.example.com
내 노트 전체 선택 전부 비우기
주간 회의록 0810
어제 22:41 · 1.2k자
업무
독서 발췌: 인터랙션 디자인 정수
토 09:15 · 3.4k자
독서
장보기 목록
금 18:02 · 0.1k자
생활
새 노트 · 1단계 / 총 4단계: 노트 유형 선택
다음 더블클릭으로 이 페이지 공유
작업이 완료됨
요청이 시스템에 의해 처리되었습니다
확인
가장 눈에 띄는 것부터 누르세요. 못 찾으면 목록의 해당 그룹을 다시 보세요.
배려 빠른 판정 · 8장 세 문제

배려 항목을 펼치면 8장 전체 목록이에요: 배려하는 소프트웨어는 선호를 챙기고, 부탁에 응하고, 기억이 좋고, 자기 문제로 사용자를 괴롭히지 않아요. 실제 장면 셋—배려인지 실례인지 판정하세요.

배려인가 실례인가 0 / 3
퀴즈: 반려 사유는 어떻게 쓰나요
검수 미달로 반려할 때, 어느 사유가 AI가 가장 정확히 고칠까요 객관식
A인터랙션이 별로예요. 좀 더 최적화해 주세요
B삭제에 되돌리기가 없고 확인 창만 있어요. 바꾸기: 즉시 실행 + 5초 되돌리기 toast + 휴지통 30일
CUX를 개선해야 해요. 대기업 제품을 참고하세요
D통째로 다시 만들고, 이번엔 디테일에 신경 쓰세요
세 장으로 출시 전 한 세트

여기까지 세 특집의 세 장이 모였어요: 미학은 보기 좋음, 인터랙션은 쓰기 좋음, 심리학은 느낌. 출시 전 순서대로 도세요—어느 것도 서로를 대신하지 않아요.

회고 · 9레슨을 세 문장으로
알아보기

1~5레슨의 네 손잡이: 상태 3종 세트가 갖춰졌는지, 위험 작업이 되돌릴 수 있는지, 플로우를 한 단계 더 자를 수 있는지, 이상한 인터랙션을 발명했는지. 쓰기 좋은 제품인지 보려면 이 순서로 눌러 보세요.

디테일

6~7레슨은 화면 부품을 짚어요: 배타 라디오 버튼, 다중 체크박스, 즉시 반영 토글, 한 화면 넘을 때만 드롭다운; 버튼 동사는 결과를, 라벨은 사용자 말로.

번역

8~9레슨은 요구를 AI에게 써 줘요: 요구는 인물+목표+장면으로, 스펙은 다섯 상태를 빠짐없이·엣지 케이스를 못 박고·오류 방지를 분명히—둘이 합치면 완전한 프롬프트예요.

함께 읽기 · 이 장에서 바깥으로
《About Face 4: 인터랙션 디자인의 정수》(Alan Cooper 외)
이 장의 모본이에요. 이번엔 17장만 읽지 마세요: 1~4장의 목표 지향 방법, 8장의 배려 목록, 11~15장의 편성과 오류 처리도 통째로 볼 만해요.
《Don't Make Me Think》(Steve Krug)
가장 얇은 사용성 고전(중국어판 《点石成金》). 핵심은 제목 그 문장이에요. 두 시간이면 읽고, 이 장의 플로우 절제 레슨과 함께 보세요.
《Microinteractions》(Dan Saffer)
하나의 인터랙션을 트리거·규칙·피드백·루프 네 단으로 쪼개요. 이 장이 말한 상태와 피드백의 더 가는 눈금을 여기서 찾을 수 있어요.
원칙과 도구
사십 년을 써도 안 낡은 검수 틀이에요. 이 장 목록의 많은 항목이 하나씩 대응돼요.
대기업이 로딩·되돌리기·확인 패턴을 어떻게 정하는지—관례의 표준 답안집이에요.
핵심 요점

인터랙션 검수는 손으로 눌러야 해요: 네트워크를 느리게, 목록을 비우고, 위험 버튼을 누르고, 끝까지 걸으세요. 스크린샷으론 인터랙션 병이 안 보여요.

14항목을 반려 문구로 쓰세요: 미달 항목 원문을 AI에게 보내면 「좀 더 최적화」보다 열 배는 빨라요.

세 장을 한 세트로: 보기 좋음(미학 편)·쓰기 좋음(이번 장)·느낌 좋음(심리학 편), 출시 전 순서대로.

콘텐츠 출처: 샤오산 아카데미 「인터랙션 엔지니어링」 특집 오리지널. 배려하는 소프트웨어 목록은 《About Face 4: 인터랙션 디자인의 정수》 8장, 나머지 판정 근거는 각 레슨(Alan Cooper 외).