NEW 기획 디자인 개발 프로덕트 아웃소싱 프리랜싱

디자인

디자이너가 알아야 할 10가지 심리학 법칙 (下)

좋은 디자인은 사용자에게 여유를 줍니다.

인스타그램을 보고 힘들게 찾아간 식당을 나오면서 “여기 다시는 안 올 거야”라고 생각한 적이 있으신가요? 흔히 인스타그래머블(Instagrammable)한 공간은 사진이라는 수단과 SNS 마케팅을 결합해 스마트폰 화면으로 볼 때 가고 싶은 고객의 욕구를 극대화하는 경우가 있기 때문에 경험하기 전에 기대치를 높이거든요. 기대가 크면 실망하는 법이잖아요. 높은 기대치를 갖고 찾아간 장소는 주차도 불편하고, 오래 기다려야 하고, 직원들은 정신이 없고, 가격은 비싼데 양은 적고, 맛은 인스타그램 이미지를 보면서 기대했던 것보다 별로라면 “다시는 안 올 거야”라는 생각이 자연스럽게 듭니다. 사용성을 고려한 디자인에서 중요한 건 ‘투입한 수고에 비교해서 얻은 가치’입니다. 고생스러울수록 대단한 게 나올 거라고 생각하는 거죠. 가게 앞에서 오픈 전부터 기다렸다 1시간 만에 입장해서 90분 만에 먹은 음식을 생각해보세요. 기다리지 않고 먹을 수 있는 음식점과 동일한 맛, 분위기를 기대하는 경우는 없습니다.

 

“평범한 혹은 평균 이하의 능력과 경험을 가진 사람이 어떤 사물을 사용해서 무엇인가 하려고 할 때 사용법을 스스로 알아낼 수 있습니다. 단 투입한 수고에 비해 얻은 가치가 더 커야 합니다.” – 스티브 크룩, 사용성 컨설턴트

 

이번 하편에서는 상편에 이어 존 야블론스키가 『UX/UI의 10가지 심리학 법칙』에서 소개한 10가지 법칙 중 5가지를 소개합니다. 최근 사례와 제 실무 경험을 바탕으로 한 해석을 더하겠습니다.

 

[하편에서 소개하는 5가지 법칙]

  • 피크엔드 법칙
    인간은 경험 전체의 평균이나 합계가 아니라, 절정의 순간과 마지막 순간에 느낀 감정을 바탕으로 경험을 판단하는 경향이 있습니다.
     
  • 심미적 사용성 효과
    사용자는 보기 좋은 디자인을 사용성이 더 뛰어나다고 인식하는 경향이 있습니다.
     
  • 폰레스토프 효과
    비슷한 사물이 여러 개 있으면 그중에서 가장 눈에 띄는 차이가 나는 한 가지만 기억할 가능성이 큽니다.
     
  • 테슬러의 법칙
    모든 시스템에는 더 줄일 수 없는 일정 수준의 복잡성이 존재합니다. 복잡성 보존의 법칙이라고도 합니다.
     
  • 도허티 임계
    컴퓨터와 사용자가 서로를 기다리지 않아도 되는 속도(0.4초 이하)로 인터랙션 하면 생산성이 급격히 높아집니다.

 

 

6. 피크엔드 법칙

인스타그램에서 보고 찾아간 식당에서 나름 괜찮은 저녁식사를 하고 있었습니다. 마지막으로 나온 디저트를 먹으려는 순간 옆 테이블에서 귀에 거슬릴 만큼 시끄러운 소리로 이야기를 하며 테이블을 툭툭 치는 상황입니다. 친구의 이야기 소리가 안 들릴만큼 시끄럽게 이야기하는 상황인데도 직원이 제지하지 않는다면 식당에 대해 어떤 기억을 안고 자리에서 일어날까요?

