AI와 UX/UI 기획: 실무 사례와 기획자의 역할 변화

1. UX/UI 디자인을 위한 AI 도구 활용

UX/UI를 자동화할 수 있는 creatie.AI 도구와 그 활용법을 실습하는 시간이었다. galileo.ai 는 내 기준에서 다루기엔 좀 어려웠다. 하지만 creatie.ai 는 보기 좋은 인터페이스와 프롬프트를 입력하면 빠르게 나오는 결과물 바로 캔버스에서 간편한 수정이 가능하다는 점에서 좀 더 사용하기 편했다.

(1) AI 기반 UX/UI 디자인 도구 소개

• Creatie: UX/UI 디자인을 자동으로 생성하는 AI 도구. 기존 디자인 툴(Figma, Adobe XD)과 차별화된 AI 기반 디자인 기능을 제공.
• Product Hunt: 최신 AI 기반 앱과 서비스를 소개하는 플랫폼. 신생 스타트업의 UX/UI 사례를 연구할 수 있음.
• Galileo AI: Figma와 연동되어 AI를 활용한 프로토타이핑 지원.
• Uizard: 초보자도 쉽게 사용할 수 있는 텍스트 기반 UI 자동 생성 도구.

(2) 유저 플로우(User Flow) 개념 및 작성

• 유저 플로우(User Flow): 사용자가 특정 목표를 달성하는 과정에서 거치는 단계를 시각적으로 표현한 것.
• 실습 예제: 사용자가 10만 원을 부모님 계좌로 송금하는 과정을 유저 플로우로 작성.
  1. 앱 실행
  2. 로그인 및 계좌 연결
  3. 송금 요청 (금액 입력)
  4. 보안 인증 (비밀번호, 생체 인증)
  5. 송금 완료 메시지 표시

2. AI 기반 UI 자동 생성 실습

AI 도구를 활용하여 유저 플로우 기반 UI를 자동 생성하는 실습을 진행했다.

(1) Creatie 활용 방법

• Text-to-UI 기능: 텍스트 기반으로 UI를 자동 생성.
• 생성 과정: New File → AI 탭 → Generative UI → 텍스트 프롬프트 입력.
• 효과적인 프롬프트 작성법:
  • “은행 앱 스타일의 간단한 송금 화면을 만들어줘. 계좌 선택, 금액 입력, 송금 버튼이 포함되어야 해.”
  • “어두운 테마의 결제 UI를 생성해줘. 입력 필드는 카드 번호, 만료일, CVC를 포함해야 해.”

3. AI 기반 UI 생성 도구 사용 경험 공유

각 수강생들이 Creatie 및 Galileo AI를 사용한 경험을 공유하며 개선점을 논의했다.

(1) 주요 피드백

• 프롬프트 작성이 어렵다: 원하는 UI를 얻기 위해 여러 번 수정해야 함.
• 이미지를 활용하면 도움이 될 수 있음: 하지만 여전히 보완이 필요.
• Galileo AI보다 Creatie가 사용하기 더 쉬웠음: 직관적인 인터페이스 제공.

(2) 해결 방법

• 프롬프트를 점진적으로 수정하며 원하는 결과를 찾아가기.
• 기존 앱 UI 캡처 이미지를 AI에 입력하여 참고 자료로 활용.
• AI가 생성한 UI를 직접 수정할 수 있도록 Figma, Sketch 등과 연동.

4. CRUD 개념 학습 및 UX/UI 디자인 적용

소프트웨어 개발에서 가장 기본적인 CRUD 개념을 코치님이 잠깐 언급하셔서 찾아봤다.

(1) CRUD란?

• Create (생성): 데이터를 추가하는 기능.
• Read (읽기): 기존 데이터를 조회하는 기능.
• Update (수정): 데이터를 변경하는 기능.
• Delete (삭제): 데이터를 제거하는 기능.

(2) UX/UI 디자인에서 CRUD 적용

• 송금 기능 예시
  • Create: 새로운 송금 요청 생성.
  • Read: 사용자가 기존 거래 내역 조회.
  • Update: 송금 금액을 수정.
  • Delete: 송금 요청을 취소.
• UI 디자인에서 CRUD 반영
  • 직관적인 입력 필드 제공.
  • 데이터 조회 기능 강화.
  • 수정 및 삭제 기능을 신중하게 배치하여 사용자 실수 방지.

5. MVP 기획서 개선 및 유저 플로우 보완

