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

by 주니
32441511954.20221228074332.jpg

시간이 날 때마다 코딩을 하고 있는 나에게, UI/UX 분야는 항상 공부의 대상이다.


사실 앱을 만들기 전에는 UI/UX의 뜻도 제대로 알지 못했다. 그저 디자인 용어구나, 사이트 화면을 꾸미는 거구나 생각했다. 하지만 프로그래밍을 공부하면 할수록 개발 자체보다 UI, UX 분야가 나에게는 훨씬 더 어렵고 중요하다는 생각이 많이 들었다. 그리고 이 분야에는 생각보다 심리학의 원리가 강하게 적용된다.


그래서 집어든 책, 'UI/UX 10가지 심리학 법칙'을 소개하고자 한다. 간단한 책이지만, 이론적으로 깔끔하게 정리되어있고 이 분야의 전공자가 아니어도 충분히 도움될 만한 책이다.


여러가지 이론과 법칙이 나오는데 나에게 도움이 되었던 몇 꼭지를 소개하면 다음과 같다.



'제이콥의 법칙' : 사람들은 새로운 대상을 이용할 때, 자신에게 익숙한 방법과 비슷하게 작동하길 원한다.



이 법칙을 이해하면서, 기획자에게 수없이 많이 들었지만 그럼에도 나의 알량한 자존심을 앞세워 뭔가 '창의적인 UI'를 만드려는 고집을 내려놓았다.


처음 기획이나 개발을 할 때, 초보자들은 종종 뭔가 기존의 것과 다른 것을 만들겠다는 강한 의지를 불태운다. 나도 기존 앱들을 보면서, "기존에 있는 앱을 완전 따라했네?", "완전히 카피했어."라는 생각을 많이 했었다.


그렇게 흔한 앱들과는 다른 나만의 독창적인 페이지 만들고 싶었다. 사람들이 원하는 앱이 아니라 내가 만들고 싶었던, 나의 창의력을 보여주고 싶었던 앱을 만드려고 했던 것이다.


하지만 사용자는 자신이 이미 익숙해져 있는 방식을 절대 쉽게 고치려하지 않는다. 그것이 메타나 구글 같은 독보적인 기업이 만든 것이라 하더라도(그들은 그러지 않겠지만), 사용자들은 자신과 익숙한 방법과 다르다고 느껴지면 쉽게 이탈해버린다.

5898896.jpg?type=w966

우리는 하루에도 수없이 많은 생각과 판단을 하고 살아간다. 업무를 보면서, 대화를 하면서 등 수많은 선택의 기로에서, 우리는 에너지를 최소화하는 방향으로 우리 뇌를 조정한다.


그래서 그만한 가치가 있는 일이 아닌 이상, 논리적인 추론보단 경험적이고 직관적인 사고 체계를 이용한다. 이미 익숙하게 앵커링(Anchoring) 되어 있는 기존 앱의 사용방법을 굳이 에너지를 써가며 바꾸지 않는다.


사용자가 작동방식을 이해하는 데 인지적인 노력을 기울여야 한다면, 그 앱은 그만한(아니 그 이상의) 가치나 차별성을 줘야한다. 그렇지 않으면 사용자는 가차없이 앱을 꺼버린다. 그저 가볍게 앱을 깔았다가 "나에게 인지적 부하를 주네!"라고 무의식적으로 불편함을 느낀다.


그래서 시중에서 많은 사람들이 쓰고 있는 토스나 카뱅, 유튜브 같은 깔끔하고 직관적인 경험을 주는 앱을 벤치마킹하는 것이 좋다. 성공한 앱은 그만한 이유가 있다. 각 분야에서 이미 성공 모델을 따라가되, 그 기반 위에 나만의 차별성을 만들어나가는 것이 필요하다는 생각이 들었다.



'심미적 사용성 효과' : 사용자는 보기 좋은 디자인을 사용성이 더 뛰어난 것으로 인식한다.



또 다른 법칙, '심미적 사용성 효과'. 우리는 보기 좋은 떡이 먹기에도 좋다(고 생각한다). 표정이 밝은 사람이 인성도 좋다(라고 생각한다).


사용자가 보기에 예쁘고 깔끔한 디자인을 가진 앱이 그렇지 않은 앱보다 성능적인 면에서도 더욱 우수하다고 자연스럽게 추측한다. 디자인이 좋으면 앱의 사소한 문제에 비교적 관대해진다.

7365690.jpg?type=w966

사용자가 처음 접한 화면에서 이런 심미적인 느낌을 가지는 시간은 20분의 1초라고 한다. 첫 눈에, 한 눈에 들어온 디자인으로 앱 전체의 기능까지 추론한다. 기능적인 오류를 최소화하는 것도 중요하지만, 첫인상의 효과를 잘 각인시키기 위해선 디자인도 신경써야한다.


이외에도 다른 법칙들이 있지만, 이번 글에서는 2가지만 소개하고자 한다.


마지막으로 아래는 유명 앱들의 스토리보드, UI 등을 모아놓은 사이트이다. 앱을 만드는 개발자, 기획자, 디자이너에게 아주 유용한 곳이다. 한번 들어가서 보는 것을 추천!



UI 디자인 참고 사이트

https://wwit.design/?utm_source=the-hit


작가의 이전글강한 멘탈의 오해, 감정에 대한 고정관념