키스크린과 인터랙션 프레임웍

키스크린(Key Screens)은 UI 프로젝트에서 리서치·분석의 결과가 비로소 구체적 화면 형태로 드러나는 지점이다. 이때부터 기획·개발·디자인 부서가 본격적으로 논의를 시작할 수 있어, 고객은 흔히 키스크린 등장 시점을 '본격적 프로젝트 시작'으로 인지한다. 그러나 설득 논리 없이 성급하게 키스크린을 그리면 이후 중심을 잡지 못하고 계속 흔들리게 된다.

키스크린 도출은 여섯 단계의 구조화된 접근으로 정리할 수 있다:

1. 사용자의 요구사항(from Personas) — 사용자의 Goal(경험/궁극/인생 목표)과 Needs(필요 기능 아이디어)를 도출. 화면 구성에 결정적 역할을 하는 것은 '궁극의 목표(End Goal)'이다. 2. 사업적 요구사항(Business Requirements) — 고객의 제작 목적, 기대 효과, 경쟁자, 전략적 초점. 프로젝트 방향성을 크게 좌우하며 초기 feature list가 존재할 수 있다. 3. 기술적 요구사항(Technical Requirements) — 기술 특성·수준과 일정의 제약. 기술적 한계가 오히려 구현 가능한 모습의 예측을 도와주기도 한다. 4. 인터랙션 프레임웍(Interaction Framework) — 사용자·사업·기술 세 축을 종합한 최초의 스케치. 키스크린보다 러프한 실루엣으로, '대략 이런 모습'의 뼈대·골격 역할을 한다. 특정 프레임웍을 선택하면 얻는 것과 잃는 것이 명확해지며, 고객·기술팀과의 협의·토론 대상이 된다. 5. Features(from Persona's Needs) — 필요 기능들을 퍼소나 Goal 기준의 중요도, 기술 검토, 비즈니스 관점 세 필터로 우선순위화하고 사용 시나리오와 함께 검토해 상충 관계를 파악한다. 6. Key Screens (4 + 5) — 인터랙션 프레임웍(뼈대) 위에 기능(살)을 얹어 키스크린이 완성된다. 키스크린이 탄탄하면 이후 flow는 자연스럽게 도출되고, 사용 시나리오의 연결 지점 역할을 한다.

핵심은 '인터랙션 프레임웍 단계를 건너뛰지 말 것'이다. 디테일에 치우치기 전, 세 축의 균형 속에서 가장 중요한 사용 scene을 만족시키는 화면 구조를 먼저 그려야 한다. 고객의 조급함에 밀려 곧바로 키스크린부터 그리면 설득 논리가 없어 프로젝트 내내 흔들린다.

핵심 내용

  • 키스크린: UI 프로젝트에서 리서치 결과가 구체적 화면으로 표현되는 전환점
  • 6단계 프로세스: 사용자 요구 → 사업 요구 → 기술 요구 → 인터랙션 프레임웍 → Features → Key Screens
  • 사용자 Goal 중 궁극의 목표(End Goal)가 화면 구성을 좌우
  • 인터랙션 프레임웍은 키스크린의 뼈대: 디테일 전에 구조부터 잡는 단계
  • 기술 제약은 한계이자 구현 가능 범위를 예측할 수 있게 하는 도구
  • 성급한 키스크린은 설득 논리 부재로 프로젝트 내내 흔들림

관련 개념

출처

최종 업데이트: 2026-04-07 | 출처 1개