디자인의 심리학 A Play on Words
게시 됨: 2022-01-29브랜드 메시지 하우스는 고객과 커뮤니케이션해야 하는 방법, 장소, 이유를 정의하는 데 도움이 되는 중요한 도구입니다. 메시지를 작성, 구성 및 표시하는 방식은 메시지가 전반적으로 수신되는 방식에 모두 중요합니다.
모든 것과 마찬가지로 우리의 잠재 의식은 인간의 의사 결정 과정에서 활성 두뇌만큼이나 중요합니다. 그것은 당신의 의식보다 훨씬 빠르게 예측하고 결정을 내립니다. 훌륭한 디자이너는 헤드라인의 글자 모양과 콘텐츠 배치가 페이지 전체에서 사용자의 시선을 끄는 방식과 같은 이러한 모든 요소를 고려합니다.
콘텐츠 선택이 사이트의 영향에 미치는 영향에 대해 생각하여 디자인이 청중의 잠재의식에 가능한 한 매력적인지 확인하려면 계속 읽으십시오.
- 글꼴 디자인
- 콘텐츠 계층
- 단어 선택
글꼴 디자인
글꼴 선택이 중요하다는 것은 누구나 알고 있습니다. 좋아하는 브랜드가 핵심 글꼴을 Comic Sans로 바꾸면 어떤 기분일지 생각해 보세요! 그러나 좋은 글꼴을 선택한다고 해서 반드시 "안전한" 글꼴을 선택하는 것은 아닙니다. 옳다고 느낄 때까지 재미를 느끼고 다양한 유형의 서체를 탐색할 수 있습니다.
좋은 글꼴의 핵심 테넌트는 다음과 같습니다.
- 읽을 수 있어야 합니다.
- 온브랜드여야 한다
이 두 가지 요구 사항 외에도 프로젝트에 적합한 것을 찾을 때까지 많은 옵션을 자유롭게 시도해야 합니다. 로고 및 웹 사이트 디자인에 사용되는 가장 일반적인 네 가지 글꼴 스타일은 serif, san-serif, script 및 장식 글꼴입니다.
세리프체
설명자: 고전적인, 신뢰할 수 있는, 존경받는, 전통적, 확고한, 확립된, 신뢰할 수 있는, 신뢰할 수 있는.
세리프는 특정 글꼴의 글자 끝에 나타나는 작은 획을 나타냅니다. 고등학교 때 2줄 간격의 12번 타임즈 뉴 로만 형식으로 제출해야 했던 그 모든 에세이는? 그들은 세리프 획을 가졌습니다. Serif 글꼴은 인쇄물에서 여전히 인기가 있습니다.
Serif 글꼴은 오래되고 신뢰할 수 있는 모양으로 인해 금융 부문에서 인기가 있습니다. Wells Fargo와 Berkshire Hathaway는 모두 워드마크에 세리프 글꼴을 사용합니다. 좁은 글자는 형식적이고 전문적인 것처럼 보이지만 슬랩 셰리프 글꼴은 더 남성적이고 강력해 보이는 경향이 있습니다. 예를 들어, 남성용 선물 회사인 Man Crates는 선적 컨테이너의 우표와 유사한 두툼한 세리프 서체를 사용합니다.
그러나 조심하십시오. 디자인의 모든 측면과 마찬가지로 글꼴 선택은 전체 개념에 적합하지 않은 경우 의도하지 않은 인상을 남길 수 있습니다. Serif 글꼴은 경우에 따라 답답하거나 냉담하거나 속물처럼 보일 수도 있습니다.
산세리프체
설명자: 현대적, 진보적, 직선적, 친근함, 느긋함, 명료함, 솔직함, 투명함.
산세리프체는 세리프체보다 더 깔끔하고 덜 프릴처럼 보이는 경향이 있습니다. 이것이 기술 분야에서 인기 있는 이유 중 하나일 수 있습니다. 기술은 우리 삶을 개선하고 단순화하는 것을 목표로 하므로 Google 및 Apple과 같은 기술 회사와 심지어 여기 Layout의 블로그도 종종 웹 사이트에 대해 단순하고 세리프가 없는 서체를 선택하는 것이 합리적입니다.
세리프체의 북적인 느낌보다 더 현대적으로 보이기 때문에 일부 회사에서는 브랜드 리프레시를 통해 기존의 모습을 바꾸고 산세리프체로 다시 시작하기도 합니다. CIBC(Canadian International Bank of Commerce)는 2021년 로고를 변경할 때 정확히 그렇게 했습니다.
CIBC 사장 겸 CEO인 Victor Dodig에 따르면 "미래를 내다볼 때 우리 브랜드가 오늘날의 은행을 장악하는 것이 그 어느 때보다 중요하기 때문에" 그들의 모습을 새롭게 단장했습니다. 분명히 더 현대적이고 진보적인 발을 내딛는 것이 글꼴 선택의 핵심 동인이었습니다.
더 많은 브랜드가 sans-serif 글꼴을 시작하고 계속 사용함에 따라 비슷한 모양의 스크립트 바다에서 정체성을 잃기 쉽습니다. 일부 회사에서는 사용자 정의 sans 글꼴을 만들어 이 문제를 해결했지만 모든 프로젝트에서 반드시 실현 가능한 것은 아닙니다. sans-serif 글꼴이 마음에 든다면 전체 디자인이나 아이디어가 더 미묘한 서체를 허용할 만큼 대담한지 확인하십시오.
스크립트
설명: 개인적, 세련됨, 친밀함, 우아함, 고급스러움, 관대함, 가정적, 구식.
필기체 필기를 가르쳐야 한다고 믿든 그렇지 않든, 글꼴로서의 인기가 감소하고 있다는 징후는 없습니다. 사실, 대본 쓰기는 오랫동안 식품 산업에서 인기 있는 선택이었습니다. Krispy Kreme과 Campbell's가 두 가지 분명한 예로 떠오르지만, 작은 고향 식당도 정기적으로 스크립트 글꼴을 선택합니다. 여기 오마하에서 Ted & Wally의 아이스크림 가게는 적절한(그리고 맛있는) 예입니다.
필기체와 함께 제공되는 친밀도 수준이 있습니다. 누군가 시간을 내어 당신만을 위해 메모를 긁어모은 것처럼 개인적인 느낌이 듭니다. 더 친숙하게 느껴지기 때문에 스크립트 글꼴은 DM 마케팅 및 초대장에도 자주 사용됩니다.
필기체에 얽힌 향수도 있습니다. 그것은 종종 과거의 잔재로 간주되기 때문에 산세리프체와 정반대의 효과를 냅니다. 이 향수는 필기체 자체가 많은 제품에 가르쳐지지 않는 경우에도 유아 및 아동용 제품에서 필기체가 여전히 인기 있는 이유 중 하나일 수 있습니다.
장식용 글꼴
설명: 강력하고, 대담하고, 창의적이고, 독창적이고, 캐주얼하고, 재미있고, 신선하고, 정통합니다.
장식용 글꼴, 디스플레이 글꼴, 헤드라인 글꼴 등 무엇이라고 부르고 싶은지 상관없이 그들은 성명을 발표합니다. 때로는 사용자 정의 글꼴이 70년대 또는 80년대와 같은 시대를 연상시킵니다. 다른 것들은 예술적이거나 가벼우며 거칠거나 날카롭습니다. 완벽한 장식용 글꼴을 찾거나 만들 때 모양에 대한 지식과 모양이 심리학에 미치는 영향이 유용할 것입니다.
예를 들어 수아베시토 헤어 밤은 문신 가게 문을 장식할 수 있을 것 같은 글꼴을 사용합니다. 무법자 스타일의 브랜딩에 매우 적합합니다. 회사 소개 페이지에서 높은 비용 없이 고품질 미용 제품을 제공함으로써 업계의 틀을 깨고 있는 팀으로 묘사합니다.

