AI 제품 디자인
AI가 만든 화면을,
신뢰할 수 있는 제품으로
AI가 만든 화면을 진단하고, 사용성과 신뢰를 갖춘 앱으로 완성합니다. 시각적 판단부터 사용자 흐름, DESIGN.md, AI 검수까지 연결합니다.
강의 준비 중, 상세 편성과 일정은 확정 후 안내합니다.
강의에서 배우는 것 ↓왜 어색한지 설명하고, 어떻게 고칠지 AI에 지시할 수 있게 됩니다.
AI스러운 스타일은 바뀌어도 좋은 경험을 판단하는 기준은 남습니다. 특정 색이나 장식을 금지하는 데서 끝내지 않고, 내 제품의 맥락과 사용자에게 맞는 선택을 연습합니다.
제품 경험 진단서
화면과 흐름의 문제를 관찰하고, 먼저 고칠 문제 세 가지와 근거를 정리합니다.
개선된 화면과 사용자 흐름
타이포그래피, 여백, 색상을 조율하고, 로딩, 오류, 빈 화면까지 연결합니다.
AI가 따르는 디자인 기준
DESIGN.md, 토큰과 컴포넌트, 수정 요청과 검수 체크리스트를 만듭니다.
진단 결과로 다음 강의를 선택하세요
어색함, 혼란, 불신은 AI 제품 디자인에서, 가치 전달, 결제, 반복 사용은 Business UX에서 이어서 개선합니다.
두 강의는 독립적으로 들을 수 있으며 진단 결과로 순서를 선택합니다.
강의에서 배우는 것
개편 방향, 세부 챕터와 클립은 준비 중입니다.
01내 앱의 제품 경험 진단하기
가치, 이해, 사용성, 신뢰를 확인하고, 관찰과 추측을 나눠 개선 우선순위를 정합니다.
02좋은 제품 경험과 신뢰의 원칙 배우기
정보 위계, 인지 부하, 일관성, 예측 가능성을 실제 화면에서 비교합니다. 서비스 분야에 따라 필요한 신뢰 신호를 살펴봅니다.
03사용자 흐름과 화면 상태 설계하기
입력에서 결과까지 다음 행동이 보이는 흐름을 만들고, 로딩, 오류, 빈 화면, 완료 피드백을 설계합니다.
04내 제품에 맞는 시각적 방향 만들기
타이포그래피, 여백, 색상을 하나씩 비교하고 조율합니다. 레퍼런스의 원리를 읽고 내 서비스에 맞는 인상을 선택합니다.
05디자인 시스템으로 기준 고정하기
선택한 컬러, 타입, 간격을 토큰과 컴포넌트로 정리하고, 여러 화면과 반응형 상태에 일관되게 적용합니다.
06AI가 디자인 기준을 따르게 만들기
DESIGN.md와 레퍼런스, 수정 근거를 Claude Code에 전달하고 디자인 하네스에 연결합니다.
07구현된 제품을 검수하고 개선하기
스크린샷과 실제 기기에서 결과를 비교합니다. 작은 화면, 실제 콘텐츠, 인터랙션을 검수하고, 수정과 재확인을 반복합니다.
이런 분에게 맞습니다
- AI로 화면을 만들었지만 왜 어색한지 설명하기 어려운 제작자
- 디자인 경험 없이 자신의 앱을 읽기 쉽고 신뢰감 있게 다듬고 싶은 분
- 자신의 디자인 판단을 AI에 전달하고 싶은 디자이너
수강 전에 궁금한 점
디자인을 처음 배워도 되나요?
글자, 여백, 색상을 직접 비교하는 기초 실습부터 시작합니다. 자신의 앱이 없으면 제공 예제로 판단과 개선을 연습하도록 준비하고 있습니다.
디자인 시스템도 다루나요?
다룹니다. 원하는 경험과 시각적 방향을 정한 뒤, 이를 토큰, 컴포넌트, DESIGN.md로 유지하는 과정에 포함합니다.
Business UX와 무엇이 다른가요?
이 강의는 이해, 사용성, 신뢰, 완성도를 중심으로 합니다. Business UX에서는 가치 제안, 결제, 반복 사용, 추천과 성과 측정을 심화합니다. 두 강의는 제품 경험 진단 키트를 함께 사용합니다.
팔리고 다시 쓰게 만드는 비즈니스 UX
사용자가 이해하고 신뢰하는 경험을 결제, 반복 사용, 추천으로 연결하고 싶다면 이어서 살펴보세요.
관련 강의 살펴보기 →