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 실무 꿀팁
디자인 기본 지식
📝 디자인 자료
피그마 폰트 프리뷰
피그마 플러그인 모음
디자인 리소스
스큐어모피즘(Skeuomorphism)
정의
디지털 디자인에서 대상의 질감을 실제세계에서 보이는 것과 비슷하게 구현하는 것에 중점을 두는 디자인 기법
설명
3차원적이고 사실적을 물체를 묘사할 때 사용한다
미니멀리즘과의 비교
디자인의 깔끔함을 저해하는 복잡한 장치는 과감하게 생략한다는 면에서 미니멀리즘과 비슷하다
극사실주의와의 비교
세련된 표현을 위해 구도를 왜곡하거나 광원을 강조한다는 부분에서 물체를 '완벽하게' 모사하는 극사실주의와는 구별된다
실제 물체를 모방하여 만들기 때문에 사용자가 디지털 환경에서도 익숙한 물리적 요소를 인지하고 이해할 수 있도록 돕는다
예
메모장 앱의 줄노트 아이콘
음악 EQ 설정의 볼륨조절 UI
캘린더 앱의 달력모양
실제 세계의 물체나 장치를 모방하여 어떤 기능을 하는 앱인지 바로 이해할 수 있다
쇠퇴
스마트폰 사용이 늘어나면서 사람들이 디지털 도구에 익숙해졌다는 사실을 간과해서는 안된다
태어나면서부터 태블릿, 스마트폰이 대중적이었고 디지털 도구 사용을 더 빠르게 접한 세대들에게는 낯설 수 있다
플로피 디스크 - 저장 아이콘
수화기 - 통화 버튼
전화번호부 - 연락처 아이콘
이들을 태어난 이후로 접해볼 일 없는 세대들에게는 세계적으로 통용되는 아이콘일 뿐 어떤 용도라는 전달을 할 수 없다
UIUX디자인에 활용하기
스큐어모피즘은 사용자가 익숙한 물리적 요소를 디지털 환경에서도 빠르게 이해하도록 돕는다
이는 사용자가 학습해야하는 번거로움울 줄이고, 새로운 시스템이나 앱에 더 빨리 적응하도록 한다
하지만 과도한 스큐엄피즘으로 인해 인터페이스가 더 복잡해질 수 있으니 적절한 수준에서 사용해야한다
Made with SlashPage