09.22.2026 / --:-- KST[아카이브 · 2026-06-02]
[UX]

유저는 분명히 짜증나 있다 — 코딩 에이전트 UX가 우리를 화나게 만드는 이유

코딩 에이전트가 주는 좌절감의 심리적 원인을 분석한 에세이입니다. 에이전트는 동료처럼 행동해 사회적 본능을 자극하지만, 실제 동료와 달리 학습하거나 책임지지 않아 반복된 실수가 훨씬 크게 느껴집니다. AI 툴을 매일 쓰는 디자이너·개발자라면 즉각 공감할 수 있는 현상을 정확히 짚고 있습니다.

에이전트를 설계하거나 에이전트 기반 도구를 만드는 사람이라면, '동료처럼 보이는 것'이 오히려 기대치 불일치를 심화시킨다는 이 분석을 인터랙션 설계에 바로 적용할 수 있습니다.

AI 에이전트 UX좌절감대화형 인터페이스
Sidebar.io113d ago
[UX]

AI 투명성을 위한 실전 인터페이스 패턴 (2부)

에이전틱 AI 경험에서 스피너 같은 전통적 로딩 패턴이 실패하는 이유를 분석하고, 시스템의 진행 과정·상태·의사결정을 드러내는 대안적 UI 패턴을 구체적으로 제시한다. 사용자가 AI가 '무엇을 하고 있는지'를 이해할 수 있어야 신뢰가 형성되며, 이는 단순한 UX 배려가 아닌 AI 제품의 핵심 설계 원칙임을 주장한다. 실제 사례 기반의 패턴 카탈로그 형식이어서 바로 적용 가능하다.

AI 기능을 제품에 통합하는 모든 팀이 지금 직면한 문제—'AI가 생각 중일 때 사용자에게 무엇을 보여줄 것인가'—에 대한 가장 실용적인 답변 중 하나다. 스트리밍 응답, 다단계 에이전트 작업, 백그라운드 처리 등 시나리오별로 분류된 패턴은 설계 결정의 기준점이 된다.

AI UX에이전틱 인터페이스투명성 패턴
Smashing Magazine131d ago
[UX]

스트리밍 콘텐츠를 위한 안정적인 인터페이스 설계

AI 챗·실시간 피드 등 스트리밍 UI에서 발생하는 레이아웃 이동(CLS), 키보드 포커스 탈출, ARIA 속성 처리, 스트림 중단 상태 등 실무에서 간과하기 쉬운 엣지 케이스를 체계적으로 다룬다. 모션 민감성(prefers-reduced-motion) 대응과 적절한 시맨틱 마크업 선택까지 포함해 접근성과 안정성을 동시에 잡는 구현 전략을 제시한다. 19분 분량의 심층 가이드로 스트리밍 UI 레퍼런스로 북마크할 만하다.

Smashing Magazine144d ago
[TECH]

AI 에이전트는 코드의 80%를 잘 처리한다. 나머지 20%가 시니어가 여전히 필요한 이유다

결제 플랫폼에 AI 에이전트를 실제 투입한 경험을 바탕으로, AI가 반복적인 코드는 완벽히 처리하지만 핀테크 상태 로직처럼 엣지케이스가 복잡한 영역에서는 조용히 오류를 만들어낸다는 것을 보여준다. 전체 코드의 54%가 이미 AI 생성이라는 최신 통계를 인용하며, 시니어 엔지니어의 역할이 '코딩'에서 '엔지니어링 판단'으로 이동하고 있다고 진단한다. 추상화·트레이드오프 판단·시스템 사고가 인간 엔지니어의 새로운 핵심 가치임을 구체적 사례로 뒷받침한다.

Dev.to117d ago
[UX]

디자이너가 제품 팀에서 실제로 겪는 어려움

NN/G 연구 기반으로, 디자이너의 가장 큰 고충은 디자인 스킬 부족이 아니라 얼라인먼트 확보, 영향력 행사, 조직 복잡성 탐색임을 밝힌다. 아무도 가르쳐주지 않은 '비디자인 업무'가 실제 병목이다.

Nielsen Norman Group129d ago
[UX]

AI 에이전트 디자인: Qwen 에이전트에서 배운 4가지 교훈

NN/G가 중국의 AI 에이전트 Qwen을 직접 분석해 도출한 4가지 UX 원칙을 소개한다. 발견 가능성 지원, 익숙한 패턴 재활용, 개인 데이터의 신중한 처리, 사용자 자율성 보호가 핵심이다. 실제 제품 관찰 기반의 가이드라인으로, AI 에이전트가 범용화되는 지금 시점에 실무 참조 가치가 특히 높다.

Nielsen Norman Group136d ago
[UX]

프롬프트도 기술 부채다

CLAUDE.md, AGENTS.md 같은 커스텀 프롬프트 파일들이 코드처럼 기술 부채를 쌓는다는 실용적 분석입니다. 현명한 엔지니어가 코드를 최소화하듯, 프롬프트도 최소화하고 업스트림 도구 업데이트에 의존하는 전략을 제안합니다. AI 기반 프로젝트를 운영 중인 팀이라면 지금 당장 적용 가능한 관점입니다.

