지정해주신 원칙, 프론트메터 스키마, 템플릿 구조 및 기존 위키 연동 규칙에 맞춰 인지된 품질 개념 위키 노트를 성공적으로 생성 완료하였습니다.
작성된 파일 정보
- 노트 경로:
/Users/railscraft/.gemini/antigravity-cli/scratch/llm-wiki/wiki/인지된 품질.md
작성 결과 요약
---
type: concept
status: draft
core: false
tags:
- ui
- ux
- design
- perceived-quality
- frontend
aliases:
- Perceived Quality
- 지각된 품질
- 인지 품질
sources:
- 'raw/8 Tiny UI Fixes Most Designers Ignore.md'
created: '2026-08-27'
updated: '2026-08-27'
---
# 인지된 품질
## 한 줄 정의
사용자가 제품이나 인터페이스의 정교함, 세련됨, 신뢰성을 객관적인 기능 명세나 스펙이 아닌, 시각적 계층 구조·여백·일관성·정렬·미세 지연 등 미세한 UI 디테일과 감성적 경험을 통해 직관적으로 느끼는 품질 지각.
## 핵심 요지
- **기능과 수치의 초월**: 사용자 제품에 대한 신뢰와 명품감(High-end feeling)은 화려한 트렌드(글래스모피즘, 복잡한 그라데이션)나 거창한 기능 추가보다는 감지하기 힘든 수준의 미세한 디테일에서 결정된다 (`raw/8 Tiny UI Fixes Most Designers Ignore.md`).
- **직관적 감지와 신뢰**: 사용자는 8픽셀 그리드나 광학적 정렬 같은 전문 용어를 몰라도 제품의 미세한 어긋남(단 2px의 아이콘 오차, 부적절한 패딩 등)을 즉각 감지하며, 이는 브랜드 및 제품 전체에 대한 조잡함으로 직결된다 (`raw/8 Tiny UI Fixes Most Designers Ignore.md`).
- **덜어내기와 절제의 미학**: 과도한 시각적 강조와 무분별한 애니메이션은 인터페이스를 저렴해 보이게 만든다. 진짜 고급스러움은 3차 액션의 불투명도 낮추기, 절제된 색상 사용, 과감한 요소를 지워내는 절제에서 완성된다 (`raw/8 Tiny UI Fixes Most Designers Ignore.md`).
- **감성적 타이밍 조율**: 인스턴트 피드백(즉각적인 드롭다운, 번쩍이는 툴팁 등)이 오히려 경박함을 줄 수 있으며, 부드럽고 미세한 지연(Delay)과 모션 리듬이 물리적 고급 세단의 문을 닫는 정숙한 소리처럼 사용자에게 깊은 안정감과 완성도를 선사한다 (`raw/8 Tiny UI Fixes Most Designers Ignore.md`).
## 상세
- **시각적 무게감(Visual Weight)의 위계 설정**: 3차 액션 opacity 조정, 테두리 남발 억제.
- **과감한 여백(Padding) 확보**: 200% 확대 작업 시 발생하는 착시를 방지하고 "약간 과한가?" 싶을 정도의 넓은 패딩 확보.
- **테두리 둥글기(Border Radius) 일관성**: 6px, 12px, 20px 등 파편화된 규칙을 시스템으로 정돈.
- **시각적 정렬(Visual Alignment) 집착**: optical balance 및 baseline 정밀 매칭.
- **색상 절제 & 목적 중심 모션**: 단 하나의 강조색 제한 사용 및 기교 없는 매끄러운 트랜지션.
- **미세 지연(Micro Delay) & 덜어내기**: 고급 햅틱 감각 연출 및 기능 삭제의 용기.
## 예시
- **코드 예시**: Design System CSS Token 및 `.premium-card`, `.premium-button`의 opacity / transition / Micro Delay 구현 예시 포함.
- **실제 활용 시나리오**: Stripe/Apple 스타일의 대시보드 무채색 UI 설계, Form Validation 시 150ms 마이크로 지연 피드백 적용 시나리오 기재.
## 충돌
- **속도/생산성 우선 vs 인지된 품질 최적화 충돌**
- **즉각적 피드백(0ms Latency) vs 미세 지연(Micro-Delay) 피드백 충돌**
## 관련 노트
- [[품질 중심 AI 프론트엔드 워크플로우]]
- [[AI Slop 디자인]]
- [[인지적 부하와 마찰점 해소]]
- [[AI 생성 UI의 취향 주입 절차]]