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 실무 꿀팁
디자인 기본 지식
📝 디자인 자료
피그마 폰트 프리뷰
피그마 플러그인 모음
디자인 리소스
간결의 법칙 (Law of Prägnanz)
정의
복잡한 시각 정보를 가장 단순하고 안정적인 형태로 인지하려는 심리적 경향
사람들은 복잡한 정보보다는 간결하고 명확한 정보를 선호하며 이를 통해 더 쉽고 빠르게 이해하려고 한다
설명
근접성, 유사성, 단순성, 의도적 상호작용 등의 세부 원리를 포함한다
근접성 : 요소들이 가까이 있을수록 그들이 하나의 그룹으로 인식될 가능성이 높다
유사성 : 비슷한 요소들은 하나의 패턴으로 그룹화되어 인식될 가능성이 높다
단순성 : 복잡한 형태보다 간단한 형태가 더 쉽게 인식된다
의도적 상호작용 : 모든 요소가 함께 작동하여 의도된 형태 또는 이미지를 형성하면, 그 형태가 더 명확하게 인식됨
인간이 정보를 패턴으로 구성하고 해석하는 방식을 설명한다
위와 같은 방식을 통해 인지 부하를 줄이고 정보처리를 효율적으로 만들어 정보를 더 바르게 이해하고 기억할 수 있도록 한다
UIUX 디자인에 간결의 법칙 적용하기
단순한 레이아웃: 불필요한 요소를 제거하고, 명확한 구조를 통해 정보를 효과적으로 전달합니다.
최소한의 색상: 제한된 색상 팔레트를 사용하여 시각적인 혼란을 줄입니다.
적절한 타이포그래피: 가독성이 높은 글꼴과 크기를 사용하여 정보 전달력을 높입니다.
직관적인 아이콘: 시각적인 단서를 통해 기능을 명확하게 표현합니다.
화이트 스페이스 활용: 여백을 충분히 확보하여 각 요소 간의 구분을 명확히 하고, 시각적인 균형을 맞춥니다.
단순한 인터랙션: 복잡한 절차를 간소화하고, 사용자가 쉽게 이해할 수 있는 상호 작용 방식을 제공합니다.
간결의 법칙으로 얻을 수 있는 효과
빠른 학습: 사용자가 짧은 시간 안에 시스템을 익힐 수 있습니다.
높은 만족도: 간결하고 직관적인 디자인은 사용자에게 긍정적인 경험을 제공합니다.
낮은 오류율: 복잡한 디자인으로 인한 오류 발생 가능성을 줄입니다.
높은 효율성: 사용자가 원하는 정보를 빠르게 찾고, 목표를 효과적으로 달성할 수 있습니다.
주의할 점
과도한 단순화: 너무 단순하게 디자인하면 정보 전달이 부족해질 수 있습니다.
맥락 고려: 사용자의 목표와 상황에 맞는 적절한 수준의 단순화가 필요합니다.
A/B 테스트: 다양한 디자인을 비교하여 가장 효과적인 디자인을 선택해야 합니다.
Made with SlashPage