경험 속성 중 가장 신경을 써야 하는 건 가장 강렬한 순간 그리고 마지막 순간입니다. 경험 전반을 동일한 수준으로 중요하게 생각하기보다 감정적으로 절정에 이은 순간, 그리고 마지막 순간을 오래 기억하죠. 동시에 인간은 긍정적인 순간보다 부정적인 순간을 더 생경하게 기억합니다. “~하세요” 보다 “~하지 마세요”를 더 오래 기억하는 것을 생각해보세요. 피크엔드 법칙은 1993년 대니얼 카너만(Daniel Kahneman) 연구진이 발표한 「더 큰 고통을 적은 고통보다 선호하게 하려면 경험의 마지막 순간이 좋아야 한다(When More Pain Is Preferred to Less: Adding a Better End)」논문에서 처음으로 과학적 증거가 제시되었습니다. 

 

후속 연구에서는 대장 내시경 시술을 받는 환자를 두 그룹으로 나누어 A 그룹에서는 평범하게 대장 내시경을, B 그룹은 똑같은 시술을 하되 마지막에 내시경의 끝부분을 빼지 않은 채 그대로 3분을 더 있었습니다. 시술 후 소감을 묻자 더 긴 시술을 받은 B그룹 환자들이 마지막 순간을 덜 고통스럽게 느꼈고, A 그룹 환자들보다 전체 경험의 불쾌감을 더 낮게 평가했습니다. 다음번 시술에도 오겠다고 답한 비율이 더 높았다는 점에 주목할 필요가 있습니다. 마지막 순강에 고통이 줄어들자 전체 경험에 대한 기억이 더 긍정적으로 변한 거죠. 피크엔드 법칙은 심리학에서 이야기하는 인지 편향[1](cognitive bias)으로 인한 현상입니다.

[뉴스레터를 발송할 수 있는 서비스 ‘스티비’에서 이메일을 발송하기 직전의 모습 ©stibee]

 

[뉴스레터를 발송할 수 있는 ‘메일침프’에서 이메일을 발송하기 직전과 발송 완료 후 대화상자 모습 ©MailChimp]

 

서비스 이름에서 알 수 있듯 침팬지 로고를 사용하는 메일침프는 이메일을 보내기 직전, 발송하기 버튼을 누르는 상황을 침팬지가 발사 버튼을 누르는 애니메이션을 통해 위트 있게 표현하고 있습니다. 뉴스레터를 작성하는 일은 반복적이면서 부담스러운 경험입니다. 수많은 고객들에게 발송 버튼을 누르고 난 이후 메일함에 도착한 콘텐츠를 수정하는 게 불가능하기 때문에 긴장감이 높은 작업이죠. 메일침프는 마지막 순간을 재치 있게 표현함으로써 경쾌한 기분을 느끼도록 사용자 경험을 유도하고 있습니다. 메일을 발송하고 난 이후에는 하이파이브를 하는 일러스트를 통해 “잘 해냈어”라는 성취감을 주고 이런 경험이 플랫폼에 대해 긍정적인 기억을 하도록 만들죠.

 

 

7. 심미적 사용성 효과 (aesthetic-usuablity effect)

관미지이 담지역미(觀美之餌啗之亦美), 보기 좋은 떡이 먹기도 좋다는 말처럼 사용자는 보기 좋은 디자인을 사용성이 더 뛰어난 디자인으로 인식하는 경향이 있습니다. 심미성이 뛰어난 디자인을 보면 사용자는 사소한 사용성 문제에 대해 상대적으로 너그러운 태도를 보이기 때문인데요. 경치가 좋은 곳을 찾았을 때 다른 불편한 점이 덜 거슬리는 것을 떠올려보면 됩니다. 실무에서는 시각적으로 만족스러운 디자인을 제공할 때 사용성 문제가 나타날 가능성이 줄어든다는 점을 기억하면 되는데요. 최근에는 UX 디자인이 더 나은 사용성을 추구하는 흐름 때문에 심미성은 우선순위가 뒤로 밀리는 분위기도 다소 있지만, 실제로는 사용성 때문에라도 미적으로 더 우수한 디자인을 추구하는 것이 디자이너의 책임이라고 할 수 있습니다. ‘아름다운 것이 사용하기에 더 좋다’라는 심미적 사용성 효과는 보기 좋은 디자인이 뇌에 긍정적 반응을 일으키고 인지 능력을 높여 사용성이 더 뛰어나다는 생각이 들게 한다는 심리학 연구결과에 기반합니다. 디자이너가 한 가지 더 주의해야 할 점은 보기 좋은 디자인으로 사용성 이슈가 가려지지 않도록 하는 것입니다.

 

