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 실무 꿀팁
디자인 기본 지식
📝 디자인 자료
피그마 폰트 프리뷰
피그마 플러그인 모음
디자인 리소스
폰 레스토프 효과(Von Restorff Effect)
정의
다른 요소들보다 특이한 항목이 그룹에서 눈에 띄게 기억되는 현상
1933년 독일 심리학자 헤르만 폰 레스토프에 의해 처음 관찰되었다
'평범한 것보다 특이한 것이 더 기억에 남는다'
설명
일반적인 패턴과는 특이한 요소가 있는 경우, 그 요소가 다른 평범한 요소보다 시선을 끌고 기억을 오래 남긴다
시각적인 대조, 크기, 색상, 형태, 모션등을 통해 사용자의 주의를 끌어내면 사용자는 그것을 더 오래 기억한다
제품이나 사실을 강조할 때 이 효과를 적용한다면 사용자의 기억에 남는 디자인을 할 수 있다
예시
새로운 메세지를 수신한 경우 레드컬러 닷을 추가하여 사용자가 빠르게 캐치할 수 있도록 돕는다
이 외에도 여러가지 방법을 사용할 수 있는데
사진 또는 그래픽 요소의 색상대비 : 밝은 배경에 어두운 버튼을 배치하여 사용자 행동 유도
텍스트 스타일 : 특정 부분을 강조하기 위해 텍스트 스타일에 변화를 줌으로써 더 눈에 들어오게 한다
애니메이션, 모션 : 새로운 콘텐츠를 로드할 때나 컨텐츠에 사용자와의 상호작용이 필요한 경우에 애니메이션 효과로 해당부분을 더 강조할 수 있다
색채 : 컬러 사용으로 특정요소를 강조하거나 사용자가 주목하게 할 수 있다
레이아웃 및 공간 활용 : 중요한 콘텐츠를 더 크게 배치하거나, 평범한 레이아웃에서 예측할 수 없는 위치에 배치하는 방법으로 더 주목하게 할 수 있다
UIUX디자인에 활용하기
시각적 대조, 크기, 색상이나 주요 기능, 알림, 경고 둥을 눈에 띄게 표현하는 방식을 사용해 중요한 정보를 더 강조,
정보의 중요성과 사용자의 니즈 둘 다 고민하여 적절히 사용해야한다
과도한 사용은 오히려 사용자를 더 혼란스럽게 할 수 있기 때문임
Made with SlashPage