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

목표 지향: 기능 목록이 아니라 목표로 요구사항을 말하세요

앞 일곱 강은 좋은 인터랙션을 알아보는 법이고, 이 두 강은 요구를 AI에게 번역하는 법이에요. 첫 번역 심법은 About Face 4 개요 방법론에서 와요: 사용자가 누구이고 뭘 끝내야 하는지 먼저 말하고, 기능은 AI가 스스로 도출하게 하세요. 목록을 주면 창구를 받고, 장면을 말하면 도구를 받아요.

목표 vs 과제페르소나상황 시나리오프롬프트 대결
기능 목록은 어떻게 속이나

AI에게 요구할 때 대부분 첫 반응은 기능 나열이에요: 「업로드 있어야 하고, 폼 있어야 하고,보내기 있어야 한다」. 목록은 전문적으로 보이지만 제일 중요한 정보를 빼먹어요: 이 기능들이 모여서, 대체 누구를 도와 뭘 끝내나. AI는 항목별로만 할 수 있어요—항목은 다 됐는데, 합치면 누구의 문제도 안 풀려요.

About Face 4 1장은 이걸 방법론의 기반으로 잡아요: 인터랙션 디자인은 먼저 사용자 목표를 연구하고, 목표에서 기능을 도출해요. Cooper는 목표와 과제가 다르다고 강조해요: 목표는 최종 상태에 대한 기대이고, 과제는 목표에 이르는 중간 단계일 뿐. 목표는 수십 년 안 바뀌고(경비 제출, 상사에게 끝났다고 알리기), 과제는 몇 년마다 바뀌어요(영수증 붙이기 → 사진 OCR). 과제로 요구하면 AI는 옛 과제의 전자 버전을 주고, 목표로 요구해야 과제 자체를 없앨 기회가 생겨요.

「사용자 목표와 요구를 직접 연구하고 충족하는 이 방법을 목표 지향 디자인이라 부릅니다.」
Alan Cooper, About Face 4 1장. 누구를 위해·왜를 먼저 묻고, 그다음 무엇을.
대결 · 같은 요구, 프롬프트 두 가지

같은 경비 도구예요. 왼쪽은 기능 목록을 AI에게, 오른쪽은 페르소나와 장면을 AI에게 먹여요. 아래는 프롬프트 두 개와 각자 돌려준 UI. 판정은 아직 보지 말고, 직접 고르세요: 매월 말에 어느 쪽을 쓰고 싶나요?

기능 목록 vs 목표 장면 한쪽을 고르세요
위는 AI에게 준 프롬프트, 아래는 돌려받은 UI. 실제로 쓸 쪽을 누르세요.
프롬프트 A · 기능 목록
// 기능을 항목별로 경비 페이지를 만들고, 다음이 있어야 함: 영수증 업로드, 금액 입력, 카테고리 드롭다운, 메모, 승인자 선택, 제출 버튼, 이력 표, 필터, Excel보내기.
oa.example.com/expense
경비 관리
파일 선택(선택 안 됨)
금액을 입력하세요
선택하세요 ▾
메모를 입력하세요
선택하세요 ▾
제출 초기화 Excel보내기
이력금액상태
2026-07 택시비¥86.00승인됨
2026-06 사무용품¥219.00승인됨
프롬프트 B · 목표 장면
// 페르소나와 장면을 말함 사용자는 영업 샤오메이, 매말마다 택시 영수증을 쌓아 둠. 목표: 3분 안에 경비 정산을 끝내고, 하던 일을 끊지 않기. 장면: 영수증 사진을 끌어다 놓으면 시스템이 금액·카테고리를 자동 인식, 한눈 확인하고 제출, 「제출됨—예상 3일 내 입금」을 봄.
oa.example.com/expense
1 영수증 끌어다 놓기2 확인3 완료
영수증 사진을 여기로 끌어다 놓으세요
일괄 가능, 금액·카테고리 자동 인식
택시 영수증 · ¥86.00
「교통」으로 인식됨—틀리면 눌러 수정 인식됨
확인하고 제출
제출 후 5분 안에 취소할 수 있어요

디테일 하나: B 프롬프트엔 컨트롤 이름이 하나도 없는데, 결과엔 드래그 앤 드롭·자동 인식·취소가 나와요—A 목록엔 없던 것들이죠. 기능은 목표에서 자라요. 토양을 충분히 주면 AI가 스스로 열매를 맺어요.

먼저 구분 연습: 목표인가, 과제인가

목표로 요구하려면 먼저 목표를 알아봐야 해요. 판정 기준은 하나, 1장에서: 목표는 도착 상태, 과제는 도착으로 가는 단계. 「이건 뭘 위해서?」를 물어 답이 나오면 과제, 답이 안 나오면(그게 답 자체면) 목표. 여섯 줄, 하나씩 판정하세요.

목표인가 과제인가 0 / 6
각 문장에 「뭘 위해서?」를 묻고 판정하세요.
여섯 줄을 다 판정하면 여기에 요약이 나와요.
페르소나: 누구를 위해 디자인하면, 그 이름을 쓰세요

목표엔 주인이 있어야 해요. 3장의 도구는 페르소나예요: 실제 사용자에서 이름·직업·목표가 있는 구체적 사람을 추출하고, 디자인 취사선택은 전부 그를 심판으로 삼아요. Cooper가 반복해 두드리는 포인트: 각 화면은 주 페르소나 한 명만 섬기세요. 모두를 기쁘게 하려 하면 UI는 뭐든 조금씩 놓인 창구가 되고, 오는 사람마다 한참 찾아야 해요.