[디터람스와 한스 구겔로트가 브라운 제품 디자인에 미니멀리즘과 섬세한 심미성을 적용한 이후 애플은 아이팟, 아이폰, 아이맥 등 제품에 사용 편의성을 높이기 위한 미니멀리즘 미학을 반영했습니다. ©apple]

 

 

8. 폰 레스토프 효과 (von Restorff effect)

폰 레스토프는 독일의 심리학자이자 소아과 의사였는데 1933년 연구를 통해 사람들이 여러 목록 중 뚜렷하게 구분되는 항목을 가장 잘 기억한다는 사실을 발견했습니다. 인간은 진화하면서 정교한 시각 체계와 인지 처리 체계를 갖췄습니다. 순식간에 사물을 보고 구별해낼 수 있고, 패턴으로 처리하는 능력, 사물 간의 작은 차이도 발견하는 능력을 타고났죠. 이런 점 때문에 비슷한 사물이 여러 개 있으면 그중에서 가장 차이가 나는 한 가지만 기억할 가능성이 큽니다. 그게 들이는 주의력 대비해서 효율적이기 때문이죠. 따라서 디자인으로 특정 요소를 강조할 때에는 제한을 둘 필요가 있습니다. 여러 요소를 모두 크게 만들고 눈에 띄게 한다고 모든 요소를 다 주목하는 게 아니기 때문인데요. 

 

각 디자인 요소 사이에 경쟁을 피하고 중요한 항목이 다른 요소와 유사하다고 인식되거나 배너, 스팸 광고로 오인되지 않도록 조심해야 합니다. 광고라고 생각되면 무시하는 것은 심리학적으로 선택적 주의력(selective attention)과 관련이 있습니다. 주변에 어떤 사물이 있더라도 지금 하고 있거나 중요하다고 생각하는 일이 아니면 이를 무시하고 관련 있는 것에 집중하는 거죠. 인터넷을 사용하다가 여러 배너가 있을 때 광고라고 인식하면 무시하는 경향인 배너 무시(banner blindness)는 선택적 주의력과 관련한 현대인의 사례라고 볼 수 있습니다.

[스포티파이 프리미엄 요금제 페이지에서는 폰 레소토프 효과를 활용해 ‘시작하기’ 버튼만 강조하고 ‘요금제 보기’는 마우스 호버를 한 경우에 버튼이 나타나도록 만들었습니다 ©Spotify]

 

 

9. 테슬러의 법칙 (Tesler’s law)

테슬러의 법칙은 복잡성 보존의 법칙이라고도 부르는데요. 1980년대 중반 제록스 파크에서 컴퓨터과학자, 레리 테슬러가 인터랙션 디자인 언어를 개발할 때 발견한 법칙입니다. 당시 테슬러는 사용자가 애플리케이션과 어떻게 인터렉션 하는지가 애플리케이션만큼 중요하다는 사실을 알아차렸는데요. 애플리케이션과 인터페이스 양쪽에서 모두 복잡성을 줄이려고 노력했습니다. 그런데 아무리 줄이려고 해도 줄여지지 않는 단계에 이르렀죠. 이렇게 남은 복잡성은 줄이는 대상이 아니라 처리해야 하는 대상이 됩니다. 즉, 테슬러의 법칙은 ‘모든 시스템에는 더 줄일 수 없는 일정 수준의 복잡성이 존재한다’는 의미입니다. 상편에서 언급한 5. 포스텔의 법칙을 기억하고 계신가요? 더 이상 없앨 수 없는 복잡성을 사용자가 감당할지, 시스템이 감당할 지에 대한 고민에 대한 단서를 제공해주는 원칙입니다. 내재된 복잡성을 디자인이나 개발 과정에서 처리하면서 사용자 부담을 최소화하는 것이 테슬러 법칙을 디자인에 적용할 때 적합한 해석입니다.

 