MVP 기획서의 문제와 솔루션을 선정하여 유저 플로우를 보완하는 작업을 진행했다.

(1) 주요 피드백

• 솔루션의 고질적인 문제를 더 깊이 분석할 필요가 있음.
• 기획자는 추가하는 것뿐만 아니라 불필요한 기능을 제거하는 것도 중요함.
• 기존 화면과 비교하여 개선된 부분을 명확히 정리해야 함.

(2) 나의 MVP 기획서 수정 방향(노션으로 제작)

• 5번 ‘현 상태 정리’ → ‘주요 기능’으로 변경
• 6번과 7번 사이에 유저 플로우 추가
• 솔루션은 표 형식으로 정리

6. 사업기획의 시대별 변화 및 AI 사업기획 트렌드

사업기획자의 역할 변화와 AI 시대의 요구 역량을 학습했다.

(1) 사업기획의 시대별 키워드 변화

• 1990년대: 인터넷의 부상 → 검색 기술 발전.
• 2000년대 초반: 소셜 네트워크 & 모바일 혁명.
• 2010년대: 플랫폼 경제 확산 → AI, 빅데이터 활용 증가.
• 2020년대 초반: 메타버스 & 블록체인.
• 2020년대 중반: AI의 전성기 → 초거대 AI 모델 상용화.

(2) AI 기업에서 요구하는 사업기획 역량

• 데이터 리터러시 & 데이터 시각화.
• 노코드/로우코드 기반 자동화 활용 (Zapier, Make 등).
• AI 서비스 기획 능력 & 프로그래밍 기초 지식 (Python, SQL 등).
• UX/UI 설계 협업 능력.

(3) AI 사업기획 절차 및 기획 프로세스

• AI 비즈니스 기획의 전반적인 흐름과 실무 적용법을 학습했다.

AI 사업기획 절차

1. 아이디어 발굴 → 문제 정의.
2. 사업 모델 정의 → 수익 구조 수립.
3. 시장 조사 → 경쟁사 분석, TAM/SAM/SOM.
4. 프로토타입 개발 → 최소 기능 포함.
5. 운영/출시 계획 → 실사용자 테스트.
6. 테스트 및 검증 → 성과 분석 및 모델 개선.
7. 실행 및 런칭 → 지속적인 최적화.

기획자의 역할

• 문제 정의 → 데이터 수집 → AI 모델 학습 → 평가 및 검증 → 운영 및 모니터링.
• 기능 추가뿐만 아니라 불필요한 요소를 제거하는 능력 중요.

7. 회고(KPT & TIL)

Keep (유지할 점)

• AI 도구를 적극 활용하여 기획과 디자인 자동화.
• UX/UI 개선을 위한 반복적 피드백 반영.
• 기획 시 데이터 기반 의사결정을 최우선으로 고려.

Problem (개선할 점)

• 프롬프트 최적화에 대한 연구 필요.
• 유저 플로우 설계에서 실패 케이스 및 예외 처리 강화.
• 실무에서 적용 가능한 프로토타입 개발 프로세스 구체화.

Try (다음에 시도할 점)

• Zapier 및 노코드/로우코드 자동화 실습.
• AI 기반 UX/UI 도구의 최적화된 활용 방법 연구.
• 실제 프로젝트에 적용할 수 있는 UX/UI 디자인 제작.

AI 시대에서 기획자로서 어떤 역량이 필요한지 고민이 많았다. AI 자동화가 빠르게 발전하면서 UX/UI 기획자의 역할이 점점 더 기술적 이해를 요구하는 방향으로 변하고 있다. 단순히 기획을 넘어 데이터 분석, 프로토타입 제작, AI 모델 운영까지 폭넓은 역량이 필요하다. 하지만 기획자는 다양한 시야와 관점을 가져야 하는 것 같았다. 앞으로의 트렌드 분석 어떤 방향성을 가지는지 등.. 앞으로는 AI 기반 서비스 기획에서 차별화된 강점을 갖추기 위해 더 깊은 연구와 실무 경험이 필요할 것이다.

 

이번 학습을 통해 AI 기반 UX/UI 기획의 흐름을 이해할 수 있었다. 하지만 여전히 실무에서 어떤 방식으로 AI를 활용해야 할지 명확하지 않은 부분이 있다. 내일은 Zapier 같은 자동화 도구를 실습하며 업무 자동화를 경험해본다. 처음 접해보는 분야라 많이 어렵지만 그래도 하루하루 발전하는 게 조금은 느껴지는 것 같다.