haleys-archive
🧠 101가지 UIUX 심리학
💡디자이너로 살기
Figma 실무 꿀팁
디자인 기본 지식
📝 디자인 자료
피그마 폰트 프리뷰
피그마 플러그인 모음
디자인 리소스
Share
Sign In
Home
Haley's archive | UIUX 디자인 스터디
관심사가 너무 많아서 필터링이 필요해요
Figma News 👀
Design News 📰
🧠 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)
미적-실용성 효과
이케아 효과 (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)
기본 편향
관찰자 기대 효과 (Observer-Expectancy Effect)
밴드웨건 효과(Bandwagon Effect)
바넘효과(Barnum-Forer Effect)
도구의 법칙(Law of the Instrument)
파킨슨의 법칙(Parkinson's Law)
감정 휴리스틱 (Affect Heuristic)
자기 고양적 편향(Self-serving Bias)
소유 효과 (Endowment Effect)
💡디자이너로 살기
Figma 실무 꿀팁
디자인 기본 지식
📝 디자인 자료
피그마 폰트 프리뷰
피그마 플러그인 모음
디자인 리소스
베버-페히너의 법칙(Weber-Fechner's law)
따라해보세요 ㅂ-버ㅍ해히너 라ㅜ
정의
사용자가 자극의 크기나 강도에 따라 변화를 얼마나 민감하게 인식하는지를 설명하는 법칙
작은 변화에 민감한지 둔감한지에 대해 설명한다
설명
사용자가 받아들이는 초기 자극의 강도나 크기에 따라, 변화에 대한 사용자의 지각이 달라진다
초기 자극의 강도가 클수록 작은 변화에 더 민감하게 반응하고, 낮을수록 더 큰 변화가 필요하다는 것을 설명한다
예시
빛과 조명
어두운 환경에서는 작은 빛의 변화도 상대적으로 크게 느껴지지만, 밝은 환경에서는 이미 많은 빛이 존재하기 때문에 작은 빛의 차이를 인식하기 어렵다
UIUX디자인에 활용하기
초기 자극 강도에 따라 사용자의 인식이 달라짐을 이해하고 UI/UX를 디자인해봅시다
화면전환
밝은 환경에서는 작은 변화가 눈에 덜 띄기 때문에 화면 전환 효과를 좀 더 강하게 디자인하는 것이 좋다
사용자가 화면이 전환된 것을 명확하게 인식할 수 있고 새로운 정보에 집중할 수 있다
색상 선택
배경과 대조가 높은 색상을 선택하여 작은 변화를 강조해볼 수 있다
밝은 배경에는 연한 색상을 사용, 어두운 배경에는 진한 색상을 사용함으로써 사용자의 민감도를 고려한 색상조합을 만들 수 있다
애니메이션 속도
밝은 환경에서는 애니메이션 속도를 빠르게 하여 사용자가 변화를 더 빠르게 인식할 수 있도록 하고
어두운 배경에서는 속도를 느리게 하여 변화를 더 섬세하게 관찰할 수 있도록 한다
텍스트 크기와 간격
어두운 환경에서는 텍스트 크기와 간격을 크게 설정하여 사용자가 쉽게 읽을 수 있도록 돕고, 작은 변화도 명확하게 표시되어야 하기 때문에 텍스트를 더 명확하게 표시하는 것이 좋다
Made with SlashPage