Sanuk 신발도 로고에 사용할 글꼴을 만들었지만 브랜드 페이지에서 창립자 Jeff Kelley의 사진에 레이블을 지정하는 것과 같이 사이트 전체의 콜아웃에도 드물게 사용됩니다.


Fanta는 글꼴도 재미있습니다. It's Thing" 캠페인은 서로 다른 Fanta 맛을 그들과 잘 어울리는 스낵과 매치시키며, 각각의 페어링에는 고유한 테마가 있습니다. 홈페이지의 이미지는 매우 장난기 있고, 그들의 구근 로고 글꼴도 그 부조리를 반영합니다.
자신만의 장식용 글꼴을 선택하거나 만드는 경우 실제로 디자인 미학에 맞는지 주의하십시오. 글꼴 모양이 마음에 들 수도 있지만 작업 중인 글꼴에 꼭 맞는 것은 아닙니다.

콘텐츠 계층
웹사이트 레이아웃을 계획할 때 의도적으로 콘텐츠를 배치하면 장기적으로 많은 번거로움을 줄일 수 있습니다. 콘텐츠 계층 구조는 사이트에서 정보를 정렬하는 전략적 방법을 나타냅니다. 가능한 가장 아름다운 시각적 경험을 떠올리고 싶지만 사이트에서의 사용자 경험에 따르면 미학이 전부일 수는 없습니다.
콘텐츠 계층 구조와 관련하여 기억해야 할 가장 중요한 점은 청중이 사이트를 탐색하는 순간보다 더 많은 관심을 끌 수 없다는 것입니다. 그 후에는 사용자가 웹사이트에서 다른 곳으로 이동하기 전에 평균적으로 54초만 머물기 때문에 매초마다 새 페이지를 스크롤하고 클릭하고 로드하는 것을 현명하게 사용해야 합니다.
시청자가 귀하에 대해 알아야 할 모든 정보를 가능한 한 빨리 배우도록 하려면 알아야 할 정보를 상단 가까이에 배치하세요. 이렇게 하면 대부분의 시청자가 최소한 귀하가 하고 있는 일과 귀하의 전략, 제품 또는 서비스가 좋은 선택인 이유에 대한 요지를 이해할 수 있습니다.
이것은 또한 주요 테마가 대담하게 눈에 띄도록 하는 것을 의미합니다. 강조하고 싶은 부제목이나 중요한 본문을 강조하기 위해 브랜드 팔레트의 강조 글꼴이나 강조 색상을 사용하십시오. 큰 텍스트 덩어리를 이미지, 인포그래픽, 비디오, 클릭 유도문안 또는 인용문으로 분할하여 사용자가 계속 움직일 수 있도록 하세요. 사용자가 스크롤해도 튕기지 않습니다.
마지막으로 웹사이트의 모든 페이지가 일종의 클릭 가능한 것으로 끝나는지 확인하세요. 구매 버튼이든, 사이트의 다른 페이지로 연결되는 링크이든, 여러 내부 링크가 있는 크리에이티브 바닥글이든 사용자를 사이트에 더 오래 머물게 할 수 있는 기회를 제공합니다. 이는 이탈률을 낮추고 순위를 높이며 사용자가 다음에 탐색해야 할 방향이 명확하기 때문에 사용자 만족도를 유지하는 데 도움이 됩니다.

