첫인상은 0.1초에 끝난다 — 웹사이트도 같다

사람과 조직

첫인상은 0.1초에 끝난다 — 웹사이트도 같다

시간을 더 줘도 판단은 바뀌지 않았습니다. 확신만 강해졌습니다

읽는 데 약 6분 아이모토
첫인상은 0.1초에 끝난다 — 웹사이트도 같다

처음 보는 얼굴 사진을 눈앞에 스칩니다. 0.1초. 그 짧은 사이에 우리는 이미 판단을 끝냅니다. 믿을 만한지, 유능해 보이는지.

0.1초를 잰 실험

프린스턴대의 재닌 윌리스와 알렉산더 토도로프가 2006년에 한 연구입니다. 참가자에게 처음 보는 얼굴 사진을 아주 짧게 보여주고 인상을 물었죠. 노출 시간은 0.1초, 0.5초, 1초로 나눴습니다.

  • 0.1초얼굴을 본 뒤 신뢰 판단이 만들어지는 시간

0.1초만 봐도 신뢰감·유능함·호감 같은 판단이 이미 만들어졌습니다. 더 놀라운 건 그다음이었어요. 시간을 더 줘도 판단 자체는 거의 바뀌지 않았습니다. 대신 '내 판단이 맞다'는 확신만 강해졌죠.

0.1초·0.5초·1초 세 시점의 판단 변화 비교
시간을 늘려도 판단 내용은 그대로였고 확신만 강해졌다
  1. 0.1초신뢰·유능함 판단이 이미 형성
  2. 0.5초판단은 거의 그대로
  3. 그 이후판단은 그대로, 확신만 강해짐

즉 시간은 판단을 정교하게 만드는 데 쓰이지 않고, 이미 내린 판단을 굳히는 데 쓰였습니다.

왜 이렇게 빨리 판단할까

사람이 게을러서가 아닙니다. 판단을 빠르게 내리는 쪽이 오랫동안 생존에 유리했거든요. 낯선 상대가 위협인지 아닌지 느리게 따지는 것보다, 일단 빠르게 판단하고 나중에 고치는 편이 나았습니다.

문제는 그 수정이 잘 안 일어난다는 점입니다. 첫 판단이 이후에 들어오는 정보를 해석하는 틀이 되니까요. 신뢰가 간다고 느낀 상대의 애매한 행동은 좋게 해석되고, 반대면 나쁘게 해석됩니다. 같은 행동인데 해석이 갈립니다.

웹사이트도 똑같이 처리돼요. 방문자는 글을 읽기 전에 화면 전체의 인상을 먼저 받습니다. 그 뒤에 읽는 내용은 그 인상을 확인하는 재료로 쓰이고요.

보통 이렇게 생각하죠내용이 좋으면 결국 알아보겠지
실제로는첫 화면에서 정해진 인상은 내용으로 뒤집기 어렵다

그래서 첫 화면이 하는 일

첫 화면에서 가장 중요한 건 정보의 양이 아니라 정돈된 인상입니다. 글자 크기가 제각각이거나, 여백이 불규칙하거나, 이미지 해상도가 낮으면 내용을 읽기도 전에 판단이 끝나버립니다.

정돈됐다는 게 화려하다는 뜻은 아닙니다. 같은 규칙이 지켜지고 있다는 뜻이죠. 제목 크기가 두세 가지로 정리돼 있고, 여백이 일정하고, 이미지 비율이 어긋나지 않으면 그것만으로 인상이 안정됩니다. 0.1초에 읽히는 건 문장이 아니라 이런 규칙성이에요.

첫 화면에서 0.1초에 읽히는 것은 문장이 아니라 규칙성
제목 크기와 여백이 일정한 것만으로 인상이 안정된다

그다음이 명료함입니다. 3초 안에 무슨 회사인지 읽히지 않으면 방문자는 뒤로 갑니다. 업종과 하는 일을 한 문장으로 쓰는 것. 화려한 문구보다 이게 먼저입니다. '고객과 함께 미래를 만듭니다' 같은 문장은 어느 회사에나 붙일 수 있어서 아무것도 알려주지 않아요.

모바일 확인은 특히 중요합니다. 첫 방문은 대부분 휴대폰에서 일어나는데, 데스크톱에서 멀쩡하던 화면이 휴대폰에서는 글자가 작아 안 읽히는 경우가 흔하죠. 그 상태에서 받은 첫인상은 나중에 뒤집기 어렵습니다.

이미 인상이 굳은 사이트는 어떻게 하나

여기서 실무적인 질문이 하나 나옵니다. 이미 다녀간 사람에게 굳어진 인상이 부분 수정으로 안 바뀐다면, 손대는 의미가 없는 것 아니냐는 겁니다.

둘로 나눠 보면 정리됩니다. 이미 다녀간 사람에게는 부분 수정이 잘 안 먹혀요. 색을 바꾸고 문구를 다듬는 정도로는 예전 인상이 그대로 유지됩니다. 반면 아직 오지 않은 사람에게는 오늘 고친 화면이 곧 첫 화면이죠. 이쪽에는 작은 수정도 그대로 작동합니다.

그래서 판단 기준이 명확해집니다. 신규 유입이 계속 들어오는 사이트라면 부분 개선이 충분히 값어치를 합니다. 반대로 기존 거래처가 주로 들어오는 사이트인데 인상이 이미 나쁘다면, 조금씩 고치는 것보다 확실히 달라졌다는 게 보이도록 한 번에 바꾸는 편이 낫습니다. 어중간한 변화는 새 판단을 만들지 못하고 예전 판단에 흡수됩니다.

