AI를 위한 UI 패턴과 UX

AI 기반 서비스가 확산되면서 기존의 클릭·폼 중심 UI 패러다임과 구별되는 새로운 상호작용 방식이 등장했다. Jakob Nielsen은 이를 세 번째 UI 패러다임 전환으로 정의했다. 일괄 처리(Batch Processing) → 명령 기반 상호작용(CLI/GUI) → 의도 기반 결과 명세(Intent-Based Outcome Specification) 순서다. 사용자가 세부 명령 대신 의도를 전달하면 AI가 결과를 생성하는 방식이며, 미래에는 이 방식과 기존 GUI를 혼합한 하이브리드 UI가 주류가 될 것으로 전망된다.

AI 서비스의 UI 패턴은 크게 네 가지로 분류된다. 첫째, Freeform UI는 자유로운 대화 형식의 패턴으로, ChatGPT 같은 완전한 채팅 구조(Conversational Structure)와 기존 서비스에 사이드 패널로 붙이는 Embedded Chat Panel 형태로 나뉜다. 둘째, Structured Input UI는 AI 기능을 특정 서비스에 내장해 버튼·옵션 형태로 호출하는 패턴이다. 셋째, AI-Generated Content를 화면 내에서 직접 표시하는 패턴, 넷째는 AI 에이전트가 자율적으로 작업을 수행하는 Agentic 패턴이다.

UX 관점에서는 몇 가지 핵심 요소가 강조된다. 쉬운 이해를 위해 초기 진입 시 예시 프롬프트나 코치마크 같은 온보딩 장치가 중요하다. 신뢰도 관리를 위해 AI 답변의 출처를 시각적으로 노출하거나(Perplexity 방식), 원본 문서 링크를 제공하는 방식이 쓰인다. 또한 AI의 한계와 불확실성을 미리 알려주는 기대치 관리가 신뢰와 직결된다. Google의 People + AI Guidebook이 강조하듯, AI는 기존 기능을 대체하거나 꼭 필요한 개선을 가져올 때에만 의미 있게 활용해야 한다.

핵심 내용

UI 패러다임 3단계: 배치→CLI/GUI→의도 기반(AI) 전환, 미래는 하이브리드
Freeform UI: 완전 대화형(ChatGPT형) + 기존 서비스에 내장하는 사이드 패널형
AI UX 핵심 요소: 쉬운 이해(온보딩) / 신뢰도 관리(출처 표시) / 기대치 관리(한계 고지)
AI 기능 추가 기준: 기존에 불가능했던 가치 있는 경험, 작업 단순화, 맞춤화 향상 등
프롬프트 엔지니어링 한계로 인해 구조화된 입력 UI와 자연어 대화의 혼합이 선호됨

관련 개념

AI 코딩 도구 활용 — AI를 개발 작업 자동화에 적용하는 사례
UI 컴포넌트 용어 — AI UI 패턴도 기존 컴포넌트 어휘 위에 새로운 패턴이 추가되는 구조
소셜 미디어와 기술 윤리 — AI 개인화 알고리즘이 소셜 미디어 문제와 연결되는 지점

생성형 AI를 실제 창작에 활용한 경험에서 UX 개선 요구 사항이 도출된다. ChatGPT(작문)와 Midjourney(이미지)를 조합한 네 컷 만화 제작 실험에서는 세 가지 UX 개선점이 발견됐다: ① 접근성 향상을 위한 정보 제공 — 비공식 자료 없이는 만족스러운 결과를 얻기 어려운 진입장벽, ② 프롬프트 미리보기 기능 — 결과를 보기 전까지 수정 방향을 알 수 없는 비효율적 반복 루프, ③ 사용 기록 저장·관리 — 대화 형식 인터페이스에서 과거 프롬프트와 결과를 찾아보기 어려운 문제. 특히 캐릭터 일관성 유지(Character reference 기능도 디테일 재현 한계)와 특정 영역 수정 시 의도하지 않은 요소 생성은 현재 생성형 AI 이미지 모델의 구조적 한계다.

GEONIQ — SEO+GEO 통합 AI 진단 도구: pxd가 개발한 GEONIQ(지오닉)은 기존 SEO(검색엔진 최적화)를 넘어 GEO(Generative Engine Optimization) 개념을 적용한 AI 검색 시대의 UX 진단 솔루션이다. ChatGPT, Gemini, Perplexity 같은 생성형 AI가 새로운 검색 표준이 됨에 따라, 콘텐츠가 AI에게 어떻게 이해되고 평가되는지가 핵심 경쟁력이 됐다. GEONIQ은 URL 하나 입력으로 80개 항목을 자동 진단하며, 주요 기능은 세 가지다. 첫째, AI 크롤러 접근성 체크 — robots.txt에서 GPTBot·ClaudeBot·PerplexityBot 등이 차단되어 있는지 자동 감지한다. 많은 사이트가 의도치 않게 AI 크롤러를 차단하고 있어 AI 검색 결과에 노출되지 못하는 경우가 발생한다. 둘째, GPT 기반 콘텐츠 품질 분석 — 제목-본문 관련성, 명확한 답변 구조, FAQ 형식 여부, 전문성·신뢰성 신호를 AI가 직접 평가하고 개선 방향을 제안한다. 셋째, 자동 실행 가이드 리포트 — 개발자가 아니어도 이해할 수 있는 명확한 개선 제안을 시각화한다. 백엔드는 Python + FastAPI(비동기 처리로 분석 시간 2분 이내), 프론트엔드는 React + TypeScript로 구현했다. pxd는 GEONIQ을 "검색에서 답변으로, 데이터에서 경험으로"라는 철학의 실천이자 AI 시대의 UX를 확장하는 실험으로 위치시킨다.

출처

AI를 위한 UI 패턴 — 2024-08-08, Sungi Kim
AI를 위한 UX 요소들 — 2024-08-20, Sungi Kim
더 편리한 창작을 위한 생성형 AI의 숙제 — 2024-11-01, 이원용
AI 검색 시대의 새로운 기준, GEONIQ(지오닉)을 소개합니다 — Seulbi Lee, pxd AI툴 이야기