이메일 보내는 케이스가 대표적입니다. 지메일에서 메일을 보낸다고 생각하면 ‘수신자’는 사용자가 반드시 입력해야 합니다. ‘수신자’는 로그인한 사용자 이메일 주소를 자동으로 입력해서 생략할 수 있지만 ‘발신자’나 ‘제목’, ‘본문’은 사용자 입력 없이 임의로 완성할 수 없죠. 지메일은 스마트 답장 기능으로 이메일을 스캔해서 맥락에 맞는 간단한 답변 몇 가지를 제안하거나 메일 발송 후 사용자에게 30초 이내에 메일 발신을 취소할 수 있는 기능, 첨부파일을 빠뜨렸다고 판단하는 경우 보내기 전에 ‘파일 첨부를 하시겠어요?’라고 묻는 기능 등을 업데이트하고 있습니다.

[지메일에서 수신자는 연락처 연동을 통해 가져올 수 있지만 사용자가 반드시 입력해야만 하는 필수 정보입니다. ©Gmail]

 

[2020년 분사 첫 해 영업이익을 낸 쿠팡의 결제 서비스, 쿠페이는 비밀번호 입력을 생략하면서 놀라운 고객 경험을 제공했습니다. 앱카드 앱을 별도로 실행하지 않아도 되고, 비밀번호를 입력하지 않아도 된다는 건 사용자 대신 플랫폼이 FDS(부정거래탐지시스템)를 통해 리스크를 확인하고 책임지다는 의미입니다. ©REDBUSBAGMAN]

 

 

10. 도허티 임계

도허티 임계는 상편 마지막에 언급했던 ‘반응속도’에 대한 단서를 제공하는 기준이 되는 법칙입니다. 컴퓨터와 사용자가 서로를 기다리지 않아도 되는 속도는 0.4초인데요. 이 시간 안으로 인터랙션을 완료할 수 있다면 생산성이 급격히 높아진다는 것을 의미합니다. 따라서 사용자가 시스템을 사용하면서 주의가 분산되지 않도록 피드백을 0.4초 이내에 제공하는 것이 보편타당한 기준으로 볼 수 있죠. 만약 시스템 복잡성으로 인해 0.4초 이내에 제공할 수 없다면 어떻게 해야 할까요? 실제 대기 시간은 0.6초라도 0.4초처럼 느껴질 수 있도록 체감 성능을 높여야 합니다. 정확하지 않더라도 얼마나 진행되고 있는지 로딩, 프로세싱 상황을 애니메이션으로 보여주는 것이 흔히 사용하는 방법입니다.

 

전체를 동시에 보여주는 대신 페이지의 프레임을 먼저 보여주고 이미지, 영상 등 불러오는데 시간이 오래 걸리는 요소를 마지막에 보여주는 것도 효과적인 방법입니다. 미디엄에서는 로딩 시간을 최적화하기 위해 블러 업(blur up) 기법을 활용하기도 하는데요. 큰 이미지를 표시해야 하는 공간에 작은 이미지를 가져와서 로딩한 후 크게 확대하는 방식입니다. 저해상도 이미지를 키우면 픽셀 단위로 깨지고 노이즈가 생기니 가우시안 블러를 활용해 심미성을 유지하는 방식이죠.

[넷플릭스와 유튜브, 페이스북 등은 코로나바이러스감염증으로 시스템 부하가 커지자 영상 기본 화질을 고화질(HD)에서 표준화질(SD)로 낮춰서 서비스하겠다고 발표했습니다. 콘텐츠가 나오는데 오랜 시간이 걸리는 것보다 화질을 낮춰서라도 임계치에 근사하게 서비스를 제공하는 것이 효과적입니다. ©TechCrunch]