단어 선택
그것들을 어디에 두고 어떻게 생겼는지만큼 중요한 것은 브랜드, 회사, 제품 또는 고객에 대해 말할 때 쓰는 실제 단어입니다. 이 빠른 팁을 사용하여 더 나은 헤드라인, 클릭 유도문안, 제품 설명, 페이지 콘텐츠 및 블로그 콘텐츠를 제작할 수 있습니다.
헤드라인 및 클릭 유도문안
사용자가 사이트를 훑어보고 있다면 빠르게 스크롤하더라도 이미지와 그래픽, 헤드라인, 클릭 유도문안 등 몇 가지를 알게 될 것입니다. 따라서 헤드라인과 CTA에서 단어 선택이 중요합니다.
헤드라인과 부제목은 관심의 씨앗을 뿌릴 수 있는 곳입니다. 재미있거나 비유적일 수 있지만 너무 유치해지지 않도록 주의하세요. 의도한 메시지를 압도하는 말장난을 원하지 않습니다.
좋은 부제목은 청중이 생각하게 하고 사이트를 통해 안내하는 데 도움이 되지만 모든 사람의 마음은 다르게 작동합니다. 다양한 유형의 헤드라인을 사용하여 폭넓은 네트를 던지십시오. 인상적인 숫자와 통계, SEO 키워드, 신랄한 질문, 그리고 사이트 전체의 중요한 제목과 부제목에 가끔 비유적인 언어를 포함할 수 있습니다. 헤드라인이나 CTA가 짧을수록 단어 선택이 더 중요하므로 매우 설명적이고 행동 지향적인 단어를 사용하십시오.
이는 CTA 및 버튼에서 특히 중요합니다. 기부, 전화, 담당자와 대화, 장바구니 담기, 자세히 알아보기, 지금 구매, 제안 청구, 할인 받기, 투표하러 가기, 탐색하기 등 사용자가 다음에 해야 할 일에 대한 명확한 조치를 제공하는 것이 중요합니다. 성장을 시작하거나, 계정을 개설하거나, 상상할 수 있는 모든 것. 단어 선택을 간결하고 지시적이며 디자인을 통해 즉시 눈에 띄게 만드십시오.
방문자마다 원하는 바가 다르므로 사이트 전체에서 여러 클릭 유도문안을 사용하여 더 많은 트래픽을 얻으십시오. 어떤 사람들은 귀하의 사이트에 처음 방문하여 귀하의 비즈니스에 대해 알고 싶어 합니다. 다른 사람들은 이미 귀하가 제공해야 하는 것을 탐색했으며 전환할 준비가 되어 있을 것입니다. 귀하의 사이트는 고객이 귀하의 비즈니스와 원할 수 있는 모든 상호 작용을 수행할 수 있어야 합니다.
이 비즈니스 또는 클라이언트에 대한 특정 글꼴을 드릴다운하는 데 시간을 보냈다면 웹 사이트의 헤드라인, 부제목 및 클릭 유도문안 모두가 고객의 마음에 브랜드를 더욱 공고히 하기 위해 주입하기에 좋은 장소입니다.
제품 설명
제품 설명은 짧고 달콤해야 합니다. 고객이 알아야 하는 모든 정보를 제공하고 싶지만 제품 설명에서 너무 자세하게 설명할 필요는 없습니다. 사실, 그것은 해로울 수 있습니다.
Annual Review of Psychology에 실린 2003년 기사에 따르면 일상적인 말이나 글에서 사용되는 단어의 5% 미만이 "감정적" 단어로 간주됩니다. 저자들은 “진화론적 관점에서 언어는 감정을 표현하는 수단으로 등장하지 않았기 때문이다. 자연스러운 말에서 우리는 일반적으로 억양, 표정 또는 기타 비언어적 신호를 사용하여 우리의 느낌을 전달합니다.”
따라서 제품 설명에 지나치게 모호하거나 과장되거나 감정적인 언어를 사용하는 것을 주저하십시오. 사실이 아닌 것으로 보일 가능성이 높습니다. 제품, 왜 그것이 유익한지 설명하고 가격, 필요한 치수 또는 크기, 가능한 경우 별점을 추가하십시오. 그런 다음 고객의 훌륭한 리뷰가 판매를 수행해야 합니다.
페이지 콘텐츠
사용자가 사이트를 이동하기 시작한 후에는 비즈니스 모델, 회사 가치, 제품 및 서비스에 대해 보다 구체적으로 이야기할 수 있습니다. 각 내부 페이지는 좀 더 세분화된 주제에 대해 자세히 조사해야 합니다. 그러나 이것이 콘텐츠의 실제 세그먼트가 더 커질 필요가 있음을 의미하지는 않습니다.
페이지 콘텐츠를 미니 광고의 세그먼트로 생각하십시오. 광고는 짧기 때문에 콘텐츠를 소화할 수 있는 작은 조각으로 나눕니다. 사용자는 매년 증가하는 빈도로 모바일 장치를 통해 웹 서핑을 하고 있습니다. 따라서 단락은 더 작은 화면에서도 잘 분할될 만큼 충분히 작아야 합니다. 단락을 2-3 문장으로 제한하고 많은 이미지를 삽입하고 콘텐츠 블록 사이에 충분한 여백을 두십시오.
한 주제에 대해 글을 쓰기 위해 앉아 있을 때 사용하는 긍정적인 단어와 부정적인 단어에 특히 주의하십시오. 예, 귀하의 콘텐츠는 독자가 전환해야 하는 이유를 설명해야 하지만 전환을 요청하는 방법은 귀하와 귀하의 동기에 대해 많은 것을 말해줍니다.
더 많은, 증가하는, 풍부한, 유익한, 위의, 예외적인 단어 및 접미사 -ful(skillful, beautiful, 유쾌한, 강력한)이 있는 대부분의 단어는 긍정적인 단어로 간주됩니다. 청중을 대담하게 만들고 고양하려고 할 때 사용하십시오.
Nike의 "Just Do It"은 긍정적인 슬로건의 좋은 예입니다. 운동에서는 긍정적인 동기와 부정적인 동기가 모두 일반적이지만 Nike가 "절대 포기하지 마십시오" 또는 "종료하지 마십시오"와 같은 단어 대신 긍정적인 언어를 선택했다는 점은 주목할 만합니다.
none, no, not, less, less, less, under, below, can't, isn't 및 접두사 in- 또는 un-이 있는 단어는 부정적인 의미를 가질 가능성이 높습니다. 부정적인 단어는 실제로 유용할 수 있는 스트레스를 증가시킬 수 있습니다.

