AI를 활용한 의도적 UX 안티 패턴 구현 사례

Context

사용자 편의성 중심의 일반적인 AI 서비스 설계 방식에서 탈피한 실험적 시도. 현대적 웹 기술을 활용하여 의도적으로 불편하고 혼란스러운 디지털 상호작용을 구현하는 것이 목적.

Technical Solution

• React와 Vite 기반의 프론트엔드 환경에서 Tailwind CSS를 활용한 동적 UI 제어
• Node.js 및 Express 기반의 REST API 아키텍처를 통한 백엔드 통신 구조
• Google Gemini API 연동 및 커스텀 Prompt Engineering을 통한 부적절한 응답 생성 로직 구현
• AI 응답 실패 시 사전 정의된 무작위 텍스트를 반환하는 Fallback Mode 설계로 데모 안정성 확보
• 사용자 상호작용 횟수에 비례하여 회전, 블러, 간격 변형을 적용하는 Chaos Engine 기반의 UI 성능 저하 메커니즘
• Canvas Confetti 라이브러리를 이용한 예측 불가능한 시각적 피드백 시스템

Key Takeaway

기술적 구현 가능성과 실제 사용자 가치 사이의 간극을 탐구하며, AI의 강력한 생성 능력을 창의적이고 역설적인 방향으로 적용한 설계 사례.