Sidebar.io116d ago
[UX]

알고리즘 테마 엔진: `contrast-color()`로 만드는 자가 교정 컬러 시스템

CSS 신규 함수 `contrast-color()`를 활용해 WCAG 대비율 검사를 JavaScript 없이 브라우저 레벨에서 자동화하는 방법을 다룬다. 디자인 토큰과 결합하면 다크 모드·테마 전환 시 텍스트 색상이 배경에 맞춰 스스로 보정되는 '자가 교정' 컬러 시스템을 구현할 수 있다. 접근성 린터와 JS 라이브러리가 해결하지 못한 문제를 CSS 자체가 해결하는 구조적 전환점이다.

Smashing Magazine116d ago
[UX]

디자인 방언: 시스템을 부수지 않고 규칙을 깨는 법

디자인 시스템을 고정된 규칙서가 아닌 살아있는 언어로 바라보자는 개념적 프레임워크를 제시한다. 공통 문법(토큰·컴포넌트) 위에 각 팀과 제품이 고유한 '방언'을 가질 수 있다고 주장하며, 일관성과 창의적 자율성 사이의 긴장을 언어학 시각으로 재해석한다. 2025년 9월 발표된 신선한 관점의 에세이다.

A List Apart112d ago
[UX]

당신의 웹사이트는 AI 에이전트를 맞을 준비가 됐는가?

AI 에이전트가 웹을 직접 탐색하는 새로운 트래픽 패턴에서, 시멘틱 마크업과 접근성이 높은 사이트가 에이전트 파싱에도 유리하다는 점을 다룬다. 사용자가 AI를 통해 웹을 간접적으로 이용하는 시대에 접근성이 단순한 법적 의무가 아닌 전략적 인프라가 됨을 제기한다.

UX Collective113d ago
[UX]

모두가 AI를 쓰는데 조직은 왜 아무것도 배우지 못하는가

개인의 AI 생산성 향상이 조직의 학습과 역량으로 자동 전환되지 않는다는 핵심 문제를 파고든다. Ethan Mollick의 연구를 바탕으로, AI로 얻은 개인 인사이트가 팀·조직 수준의 역량으로 이어지려면 의도적인 지식 이전 구조가 필요함을 논증한다. 'AI 도입률'이 아닌 '조직 학습률'을 진짜 지표로 봐야 한다는 관점 전환을 제안한다.

Sidebar.io116d ago
[UX]

프로토타입이 사용자에게 솔직하지 않은 이유, 그리고 해결법

사용자 테스트 중 참가자가 '이건 진짜 앱이 아니다'를 인지하는 순간, 이후 수집되는 모든 데이터는 편향된다. 이 글은 프로토타입의 불성실성이 만드는 연구 오류를 짚고, 더 신뢰할 수 있는 테스트 환경을 설계하는 구체적인 방법을 제시한다.

Smashing Magazine119d ago
[VISUAL]80년대 비즈니스 미학과 씬 전환: Shader.se의 스크롤 기반 WebGPU 파이프라인 내부Codrops · 126d ago
[VISUAL]휙·탁·셰이더: Adrien Vanderpotte가 말하는 인터페이스의 '느낌'Codrops · 117d ago
[UX]CSS `sibling-index()`·`sibling-count()`로 구현하는 수학적 레이아웃Smashing Magazine · 124d ago
[UX]AI가 열어가는 접근성의 기회A List Apart · 112d ago
[TECH]스탠퍼드 CS336의 AI 에이전트 가이드라인Hacker News · 112d ago
[UX]RAS로 UX 리서치 자원 배분과 전략 수립하기Nielsen Norman Group · 115d ago
[VISUAL]끝나지 않는 이야기: GSAP & Lenis로 무한 스크롤 구현하기Codrops · 116d ago
[VISUAL]Webflow와 GSAP으로 구현하는 스크롤 기반 3D 큐브 갤러리Codrops · 118d ago
[VISUAL]GSAP으로 구현하는 스크롤 기반 SVG 지도 애니메이션Codrops · 123d ago
[TECH]CS336: 처음부터 만드는 언어 모델 (Stanford 2026)Hacker News · 112d ago
[VISUAL]우리 자신을 디자인하다: Obys의 새 브랜드 아이덴티티Codrops · 131d ago
[MOTION]Codrops 컬렉티브 #871Codrops Collective · 711d ago
01
[UX]AI를 위한 디자인은 1999년 방식으로 돌아가는 것
AI 디자인인디웹핸드메이드 미학
Sidebar.io · 113d ago
02
[UX]AI가 스터전의 법칙을 만나다
AI 콘텐츠콘텐츠 품질정보 과부하
UX Collective · 112d ago
03
[UX]AI 토큰 희소성과 아케이드 경제학
AI비용토큰경제디자이너기대치
UX Collective · 113d ago
04
[MOTION]Codrops 컬렉티브 #878
JavaScript웹폰트파일 업로드모노레포프론트엔드
Codrops Collective · 685d ago