[W4D2] 멜론으로 보는 UX/UI심리학

UX/UI의 10가지 심리학 법칙 

사용자의 마음을 읽는 인간 중심 제품과 서비스 디자인

1. 제이콥의 법칙

2. 피츠의 법칙

3. 힉의 법칙

4. 밀러의 법칙

5. 포스텔의 법칙

6. 피크엔드 법칙

7. 심미적 사용성 효과

8. 폰 레스토프 효과

9. 테슬러의 법칙

10. 도허티 임계

 

 

 

---

1. 제이콥의 법칙 

사용자는 여러 사이트에서 대부분의 시간을 보낸다. 그래서 자신이 이미 알고 있는 다른 사이트들과 같은 방식으로 작동하길 원한다. 

Melon 

타 음원 스트리밍 어플과 UI를 비교 시, 메뉴가 하단에 위치하며 유사한 아이콘을 사용하고 있다. 

 

Users Experience

처음 사용하는 유저도 쉽게 적응할 수 있다. 

---

2. 피츠의 법칙

대상에 도달하는 시간은 대상까지의 거리와 대상의 크기와 함수 관계에 있다. 

Melon 

주요 버튼이 스크린 가운데로 정렬되어 있다.

 

Users Experience

한 손으로 음원 재생, 정지, 이전, 다음 곡 선택이 용이하다. 

---

3. 힉의 법칙

의사결정에 걸리는 시간은 선택지의 개수와 복잡성과 비례해 늘어난다. 

Melon 

대표 탐색어를 클릭하면 탐색어와 관련된 주제별 콘텐츠를 추가로 제공한다. 

 

Users Experience

탐색어와 관련된 추가 정보를 쉽고, 직관적으로 탐색할 수 있다. 

---

4. 밀러의 법칙

보통 사람은 작업 기억에 7개의 항목 밖에 저장하지 못한다. 

Melon 

모바일 앱 첫 화면을 6개의 단위 영역으로 구성하여 스크린에 제공한다.

 

Users Experience

원하는 기능에 빠르게 도달하고, 선택에 집중할 수 있다. 

---

5. 포스텔의 법칙

자신이 행하는 일은 엄격하게, 남의 것을 받아들일 때는 너그럽게.

Melon 

멜론의 EQ 튜닝 전 관련 설명을 미리 제공한다. 

 

Users Experience

기능 조작 시 조작법을 쉽게 익힐 수 있다. 

---

6. 피크엔드 법칙

인간은 경험 전체의 평균이나 합계가 아니라, 절정의 순간과 마지막 순간에 느낀 감정을 바탕으로 경험을 판단하는 경향이 있다. 

 

<이용권 해지 여정 비교>

단계	넷플릭스	멜론
1	홈 화면 우측 상단 [프로필 및 기타 설정]	홈 화면 우측 상단 [설정]
2	[계정]	해지 메뉴를 찾을 수 없어 [고객센터] 참고
3	[멤버십 해지]	[자주하는 질문]
4	[해지 완료]	관련 질의응답을 찾아 ‘PC웹으로 접속하라’는 안내를 받음
5		PC웹 로그인
6		[내정보]
7		[멜론이용권/결제정보]
8		해지 신청 [신청하기]
9		[혜택 포기할래요]
10		[해지신청]

 

음원 앱 1위 ‘멜론’의 미로 같은 구독 해지에 소비자 분통

Melon 

멜론의 이용권 해지 여정은 모바일로 제공되지 않고, 웹 사이트를 통해서만 가능하다. 또한, 과정이 매우 복잡하다. 따라서, 피크엔드 법칙의 부정적 사례로 볼 수 있다. 

 

Users Experience

이용권 해지까지의 여정이 복잡하고, 안내가 불친절하여 불만이 발생한다. 

 

---

7. 심미적 사용성과 효과

사용자는 보기 좋은 디자인을 사용성이 더 뛰어난 디자인으로 인식한다. 

Melon 

차트, 플레이 리스트등의 Play-List Cover를 적용한다. 

 

Users Experience

장르별 커버를 통해 심미적 아름다움과 나만의 음악적 취향을 즐길 수 있다. 

 

---

8. 폰 레스토프 효과

비슷한 사물이 여러 개 있으면 그중에서 가장 차이나는 한 가지만 기억할 가능성이 크다. 

Melon 

탐색 페이지에 자주 듣는 아티스트 키워드를 초록색으로 강조하여 표현한다.

 

Users Experience

원하는 키워드를 곧바로 선택할 수 있다. 

---

9. 테슬러의 법칙

모든 시스템에는 더 줄일 수 없는 일정 수준의 복잡성이 존재한다. 

Melon 

탐색창에 자동완성 기능을 제공한다.

 

Users Experience

키워드의 일부만 작성해도 원하는 결과를 쉽게 검색할 수 있다.

---

10. 도허티 임계

컴퓨터와 사용자가 서로를 기다리지 않아도 되는 속도(0.4초 이하)로 인터랙션 하면 생산성은 급격히 높아진다. 

 

Melon 

홈 화면에서 콘텐츠를 새로고침할 때, 로딩 인게이터를 제공하여 대기시간에 관대하게 만든다.

 

Users Experience

새로고침이 정상적으로 이루어지고 있다는 것을 인식하고, 새롭게 제공될 콘텐츠를 기다린다.

 

 

 

 

<이미지 출처 및 참고자료>

 

https://brunch.co.kr/@rlatjrwn9086/45

핀터레스트의 UX 심리학

https://brunch.co.kr/@design-melon/64

멜론 Play-List Cover 제작기. #1

http://www.yes24.com/Product/Goods/92426632

UX/UI의 10가지 심리학 법칙 - YES24