이 디자인 예를 들어보십시오. Courageous Conversation Global Foundation의 "Not a Gun" 캠페인은 창의성으로 American Advertising Awards에서 금상을 수상했습니다. "Not"이라는 단어는 이미 인간의 뇌가 스트레스를 받을 준비를 하고 있습니다. 그들의 부정적인 단어 선택으로 촉발된 미묘한 잠재의식적 스트레스는 의도적으로 청중을 당황하게 만드는 데 사용됩니다.
긍정적인 단어와 부정적인 단어가 서로 다른 메시지를 전달하도록 두뇌를 자극할 수 있는 것처럼 질문과 진술도 같은 역할을 할 수 있습니다. 질문이 생각을 하게 만드는 곳에서 진술은 권위를 주장합니다.
인간의 두뇌에서 제기된 질문은 대답된 질문입니다. 다음 예를 들어보세요.
물에 사는 동물을 생각할 수 있습니까?
나는 당신의 두뇌가 자동으로 어떤 종류의 수중 야생 동물의 사진으로 기어를 전환할 것이라고 확신합니다. 답변을 준비하려는 인간의 충동은 청중에게 질문을 하는 것을 유용한 의사소통 도구로 만드는 것입니다. 이것이 우리가 여전히 "Got Milk?"의 새로운 반복을 보는 이유입니다. 캠페인—계속 작동하기 때문입니다.
반면에 진술은 권위 있는 어조를 설정합니다. 사용자에게 제품에 대해 말하든 무언가를 하라고 말하든, 직접적인 진술은 귀하가 책임을 지게 합니다(따라서 귀하를 청중을 안내할 수 있는 최상의 위치에 배치합니다).

