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 실무 꿀팁
디자인 기본 지식
📝 디자인 자료
피그마 폰트 프리뷰
피그마 플러그인 모음
디자인 리소스
스파크 효과 (Spark Effect)
정의
사용자의 주의와 관심을 끌고 긍정적인 경험을 유발하는 디자인 전략
마치 불꽃놀이처럼 사용자의 마음에 불을 지펴주는 스파크 효과는 단순히 시각적 요소를 넘어 사용자의 감정과 행동에 영향을 미치는 디자인
특징
새로운 시각적 요소:
익숙한 디자인 패턴을 깨는 새로운 시각적 요소를 활용해사용자의 시선을 사로잡고 흥미를 유발
ex) 과감한 색상 사용, 독특한 모양 활용, 애니메이션 활용
놀라움 요소: 사용자의 예상을 뒤엎는 요소를 활용하여 호기심을 자극하고 즐거움을 선사
ex) 예상치 못한 기능 제공, 숨겨진 메시지 활용, 상호 작용에 대한 반응 변화
미스터리 요소: 숨겨진 정보나 기능을 활용하여 사용자의 탐구심을 자극하고 참여를 유도
ex) 퍼즐 활용, 암호 활용, 단계별 정보 제공
유머 요소: 유머러스한 메시지, 재치 있는 디자인, 놀라운 상호 작용을 활용하여 사용자에게 즐거움을 선사하고 긍정적인 감정을 불러일으킴
심미적 요소: 아름다운 디자인, 조화로운 색상, 세련된 타이포그래피를 활용하여 사용자에게 시각적 만족감을 선사하고 긍정적인 인상을 남긴다
UIUX디자인에 활용하기
과감한 색상 사용으로 시각적 흥미 유발
웹 사이트의 주요 메뉴나 버튼을 밝고 대비되는 색상을 사용해 사용자의 시선을 사로잡고 흥미를 유발한다
숨겨진 메뉴 활용으로 탐구심 자극
마우스 오버 혀과를 통해 메뉴를 나타내는 방식으로 사용자의 탐구심을 자극하고 참여를 유도한다
처음에는 핵심 정보만 제공하고 사용자 스크롤을 통해 더 많은 정보를 단계적으로 제공한다
유머러스한 콘텐츠로 긍정적인 경험 제공
로딩 페이지나 소개 페이지에 유머러스한 문구등을 사용하면 지루할 수 있는 순간에 긍정적인 경험을 제공한다.
하지만 웹사이트 성격에 따라 상황에 맞지 않는 유머는 역효과를 낼 수 있으니 조심해야 한다
Made with SlashPage