샤오메이
영업 · 매월 경비 한 번
목표: 3분 안에 경비 정산, 영업 추적을 끊지 마세요.
주 페르소나
라오저우
재무 · 하루 수십 건 심사
목표: 문제 건을 한눈에 보고, 문제 없는 건은 일괄 처리.
부 페르소나
다리우
이사 · 늘 출장
목표: 다통화 영수증, 내가 직접 환산하지 않게.
부 페르소나

부 페르소나 요구도 할 수 있어요—다만 주 페르소나를 밀지 않는 구석에만. 못 믿겠으면 아래 실험이 「모두를 조금」의 결과를 보여 줘요.

욕심 실험: 사용자 한 명 더 챙기기 챙긴 사람 1명
샤오메이의 경비 홈이에요. 버튼을 누를 때마다 새 사용자 요구가 끼어들어요.
oa.example.com/expense
경비
승인 작업대(라오저우용): 대기 23건 · 이상 2건 · 일괄 승인 · 반려 사유 라이브러리
환율 센터(다리우용): USD 7.18 · EUR 7.82 · JPY 0.048 · 과거 환율 곡선
영수증 사진을 여기로 끌어다 놓으세요
팀 리포트(매니저용): 이번 달 부서 경비 ¥42,190 · 전년 대비 +18% · 상세 보기
확인하고 제출
영수증 보관 인쇄(총무용): 월별 제본 · 표지 생성 · 프린터 연동
지금 페이지 전체가 샤오메이만 섬겨요: 끌어다 놓기·확인·제출, 3분 목표가 단단해요.
시나리오: 페르소나가 종이 위에서 제품을 한 바퀴

페르소나와 목표가 자리 잡으면 4장의 마지막 도구는 상황 시나리오예요: 기술 얘기 없이, 컨트롤 이름 없이, 이야기처럼 이 사람이 처음부터 끝까지 목표에 이르는 길을 쓰세요. 장면을 쓰면 꼭 필요한 기능과 상상만의 기능이 스스로 떠올라요. AI에게 먹이기 제일 좋은 형식이기도 해요: 이야기를 읽고, 빠진 부품도 채워 줘요.

아래는 전형적인 기능 목록, 네 줄 모두 「뭐가 있어야」예요. 하나씩 눌러, 장면 언어로 번역된 모습을 보세요.

시나리오 고쳐쓰기 0 / 4
각 줄을 눌러 기능어가 장면어로 바뀌는 걸 보세요. 네 줄이 끝나면 바로 쓸 수 있는 프롬프트를 드려요.
1 기능어회의실 예약 기능이 있어야 하고, 시간 필터 지원
2 기능어캘린더 뷰와 리스트 뷰 전환이 있어야 함
3 기능어회의 알림 푸시 설정이 있어야 함
4 기능어예약 취소와 일정 변경 기능이 있어야 함
조립된 시나리오 프롬프트
사용자는 총무 아저. 매주 세 팀에 회의실을 잡아 줘야 하고, 목표는 10초 안에 쓸 수 있는 방을 잡고, 잘못 잡으면 바로 고치는 것. 장면을 한 바퀴: 시간과 인원을 말하면 시스템은 지금 예약 가능한 방만 보여 줌; 예약한 뒤 이번 주 일정을 한눈; 회의 전에 딱 맞는 알림 하나; 동료가 일정을 바꾸면 원본 기록에서 한 번에 고치고, 취소 후 재예약은 안 함. UI 상태(로딩·빈·오류)와 컨트롤은 당신이 정하되, 아저의 10초 목표 달성이 기준.
각 번역의 공통점: 주어가 「시스템」에서 「사람」으로 바뀌어요.
퀴즈: AI에게 먹이기 제일 좋은 요구는?
가계부 앱의 「한 건 기록」 화면을 만들 때, 어느 요구가 제일 좋아요? 객관식
A금액 키패드, 분류 격자, 날짜 선택, 메모 칸, 저장 버튼이 있어야 함
B인기 가계부 앱을 참고해 「한 건 기록」 화면을 만들고, 좀 더 예쁘게
C사용자는 직장인. 목표는 커피 줄 서서 기다리는 사이 5초에 한 건을 끝내는 것. 자주 쓰는 분류는 몇 개뿐, 두 번 탭이면 끝이면 좋음
D페이지를 세 구역으로: 위는 금액, 가운데는 분류, 아래는 큰 저장 버튼
핵심 요점
✓

목표는 도착점, 과제는 단계: 「뭘 위해서?」에 답이 나오면 과제. 목표로 요구해야 AI가 남는 과제를 통째로 없앨 기회가 생겨요.

✓

한 화면은 주 페르소나 한 명만: 부 페르소나 요구는 구석에. 모두를 챙기려는 UI는 결국 누구도 쓰기 불편해요.

✓

AI에게 제일 좋은 형식은 시나리오: 페르소나 + 목표 + 처음부터 끝까지 이야기. 컨트롤과 상태는 스스로 도출하게 하고, 당신은 목표 달성만 검수하세요.

✓

템플릿 한 줄: 「사용자는 ＿＿, 목표는 ＿＿. 장면을 한 바퀴: ＿＿. UI 디테일은 당신이 정하되, 사용자 목표 달성이 기준.」

콘텐츠 출처: 샤오산 아카데미 「인터랙션 엔지니어링」 특집 오리지널; 목표 지향 디자인·페르소나·상황 시나리오 방법은 About Face 4: The Essentials of Interaction Design 1·3·4장(Alan Cooper 외)에서 정리.