여기서 조심할 것

첫인상이 중요하다는 말이 겉모습만 챙기면 된다는 뜻은 아닙니다. 인상이 좋아 들어온 방문자도 내용이 비면 곧 나가요. 첫인상은 읽어볼 기회를 만들어줄 뿐입니다.

또 하나. 유행하는 디자인을 그대로 따라 하는 게 늘 유리하지도 않습니다. 업종에 맞지 않는 화려함은 오히려 신뢰를 떨어뜨리죠. 세무·법률처럼 안정감이 중요한 영역에서는 절제된 화면이 더 잘 작동합니다.

실험이 얼굴 사진을 대상으로 했다는 점도 기억할 만합니다. 웹사이트에 옮길 때 방향은 같아도 수치까지 그대로 가져오기는 어려워요. 0.1초라는 숫자보다 판단이 근거보다 먼저 도착한다는 구조가 핵심입니다.

첫 화면에서 확인할 세 가지

  1. 3초 안에 뭐 하는 회사인지 읽히나요
  2. 휴대폰에서 글자가 너무 작진 않나요
  3. 제일 먼저 보이는 게 제일 중요한 건가요

세 번째가 자주 어긋납니다. 화면 맨 위를 큰 이미지 슬라이드가 차지하고, 정작 무슨 회사인지는 스크롤을 내려야 나오는 구조가 많습니다. 가장 먼저 보이는 자리에 가장 중요한 것이 있는지만 확인해도 대부분 정리됩니다.

첫 화면은 방문자가 가장 오래 보는 화면이 아니라 가장 먼저 판단하는 화면입니다. 그 차이를 알고 만들면 손볼 곳이 분명해집니다.

출처 재닌 윌리스·알렉산더 토도로프, First Impressions: Making Up Your Mind After a 100-Ms Exposure to a Face(2006, Psychological Science). 얼굴을 0.1초만 봐도 신뢰성·유능함 판단이 형성되며, 더 오래 봐도 판단 자체는 잘 바뀌지 않고 확신만 강해진다

카드뉴스로 보기

5장
1 / 5
첫인상은 0.1초에 끝난다 — 웹사이트도 같다 카드뉴스 1번째 장
첫인상은 0.1초에 끝난다 — 웹사이트도 같다 카드뉴스 2번째 장
첫인상은 0.1초에 끝난다 — 웹사이트도 같다 카드뉴스 3번째 장
첫인상은 0.1초에 끝난다 — 웹사이트도 같다 카드뉴스 4번째 장
첫인상은 0.1초에 끝난다 — 웹사이트도 같다 카드뉴스 5번째 장
밀어서 넘기기 · 이미지를 누르면 원본 크기

자주 묻는 질문

첫인상은 실제로 얼마나 빨리 만들어지나요?
프린스턴대의 재닌 윌리스와 알렉산더 토도로프가 2006년에 진행한 실험에서, 처음 보는 얼굴을 0.1초만 노출해도 신뢰감과 유능함 같은 판단이 이미 만들어졌습니다. 노출 시간을 0.5초, 1초로 늘려도 판단 내용 자체는 거의 바뀌지 않았습니다.
시간을 더 주면 판단이 정확해지지 않나요?
이 실험에서는 그렇지 않았습니다. 시간을 더 줘도 판단은 거의 그대로였고, 대신 '내 판단이 맞다'는 확신만 강해졌습니다. 시간이 판단을 정교하게 만드는 데 쓰이지 않고 이미 내린 판단을 굳히는 데 쓰인 것입니다.
왜 사람은 판단을 그렇게 빨리 내리나요?
게을러서가 아니라 그쪽이 오랫동안 생존에 유리했기 때문입니다. 낯선 상대가 위협인지 아닌지를 느리게 판단하는 것보다 빠르게 판단하고 나중에 수정하는 편이 나았습니다. 문제는 수정이 잘 일어나지 않는다는 점입니다. 첫 판단이 이후 정보를 해석하는 틀이 되어버립니다.
웹사이트 첫 화면에도 같은 원리가 적용되나요?
방문자는 글을 읽기 전에 화면 전체의 인상을 먼저 받고, 그 뒤에 읽는 내용은 그 인상을 확인하는 재료로 쓰입니다. 그래서 내용이 좋으면 결국 알아볼 것이라는 기대는 잘 맞지 않습니다. 첫 화면에서 정해진 인상은 좋은 내용으로 뒤집기가 어렵습니다.
첫 화면에서 무엇을 먼저 점검해야 하나요?
정보의 양보다 정돈된 인상이 먼저입니다. 글자 크기가 제각각이거나 여백이 불규칙하거나 이미지 해상도가 낮으면 내용을 읽기도 전에 판단이 끝납니다. 다음이 명료함입니다. 3초 안에 무슨 회사인지 읽히지 않으면 방문자는 뒤로 갑니다. 그리고 모바일에서 확인해야 합니다.
디자인만 좋으면 되는 건가요?
아닙니다. 인상이 좋아 들어온 방문자도 내용이 비면 곧 나갑니다. 첫인상은 읽어볼 기회를 만들어줄 뿐입니다. 그리고 유행하는 디자인을 그대로 따라 하는 것이 항상 유리하지도 않습니다. 세무나 법률처럼 안정감이 중요한 영역에서는 절제된 화면이 더 잘 작동합니다.

이어서 볼 만한 글

아이모토는 홈페이지 제작과 웹 솔루션을 만드는 회사입니다. 이런 이야기를 꾸준히 정리해 올립니다. 인사이트 전체 보기 · 견적 문의