📍목차
1. 디자인 심리학 5법칙
2. 게슈탈트 이론 (Gestalt Theory)
3. 실습
디자인을 더 좋게 만드는 심리학 5법칙
제이콥의 법칙, 힉의 법칙, 밀러의 법칙, 피크/엔드 법칙, 폰 레스토프 효과
1. 제이콥의 법칙 Jakob's Law
익숙함 속 차별화
: 뛰어난 디자인은 종종 새로움보다 익숙함에서 나온다
| 효과 |
| 인지부하 ↓ 안정감 ↑ 정신적 에너지 최소화 사용 편의성 증대 사용자 만족도 향상 |
차별점이 있는 것은 좋지만 기본적인 틀을 유지해야 사용자들이 안정감을 느낀다.
▶ 숫자가 순서대로 되어있던 익숙한 엘리베이터 버튼과 달리 대각선으로 되어있어 올라가려는 숫자를 찾는데 시간이 걸린다.
2. 힉의 법칙 Hick's Law
단순함의 중요성
: 필요한 순간에, 필요한 옵션만 제공하는 것이 핵심
| 선택지 수 | 흐름 |
| 많음 | 반응 시간 ↑ 반응 속도 ↓ 사용자가 고민하게 되며 불편을 느낄 수 있다. |
| 적음 | 반응 시간 ↓ 반응 속도 ↑ 사용자가 빠른 선택을 하거나 선택에 도움을 주는 기능에 의해 통제감, 안정감, 만족감을 느낄 수 있다. |
필요한 기능만 드러나도록 하는 것이 중요하다
▶ 솔직히 리모컨에 존재하는 많은 버튼들을 다 사용하는 사람은 거의 없다. 사용자들이 사용하고 필요로 하는 기능은 몇개 안된다.
최근 리모컨들은 버튼의 수를 줄이는 추세
▶ 거리 선택을 4가지로 단순화 시켰다.
▶ 위치기반 / 직접 지도에서 선택 하여 위치 설정을 하기 때문에 목록에서 동네를 찾느라 시간을 쓰지 않아도 된다.
3. 밀러의 법칙 Miller's Law
정보의 그룹화, 계층화
: 감각기억에서 주의를 통해 작업 기억으로 이동, 그렇지 않은 정보는 망각
| 한 그룹당 정보의 수 |
| 5~9개 (한번에 기억할 수 있는 정보량) |
시각적 계층으로 뭉쳐있거나 관련있는 것들 끼리 나눠주는 것이 중요하다. 따로 떨어져 있는 정보는 망각되기 쉽다.
▶ 여러가지 콘텐츠들을 원하는 영상을 찾기 쉽게 유형별(드라마/ 예능/ 영화/ 스포츠/ 애니) 로 그룹화 해두었다.
▶ 드라마 그룹 속에서도 드라마 종류별(미국/ 영국/중국/일본/로멘스/코미디/판타지)로 그룹화하여 세부사항 결정에 도움을 준다.
4. 피크-엔드 법칙 Peak-End Rule
강렬한 순간의 중요성
: 가장 강렬하거나 마지막 순간에 대한 기억이 중심이 된다.
| 강렬한 순간을 위해 스스로 해야할 질문 |
| 내 디자인의 하이라이트는 어디? 마지막 단계에서는 어떤 느낌을 주는 것이 목표인가? 디자인의 포인트에 강렬한 순간을 만들기 위해서는? |
전반적인 경험이 좋지 않아도 강렬하게 좋은 기억이 있다면 결국 좋은 경험으로 남게된다.
▶ 배달되기까지의 대기 시간= 좋지 않은 경험
→ 실시간으로 움직이는 라이더 아이콘을 보며 빨리 오게 응원하게 되는 강렬한 효과가 생겨서 상대적으로 기다리는 시간이 짧게 느껴진다.
5. 폰 레스토프 효과
중요한 정보를 돋보이게
: 비슷한 것들 중에서 튀는 것만 기억에 남는다.
같은 것을 설명하더라도 더 유도하고 싶은 방향으로 가도록 색상/크기 등으로 강조한다.
▶ 제작자 입장에서 가장 밀고 있는 요금제로 유도하기 위해 색상으로 강조하여 주의를 끌게 만든다.
▶ 의식하지 않고도 확인을 눌러 다음으로 넘어갈 수 있도록 색상을 사용하여 강조해준다.
▶ 다양한 어플들 사이에서 몇개의 읽지 않은 알림이 있는지 도드라지게 보여준다.
💡 이런 심리학 법칙을 사용하는 이유를 생각해보자면 "뇌가 피곤해지면 사용자들은 떠난다." 즉, 인지부하를 줄이는 것이 중요하다!!!
색상에 따라서도 의도를 가지고 유도할 수 있다.
게슈탈트 이론
Gestalt Theory
1
'전체는 개별요소의 합보다 크다'
사물을 개별이 아니라 전체적인 패턴, 구조로 인식
(근접성의 원리)
2
'유사한 것들 안에서 패턴을 찾는다'
유사해보이는 것들을 찾고 그룹화하려는 경향
(유사성의 원리)
3
'같은 방향으로 움직이는 요소들은 같은 그룹으로 인식된다'
점들의 배열이 행보다 열의 간격이 더 넓으면 세로줄로 인식
(대응의 원리)
4
연속적으로 이어져 직선 또는 곡선을 이루는 시각적 요소를 인지하는 경향
(연속성)
5
시각 요소에서 일부가 누락되어도 연결된 하나의 형태로 지각하는 경향
(폐쇄성)
실습 1. 나만의 브랜딩 카드뉴스, 웹페이지 제작
[ 피드백 ]
서체, 컬러, 톤앤매너가 조화롭게 잘 어울리네요.
다만 서체가 장식적 요소로 쓰이다 보니 처음 보는 사람이 내용을 바로 이해하기 어려울 수 있어요.
웹사이트처럼 하단에 디스크립션이나 슬로건을 추가해 메시지를 더 명확히 전달해주시면 좋을 거 같아요!
[ 피드백 ]
웹 메인페이지도 잘 만들어주셨어요.
추가로 당신의 길을 밝히다 라는 내용과 왼쪽의 페이지네이션(점)도 빛의 효과로 연결지어 표현해주신 점이 좋았어요.
다만 CTA 버튼과 하단 삼각형 버튼이 동시에 노출되어 다소 혼동될 수 있는데,
스크롤 버튼은 굳이 넣지 않아도 사용자가 자연스럽게 탐색할 수 있을 거예요.
실습 2. 심리학 법칙 분석 사례 조사
힉의 법칙 ▷ Apple의 제품 구매 페이지 (상품 비교)
(길어서 따로 파일 정리 해둠)
[ 피드백 ]
힉의 법칙을 애플 제품 구매 페이지 사례와 연결해 구체적으로 잘 설명해주셨어요.
특히 큰 카테고리 → 세부 옵션 → 제품 비교로 이어지는 단계별 단순화 과정이 명확하게 정리하셨고 이미지 캡쳐본과 함께 작성해주셔서 더 이해하기 쉬웠어요.
추가로, 요즘 ‘프로덕트 디자이너’는 단순히 화면을 예쁘게 설계하는 것을 넘어 비즈니스 관점에서 사용자의 체류시간과 구매 전환율을 높이는 전략까지 고민해야 한다는 점도 함께 기억해두시면 좋겠습니다.
(예: 쿠팡의 ‘밀어서 결제’로 구매율 상승, 배달의민족의 ‘함께 주문’ 기능으로 단체 주문 효율성 강화)
🍯 꿀팁 IT업계 면접에서는 AI를 활용해본 경험이나 관심 여부를 자주 묻습니다. 또, 본인이 생각하는 좋은 UX 사례도 단골 질문이에요.
따라서 내가 어떤 툴을 배우고 어떻게 활용했는지, 그리고 좋은 UX 사례는 무엇이라고 생각하는지 미리 2~3줄 정도 정리해 두시면 큰 도움이 될 거예요!
'PRODUCT DESIGNER > Daily 🫧' 카테고리의 다른 글
| [Day 12] 와이어프레임 및 워크플로우 설계 (0) | 2025.09.30 |
|---|---|
| [Day 11] UXUI 개념 입문 (1) | 2025.09.30 |
| [Day 9] AI 시대의 디자인 (3) (0) | 2025.09.28 |
| [Day 8] AI 시대의 디자인 (2) (2) | 2025.09.28 |
| [Day 7] AI 시대의 디자인 (1) (0) | 2025.09.28 |