haleys-archive
🧠 101가지 UIUX 심리학
💡디자이너로 살기
Figma 실무 꿀팁
디자인 기본 지식
📝 Figma
기능별 플러그인 모음
피그마 한글 폰트 프리뷰 | Korean Font Preview
디자인 리소스
Sign In
Home
Haley's archive | UIUX 디자인 스터디
Design News
Figma Insight
Beyond View
🧠 101가지 UIUX 심리학
📚 UIUX 디자인에 도움 될 심리학 공부
스트라이샌드 효과 (Streisand effect)
간결의 법칙 (Law of Prägnanz)
고정편향 (Anchoring Bias)
피드포워드 (Feedforward)
유사성의 법칙 (Law of Similarity)
가용성 휴리스틱 (Availability Heuristic)
특이성효과 (The Singularity Effect)
아하! 모먼트 (Aha! Moment)
스포트라이트 효과 (Spotlight Effect)
프레이밍 (Framing)
미끼효과 (Decoy Effect)
힉의 법칙 (Hick's Law)
몰입상태 (Flow State)
보답 기대 효과 (Reciprocity)
변동성 보상 (Variable Reward)
오컴의 면도날 (Occam's Razor)
인지적 불일치 (Cognitive Dissonance)
베버-페히너의 법칙 (Weber-Fechner's law)
유혹 번들링 (Temptation Bundling)
지식의 저주 (Curse of Knowledge)
목표 그라데이션 효과 (Goal Gradient Effect)
디드로 효과 (Diderot effect)
파노플리 효과 (Phenomenon of Panoply)
피크엔드 법칙 (Peak-End Rule)
선택적 주의 (Selective Attention)
시각적 계층 (Visual Hierarchy) 효과
인식 우선 원칙 (Recognition Over Recall)
상반된 위치 효과 (Juxtaposition)
무현금 효과 (Cashless Effect)
미적-실용성 효과 (Aesthetic-Usability Effect)
이케아 효과 (IKEA Effect)
시간 인식 (Chronoception)
스큐어모피즘 (Skeuomorphism)
파레토의 원칙 (Pareto principle)
시각적 안내 요소 (Visual Anchors)
폰 레스토프 효과 (Von Restorff Effect)
의사 집합 프레이밍 (Pseudo-Set Framing)
그룹 매력 효과 (Group Attractiveness Effect)
제이가르닉 효과 (Zeigarnik Effect)
간격 효과 (Spacing Effect)
일련 위치 효과 (Serial Position Effect)
대비 효과 (Contrast Effect)
쌍곡선 할인 (Hyperbolic Discounting)
내부 트리거 (Internal Trigger)
자체 트리거 (Self-Initiated Triggers)
피츠의 법칙 (Fitts's Law)
새 출발 효과 (Fresh Start Effect)
노력 인식 효과 (Labor Illusion)
투자 환원 (Investment Loops)
손실 회피 (Loss Aversion)
넛지 (Nudge)
테슬러의 법칙 (Tesler's Law)
지시자 효과 (Signifiers)
외부 트리거 효과 (External Trigger Effect)
배너 무시 현상 (Banner Blindness)
공감 간격 효과 (Empathy Gap)
점진적 노출(Progressive Exposure)
중앙 무대 효과 (Centre-Stage Effect)
스파크 효과 (Spark Effect)
사회적 증거 효과(Social Proof)
호기심의 틈 (Curiosity Gap)
피드백 루프 (Feedback Loop)
후광효과 (Halo Effect)
멘탈 모델 (Mental Model)
결핍 효과 (Scarcity Effect)
사회적 책임 효과 (Noble Edge Effect)
밀러의 법칙 (Miller's Law)
약속과 일관성 (Commitment & Consistency)
투자 손실 효과 (Sunk Cost Effect)
결정 피로 (Decision Fatigue)
반발감 효과 (Reactance)
생존 편향 (Survivorship Bias)
주의 편향 (Attentional Bias)
확증 편향 (Confirmation Bias)
기대 편향 (Expectations Bias)
인지 과부하(Cognitive Load)
프라이밍 (Priming)
가까움의 법칙 (Law of Proximity)
부정 편향 (Negativity Bias)
단위 편향 (Unit Bias)
권위 편향 (Authority Bias)
반발 효과 (Backfire Effect)
거짓 공감 효과 (False Consensus Effect)
2차 효과(Second-Order Effect)
탈출 경로 제공(Provide Exit Points)의 필요성
설문 편향(Survey Bias)
호손 효과(Hawthorne Effect)
사후 확신 편향 (Hindsight Bias)
기본 편향(Default Bias)
관찰자 기대 효과 (Observer-Expectancy Effect)
밴드웨건 효과(Bandwagon Effect)
바넘효과(Barnum-Forer Effect)
도구의 법칙(Law of the Instrument)
파킨슨의 법칙(Parkinson's Law)
감정 휴리스틱 (Affect Heuristic)
자기 고양적 편향(Self-serving Bias)
소유 효과 (Endowment Effect)
💡디자이너로 살기
Figma 실무 꿀팁
디자인 기본 지식
📝 Figma
기능별 플러그인 모음
피그마 한글 폰트 프리뷰 | Korean Font Preview
디자인 리소스
Subscribe
간결의 법칙 (Law of Prägnanz)
복잡한 건 딱 질색인 우리 뇌를 위한 맞춤 설계
정리되지 않은 책상보다 깔끔한 책상을 볼 때 마음이 더 편안하지 않나요?
우리 눈은 아무리 복잡한 화면이라도 본능적으로 가장 단순한 '덩어리'로 묶어 보려고 애를 쓴다는 사실
정의
독일어로 '함축성' 또는 '간결함'을 뜻하는 Prägnanz에서 유래
시각적으로 모호한 대상을 마주했을 때, 뇌는 인지 노력을 최소화하기 위해 가장 안정적이고 단순한 기하학적 형태로 재구성하여 인식한다
유래
20세기 초 독일의 게슈탈트(Gestalt) 심리학자들에 의해 정립되었다
이들은 인간이 사물을 부분의 집합이 아니라 '전체적인 형상'으로 인식한다는 점을 발견했고
그 과정에서 가장 효율적인 인식 방법인 '간결의 법칙'을 핵심 원리로 제시했다
세부원리
•
근접성 :
요소들이 가까이 있을수록 그들이 하나의 그룹으로 인식될 가능성이 높다
•
유사성 :
비슷한 요소들은 하나의 패턴으로 그룹화되어 인식될 가능성이 높다
•
단순성 :
복잡한 형태보다 간단한 형태가 더 쉽게 인식된다
•
의도적 상호작용 :
모든 요소가 함께 작동하여 의도된 형태 또는 이미지를 형성하면, 그 형태가 더 명확하게 인식된다
예시
•
토스의 하단 탭 바 - 아이콘 :
단순한 선과 면으로 구성된 아이콘을 사용하여, 사용자가 복잡한 텍스트를 읽지 않아도 '증권', '관심' 등의 개념을 단번에 시각적 덩어리로 인지하게 한다
활용
디자이너는 사용자의
인지 부하(Cognitive Load)
를 관리하는 설계자
•
가독성 향상 :
정보가 아무리 많아도 간결의 법칙을 이용해 시각적 위계를 정리하면 사용자는 길을 잃지 않도록 도와야한다
•
학습 곡선 단축 :
익숙하고 단순한 형태를 사용하면 사용자가 서비스 사용법을 따로 배우지 않아도 본능적으로 기능을 이해할 수 있다
•
디자인 효율성 :
불필요한 장식을 걷어내고 핵심 구조에 집중함으로써, 더 직관적인 인터페이스를 구축해야 한다
좋은 UI는 사용자가 해석하게 만드는 것이 아니라 보자마자 인지하게 만드는 디자인이다.
1
Made with Slashpage