[1]인지 편향은 판단에 관여하는 사고나 이성에 발생하는 계통 오차(systematic error)를 가리킵니다. 상황을 철저하게 분석하기보다는 효율적으로 신속한 결정을 내리게 해주는 일종의 정신적 지름길입니다. 어떤 의사결정을 할 때 검토하기 위해 모든 정신을 쏟기보다 평소에는 무의식적인 자동 반응에 의존해서 빠르게 처리하고, 꼭 필요할 때에만 시간을 들여 정신적 노동을 하는 거죠. 인지 편향의 한 종류가 기억 편향(memory bias)인데 자신의 감정을 상하게 한 사건을 그렇지 않은 사건보다 더 잘 기억하는 것을 말합니다.

댓글 0

WHTM

WOODHANDLETUMBLRMAN

온라인 설문조사를 완성하는 10가지 방법

기획

5가지 불확실성을 줄이는 디자인

디자인

UX 리서처가 질문을 참아야만 하는 이유

기획

디자이너의 휴리스틱 평가방법 10가지: 하편

디자인

디자이너의 휴리스틱 평가방법 10가지: 상편

디자인

UX 리서치, 큰 숫자의 함정에 빠지지 않기

디자인

UX 리서처에게 필요한 역량, 반복하는 실수 (下)

기획

UX 리서처에게 필요한 역량, 반복하는 실수 (上)

기획

확인해야 하는 디자인

디자인

더 읽고 싶은 디자인

기획

신뢰를 주는 디자인

디자인

디자인을 바꾸는 계기, UX 리서치

디자인

호감을 키우는 디자인 (下)

디자인

호감을 키우는 디자인 (上)

디자인

관례를 활용한 디자인

디자인

Z세대 일잘러가 알아야 할 7가지 일 법칙

기획

디자이너가 알아야 할 5가지 패턴

디자인

디자이너가 알아야 할 10가지 심리학 법칙 (上)

디자인

디자인에 유용한 말하기

디자인

디자인에 유용한 데이터 (下)

디자인

디자인에 유용한 데이터 (上)

디자인

소비재와 ICT 플랫폼의 한 끗 다른 컬래버레이션

기획

디자이너의 단어 선택: 카카오의 운영정책 변경을 중심으로

디자인

디자이너의 북마크

디자인

디자이너의 공유하기

디자인

소수를 고려해야만 하는 디자인, 3편

디자인

소수를 고려해야만 하는 디자인, 2편

디자인

소수를 고려해야만 하는 디자인, 1편

디자인

세대 특성과 디자인 2부: 세대 특성을 고려한 디자인

디자인

세대 특성과 디자인 1부: 세대 특성

디자인

공간의 의미, 사용자 경험 (下)

디자인

공간의 의미, 사용자 경험 (上)

디자인

텍스트로 세분화하는 사용자 경험: 하편

디자인

텍스트로 세분화하는 사용자 경험: 상편

디자인

문제를 해결하는 디자인: 라스트마일 모빌리티 서비스를 살펴봅시다. 2편

디자인

문제를 해결하는 디자인: 라스트마일 모빌리티 서비스를 살펴봅시다. 1편

디자인

디자이너의 글쓰기

프리랜싱

디자이너의 글쓰기 2편

프리랜싱

문제를 해결하는 디자인, 경험을 만드는 디자인

디자인

디자이너 기록의 힘 : 하편

디자인

디자이너 기록의 힘 : 상편

디자인

같은 분야를 다룬 글들을 권해드려요.

요즘 인기있는 이야기들을 권해드려요.

일주일에 한 번!
전문가들의 IT 이야기를 전달해드려요.

[구독하기] 버튼을 누르면 개인정보 처리방침에 동의됩니다.

일주일에 한 번! 전문가들의 요즘IT 이야기를 전달해드려요.

[구독하기] 버튼을 누르면 개인정보 처리방침에 동의됩니다.