학생 Sam Luo는 또한 실제 디자인으로 작년 American Advertising Awards에서 금상을 수상했습니다. "Go In Deep"이라는 간단한 개념을 기반으로 치아 사이의 공간을 확대하여 시청자가 Oral-B 치실을 사용하도록 권장합니다.
블로그 및 추가 콘텐츠
페이지 콘텐츠가 단일 목적을 제공하고 강한 느낌을 불러일으키는 곳에서 블로그는 실제로 파고들 여유가 있습니다. 사용자가 사이트를 클릭하여 블로그에 도달할 때쯤이면 모든 세부정보를 원하지만, 귀하의 사이트를 처음 접하는 사람들에게 이 모든 정보를 보여주기로 결정했다면, 부담스러울 수 있습니다.
그렇기 때문에 페이지 콘텐츠에서 장황한 설명을 제외하고 블로그 및 추가 콘텐츠를 위해 저장하는 것이 중요합니다. 블로그는 시적인 매력을 느낄 수 있는 곳입니다. 그러나 그렇다고 해서 임의의 할당량을 충족하기 위해 단어를 추가해야 하는 것은 아닙니다. 작가들은 종종 단락이 길수록 더 똑똑하게 들리는 것으로 오해하지만 독자들은 당신이 요점에 도달하는 것을 훨씬 더 선호할 것입니다.
모호함을 없애고 너무 많은 전치사구나 느린 선행사 없이 블로그의 요점에 도달할 수 있도록 가능한 한 적극적인 목소리로 작성하십시오. 그런 다음, 할 말을 모두 마쳤으면 교정하십시오!
사이트에 있는 모든 콘텐츠를 교정해야 하는 것은 당연하지만 마케터는 새 콘텐츠를 게시하기 위해 서두르는 바람에 블로그에서 이 단계를 간과하는 경우가 있습니다. 오류가 없는 출판을 보장할 수는 없지만 신선한 눈으로 작업을 훑어보면 얼마나 많은 수정 사항이 나타날 수 있는지 놀랄 것입니다.
다른 좋은 웹 페이지와 마찬가지로 블로그에 적절한 H2 및 H3 태그가 산재되어 있고 단락이 작고 소화하기 쉬운 상태로 유지되어야 합니다(여기서 더 많은 양을 얻을 수는 있지만). 이미지와 그래픽은 이와 같이 긴 블로그를 분리하는 데 사용할 수 있고 사용해야 하며 점프 링크와 앵커 텍스트는 독자를 보다 효과적으로 안내하는 데 도움이 될 수 있습니다.
몇 가지 생각을 입력하십시오
훌륭한 디자인을 구성하는 심리적 요인에 대한 심층 분석을 즐기시기 바랍니다. 전체 그림을 보려면 파트 1-3을 확인하고 다음 편에 대한 레이아웃 뉴스레터를 계속 시청하십시오.
우리가 탐구해야 할 다른 주제에 대한 생각이나 직장에서의 디자인 심리학의 좋은 예가 있습니까? 아래에 의견을 남겨주세요!












