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 실무 꿀팁
디자인 기본 지식
📝 디자인 자료
피그마 폰트 프리뷰
피그마 플러그인 모음
디자인 리소스
일련 위치 효과(Serial Position Effect)
정의
목록이나 순서를 기억할 때 첫 번째와 마지막 위치에 있는 항목들이 더 잘 기억되는 현상
설명
목록의
첫번째 항목
은
단기기억
에 더 잘 기억된다
초인쇄 효과 (Primacy Effect)
목록이나 순서를 기억할 때, 처음에 나오는 항목들이 더 잘 기억되는 현상
다른 항목들보다 더 먼저 머리에 들어와 더 오랫동안 기억되기 때문에 단기 기억에서 장기 기억으로 전환될 수 있는 기회가 많아지기 때문이다
목록의
마지막 항목
은
장기기억
에 더 잘 기억된다
재인쇄 효과 (Recency Effect):
목록이나 순서를 기억할 때, 마지막에 나오는 항목들이 더 잘 기억되는 현상
단기기억에서 기억되어 있는 정보가 즉시 회수되기 때문에 발생
예시
웹사이트 네비게이션
메뉴 항목 순서가 기억에 영향을 미치기 때문에 중요도에 따라 배치해야한다
가장 중요한 항목을 첫 번째에 위치시키고 뒤로 갈수록 덜 중요한 항목을 배치함으로써 사용자가 원하는 정보를 쉽게 찾도록 한다
회원가입 페이지
사용자가 작성해야 하는 폼을 구성할 때, 사용자는 보통 왼쪽 위에서 오른쪽 아래로 이동하며 정보를 입력한다
이때 중요한 정보를 우선 배치하고, 세부정보는 후순위에 배치함으로써 사용자가 중요한 정보를 우선 기억하고 입력할 수 있도록 한다
UIUX디자인에 활용하기
일련 위치 효과를 이해하고 효과적인 정보 전달로 사용자 경험을 개선해보자
주요 기능 우선배치
중요한 기능을 사용자에게 먼저 제공하여 초인쇄 효과를 활용한다
이를 통해 사용자가 사이트나 앱에서 쉽게 필요한 기능을 찾을 수 있다
메뉴 및 항목 순서
메뉴, 리스트, 카드 등의 항목을 순서대로 배치할 때 중요한 항목은 초반, 보조적인 항목은 후반에 배치하여 사용자가 쉽게 찾을 수 있도록 한다
시각적 구별
중요한 항목은 크기, 색상, 아이콘 등를 강조해 초인쇄 효과를 강화하도록 한다
Made with SlashPage