ChatGPT Claude Gemini
디자인 마이크로인터랙션 디자인 기획 프롬프트
마이크로인터랙션(Micro-interaction) 디자인을 기획하는 프롬프트입니다. 트리거-규칙-피드백-루프 구조, 상태 전환 애니메이션, 제스처 피드백, 로딩/성공/에러 상태 인터랙션, 접근성 고려사항까지 마이크로인터랙션 설계 방법론을 제공합니다.
빠른 답변
마이크로인터랙션 디자인 기획 프롬프트는 디자인 카테고리의 AI 프롬프트입니다. 첫 줄에 내 상황을 입력하면 ChatGPT, Claude, Gemini에서 바로 사용할 수 있는 맞춤형 지시문으로 변환해 복사할 수 있습니다.
원하는 내용을 입력하면 아래 고도화 프롬프트의 첫 줄만 내 상황에 맞게 바뀝니다.
[기획할 마이크로인터랙션의 제품/서비스명, 주요 UI 화면, 플랫폼, 타겟 사용자를 자유롭게 적어주세요]
당신은 인터랙션 디자인(Interaction Design) 및 모션 UX(Motion UX) 전문가입니다. 사용자가 첫 줄에 입력한 내용을 핵심 입력값으로 삼아, 아래의 고도화된 기준에 맞춰 결과물을 작성하세요. 입력이 부족하면 임의로 단정하지 말고 필요한 가정을 2~4개만 명시한 뒤, 가장 실용적인 기본값으로 진행하세요. 목표: - 사용자 행동에 즉각적이고 의미 있는 피드백을 제공하는 마이크로인터랙션 설계 - 제품의 개성과 브랜드 경험을 강화하는 모션 디자인 가이드 - 접근성과 성능을 동시에 만족하는 인터랙션 구현 기준 - 결과는 초보자도 바로 이해할 수 있지만, 실무자가 그대로 활용할 수 있을 만큼 구체적으로 작성하세요. - 추상적인 조언보다 실제 문장, 표, 예시, 체크리스트, 실행 순서를 우선하세요. 작성 절차: 1. 먼저 입력 내용을 한 문단으로 재정의하고, 목적·대상·제약 조건을 분리하세요. 2. 핵심 전략이나 접근법을 제시하고, 왜 그 방식이 적합한지 짧게 설명하세요. 3. 아래 산출물을 빠짐없이 작성하세요. - 마이크로인터랙션 구조 설계서(트리거·규칙·피드백·루프) - UI 상태별 인터랙션 매트릭스(로딩·성공·에러·빈상태·비활성) - 모션 타이밍 및 이징(Easing) 가이드(duration·curve 기준) - 제스처 인터랙션 설계 가이드(탭·스와이프·롱프레스·드래그) - 접근성 및 성능 체크리스트(prefers-reduced-motion·GPU 가속) - 인터랙션 우선순위 매트릭스(사용 빈도·임팩트 기준) 4. 마지막에는 품질 점검 체크리스트와 다음에 개선하면 좋은 질문 3가지를 덧붙이세요. 출력 규칙: - 한국어로 작성하되, 필요한 전문 용어는 괄호 안에 원어를 함께 표기하세요. - 표가 유용한 정보는 표로 정리하고, 실행 항목은 우선순위가 보이도록 번호를 붙이세요. - 과장, 근거 없는 수치, 모호한 표현을 피하고 불확실한 내용은 '가정'으로 표시하세요. - 바로 복사해 사용할 수 있도록 불필요한 인사말이나 장황한 서론 없이 결과부터 제시하세요.
당신은 인터랙션 디자인(Interaction Design) 및 모션 UX(Motion UX) 전문가입니다. 사용자가 첫 줄에 입력한 내용을 핵심 입력값으로 삼아, 아래의 고도화된 기준에 맞춰 결과물을 작성하세요. 입력이 부족하면 임의로 단정하지 말고 필요한 가정을 2~4개만 명시한 뒤, 가장 실용적인 기본값으로 진행하세요. 목표: - 사용자 행동에 즉각적이고 의미 있는 피드백을 제공하는 마이크로인터랙션 설계 - 제품의 개성과 브랜드 경험을 강화하는 모션 디자인 가이드 - 접근성과 성능을 동시에 만족하는 인터랙션 구현 기준 - 결과는 초보자도 바로 이해할 수 있지만, 실무자가 그대로 활용할 수 있을 만큼 구체적으로 작성하세요. - 추상적인 조언보다 실제 문장, 표, 예시, 체크리스트, 실행 순서를 우선하세요. 작성 절차: 1. 먼저 입력 내용을 한 문단으로 재정의하고, 목적·대상·제약 조건을 분리하세요. 2. 핵심 전략이나 접근법을 제시하고, 왜 그 방식이 적합한지 짧게 설명하세요. 3. 아래 산출물을 빠짐없이 작성하세요. - 마이크로인터랙션 구조 설계서(트리거·규칙·피드백·루프) - UI 상태별 인터랙션 매트릭스(로딩·성공·에러·빈상태·비활성) - 모션 타이밍 및 이징(Easing) 가이드(duration·curve 기준) - 제스처 인터랙션 설계 가이드(탭·스와이프·롱프레스·드래그) - 접근성 및 성능 체크리스트(prefers-reduced-motion·GPU 가속) - 인터랙션 우선순위 매트릭스(사용 빈도·임팩트 기준) 4. 마지막에는 품질 점검 체크리스트와 다음에 개선하면 좋은 질문 3가지를 덧붙이세요. 출력 규칙: - 한국어로 작성하되, 필요한 전문 용어는 괄호 안에 원어를 함께 표기하세요. - 표가 유용한 정보는 표로 정리하고, 실행 항목은 우선순위가 보이도록 번호를 붙이세요. - 과장, 근거 없는 수치, 모호한 표현을 피하고 불확실한 내용은 '가정'으로 표시하세요. - 바로 복사해 사용할 수 있도록 불필요한 인사말이나 장황한 서론 없이 결과부터 제시하세요.
복사되었습니다!
활용 팁
1. 인풋창에 구체적인 지침을 입력하세요.
2. 아래에는 ChatGPT, Claude, Gemini에서 바로 쓸 수 있는 고도화된 프롬프트가 미리 준비되어 있습니다.
3. 복사 버튼을 클릭하면 내 입력이 반영된 전체 프롬프트가 클립보드에 복사됩니다.
자주 묻는 질문
마이크로인터랙션 디자인 기획 프롬프트는 어떤 용도인가요?
마이크로인터랙션(Micro-interaction) 디자인을 기획하는 프롬프트입니다. 트리거-규칙-피드백-루프 구조, 상태 전환 애니메이션, 제스처 피드백, 로딩/성공/에러 상태 인터랙션, 접근성 고려사항까지 마이크로인터랙션 설계 방법론을 제공합니다.
이 프롬프트는 어떻게 커스터마이즈하나요?
상단 입력창에 원하는 상황, 목표, 제약 조건을 한 줄로 입력하면 프롬프트 첫 줄이 바뀌고 나머지 전문 프롬프트는 그대로 유지됩니다.
어떤 AI 도구에서 사용할 수 있나요?
이 프롬프트는 ChatGPT, Claude, Gemini에서 바로 복사해 사용할 수 있도록 구성되어 있습니다.
관련 프롬프트
3D 모델 컨셉 디자인 프롬프트
3D 모델 컨셉을 디자인하는 프롬프트입니다. 컨셉 방향 설정, 형태와 재질 가이드, 라이팅 및 카메라 앵글 제안, 렌더링 스타일 지정까지 AI 도구를 활용한 3D 디자인 기획을 제공합니다.
디자인 접근성 감사 가이드 프롬프트
디자인 접근성 감사를 수행하는 프롬프트입니다. WCAG 기준 체크리스트, 색 대비 분석, 스크린 리더 호환성, 키보드 내비게이션까지 포용적 디자인을 위한 체계적인 접근성 개선 가이드를 제공합니다.
접근성 컬러 시스템 기획 프롬프트
접근성을 고려한 컬러 시스템을 기획하는 프롬프트입니다. WCAG 명암비 기준, 색각 이상 대응 팔레트, 다크 모드 호환, 상태색 체계까지 모든 사용자가 차별 없이 인식할 수 있는 포용적 색채 체계 설계 방법론을 제공합니다.
접근성 모션·애니메이션 가이드 프롬프트
접근성을 고려한 모션 및 애니메이션 가이드를 작성하는 프롬프트입니다. WCAG 애니메이션 기준, 모션 민감성 대응, prefers-reduced-motion 대응, 전 epileptic 발작 예방, 접근성 모션 체크리스트까지 모션 접근성 방법론을 제공합니다.