이메일과 랜딩 페이지의 가독성을 높이는 5가지 서식 규칙
게시 됨: 2021-06-08이 기사에서
독창적이고 창의적인 콘텐츠 마케팅 전략을 개발하는 것은 사용자가 귀하의 콘텐츠를 모두 읽지 않는다면 시간과 노력을 낭비하는 것입니다. 따라서 텍스트가 연락처의 관심을 끌어야 하는 경우 복사 형식의 관련성을 과소평가하지 마십시오.
사용자가 이메일과 웹 페이지의 내용을 어떻게 읽는지 궁금한 적이 있습니까?
그렇다면 인간이 웹 콘텐츠를 보고, 읽고, 배우는 인지 메커니즘에 대한 엄청난 양의 연구를 발견했을 것입니다. 대답이 '아니오'인 경우 사용자가 전체 웹 페이지나 메시지를 거의 읽지 않는다는 사실에 놀랄 것입니다. 16%의 사람들만이 모든 단어에 집중하고 전반적으로 사람들은 페이지 콘텐츠의 20%만 읽습니다. 뉴스레터는 읽기가 더 산만해지고 급해지며, 데스크탑에서 스마트폰의 작은 화면으로 전환하면 읽기가 더욱 어려워집니다. 실제로 모바일 장치는 더 복잡한 텍스트를 파악하는 능력을 저하시킵니다.
이러한 측면은 텍스트의 가독성뿐만 아니라 가독성에도 중점을 두는 것이 중요한 이유를 이해하는 데 도움이 됩니다. 텍스트가 명확하고 첫눈에 스캔하기 쉽도록 콘텐츠 형식을 지정해야 합니다.
몇 가지 간단한 규칙을 사용하여 이메일과 방문 페이지를 읽기 쉽게 만드는 방법을 살펴보겠습니다.
가독성 대 가독성: 차이점은 무엇입니까?
가독성이란 내용이 단순하고 유동적이며 이해하기 쉽도록 최적화된 구문을 가지고 있음을 의미합니다. 카피라이터는 가독성을 담당합니다. 반면에 가독성은 문자를 서로 구별하고 인식하기 쉽게 만드는 능력입니다. 따라서 캐릭터의 그래픽 구조, 즉 두께, 크기, 색상, 글꼴, 행간 및 간격에 대한 작업입니다. 뛰어난 가독성을 보장하는 것은 디자이너의 전적인 책임입니다.
1. 고유한 텍스트 블록 피하기
중단이나 섹션이 없는 긴 텍스트 벽은 콘텐츠 읽기의 주요 장애물입니다.
따라서 첫 번째 경험 법칙은 텍스트 내에 서로 다른 섹션 을 만들고 각각이 특정 아이디어/주제와 관련된 단락 (필요한 경우 하위 단락도 포함) 으로 나누는 것 입니다. 이렇게 하면 세 가지 결과를 얻을 수 있습니다.
- 페이지 또는 이메일 텍스트의 시각적 효과를 가볍게 합니다.
- 사용자가 현재 주제를 이미 알고 있거나 관련이 없는 경우 다음 단락으로 전환할 수 있습니다.
- 전체 텍스트 읽기 속도를 높여 페이지를 더 쉽게 스캔할 수 있습니다.
예를 들어, 이 이메일은 부제목과 다양한 글꼴 형식이 없는 긴 텍스트를 보여줍니다. 이런 종류의 메시지가 단락 구분과 시각적 텍스트 구분이 없었다면 읽기가 훨씬 더 어려웠을까요?
출처: 정말 좋은 이메일
이 단계 후에 단락에 다른 들여쓰기를 제공하여 이러한 텍스트 섹션을 더욱 강조하는 것을 고려하십시오 . 이렇게 하면 명확하게 식별 할 수 있을 뿐만 아니라 다음 GIF와 같이 텍스트의 역동성을 높일 수 있습니다.
이 이미지 시퀀스는 들여쓰기가 다른 메시지를 표시합니다. 이것들은 이미지 자체에 일종의 프레임이 되는 텍스트 블록에 활기를 불어넣습니다. 이 GIF는 또한 MailUp 플랫폼 BEE 편집기가 들여쓰기 관리를 쉽고 빠르게 만드는 방법을 보여줍니다. 관련 섹션 텍스트 블록 서식 도구 모음으로 이동하여 단락 들여쓰기 버튼을 클릭하기만 하면 됩니다.
2. 제목과 소제목을 삽입하고 콘텐츠에 계층 구조를 할당합니다.
단락을 만들었습니다. 다음으로 중요한 규칙은, 텍스트 가독성, (필요한 경우) 부제목으로 메시지 또는 페이지 섹션을 제공하는 효율성과 명확성을 (짧고 지점에 수) 최적화, 적절한 제목 태그 (H1, H2와 함께 그들에게 계층을주고 개선하기 위해 및 H3).
이것은 SEO와 미적 관점 모두에서 콘텐츠를 최적화하는 핵심 단계입니다 . 다음과 같이 시각적 효과를 개선하고 스캔을 용이하게 합니다.
이 예는 각 섹션에 대한 제목(이 경우 H2)이 있는 단락으로 분할된 텍스트를 보여줍니다. 이는 주제를 설명하고 사용자가 메시지의 주요 주제를 한 눈에 파악할 수 있도록 합니다.
MailUp BEE 편집기의 최신 혁신 중 하나는 이메일 및 방문 페이지에 제목 태그 삽입을 용이하게 했습니다.
메시지 본문에 관련 콘텐츠 블록을 추가하고 이미지와 같이 삽입하려는 제목 태그의 종류(H1, H2 또는 H3)를 선택하기만 하면 됩니다.
3. 글머리 기호 목록의 힘 활용
글머리 기호 목록 은 텍스트를 가볍게 하고 메시지의 주요 개념을 즉시 전달하는 가장 효과적인 도구 중 하나일 수 있습니다.
이 두 가지 예는 동일한 텍스트가 이 트릭으로 어떻게 근본적으로 바뀔 수 있는지 보여줍니다.
옵션 1:
“저희 골드 홀리데이 패키지에는 발코니와 월풀이 있는 디럭스룸에서의 2박 숙박이 포함되어 있습니다. 웰니스 센터에서 60분 마사지와 페이셜 트리트먼트가 포함된 3시간 무료 세션 2회 환영 음료; 조식 뷔페와 자전거 2대를 무료로 빌릴 수 있는 기회가 있습니다.”
옵션 2:
골드 베케이션 패키지에는 다음이 포함됩니다.
– 발코니와 월풀이 있는 디럭스룸에서 2박
– 웰니스 센터에서 3시간 무료 세션 2회 + 60분 마사지 및 페이셜 트리트먼트
– 환영 음료
– 조식 뷔페
– 무료 자전거 대여
옵션 2가 객관적으로 훨씬 더 읽고, 이해하고, 기억하기 쉽다는 것을 눈치채셨을 것입니다. 실제로 글머리 기호 목록은 메시지의 핵심 요소를 강조 표시하고 독자의 눈에 즉각적인 초점을 시각적으로 만듭니다.
예를 들어 다음 이메일을 예로 들 수 있습니다. 글머리 기호 목록은 텍스트 블록을 분할하여 한눈에 볼 때 덜 무겁게 만듭니다 .
분명히, 필요와 콘텐츠 유형에 따라 글머리 기호 목록을 만드는 몇 가지 방법이 있습니다.
- 번호 매기기 채택 (이것은 시간 순서를 제안하거나 목록의 총 포인트 수를 강조함)
- 글머리 기호 사용 (가장 보편적인 선택이며 모든 유형의 목록에 맞습니다)
- 문자 사용 (다른 답변 옵션이 있는 퀴즈의 경우 유용)
BEE 편집기를 사용하면 전용 버튼을 확장하여 다양한 유형의 목록을 설정하고 선택할 수 있습니다.
글머리 기호 목록 은 가독성을 높이는 훌륭한 방법일 뿐만 아니라 다양한 요구 사항과 완벽하게 일치합니다 . 그들은 이벤트의 의제 약속을 전달합니다. 문서 또는 전자 책의 내용을 설정합니다. 프로세스의 단계를 설명합니다(예: 사용자가 구매한 서비스 활성화). 체크리스트의 요소를 정의합니다. 제안의 장점 등을 자세히 설명합니다.
몇 가지 제안이 있습니다 :
4. 텍스트 블록에 숨을 불어넣으십시오. 줄과 문자 간격을 사용하십시오.
내용을 읽는 데 또 다른 장애물 은 줄과 문자 사이에 공백이 없다는 것입니다. 텍스트 블록은 숨을 쉬어야 합니다. 확실히, 우리는 다음과 같은 결과를 얻지 못할 것입니다:
BEE 편집기는 이러한 위험을 피하기 위해 다음 과 같은 다양한 기능과 솔루션을 제공합니다 .
- 줄 간격을 늘리기 위해 다른 텍스트 블록의 행간 을 관리합니다.
- 일반적으로 12pt로 미리 설정되어 있는 텍스트의 크기를 늘 립니다. 이 경우 줄 간격은 동일한 글꼴 크기를 유지하면서 변경 사항에 자동으로 적용됩니다.
- 표제 또는 텍스트의 단어 사이의 간격 을 늘리기 위해 문자 간격 으로 재생
- 메시지를 구성 하는 모듈의 패딩을 조정합니다 . 이것은 각 블록의 프레임 공간을 늘리 도록 설정하는 것을 의미합니다. 예를 들어, 제목과 단락 사이의 하단 및 상단 여백
5. 텍스트 균일성 깨기
마지막(최소한은 아님) 규칙 은 문자 형식과 관련이 있습니다.
텍스트를 단락으로 나누고 글머리 기호 목록을 삽입하고(가능한 경우) 문자, 제목 및 메시지 형식 사이에 적절한 공간을 확보했습니다. 이제 굵은 글씨체, 강조 색상, 하이퍼링크를 삽입하여 텍스트의 균일성을 깨고 키워드를 강조할 때 입니다.
굵은 글씨체를 사용하여 강조하고 싶은 키워드로 사용자의 시선을 유도하고 링크에 다른 색상을 주어 존재감을 강조합니다.
예를 들어, 이러한 간단한 조치가 다음 텍스트를 더 읽기 쉽게 만드는 방법을 살펴보십시오.
특히 긴 텍스트를 작업할 때 주요 개념을 강조하는 것은 필수 단계 입니다. BEE 편집기를 사용하면 다음을 수행할 수 있으므로 훨씬 더 쉽게 작업할 수 있습니다.
- 굵게 또는 기울임꼴 서식을 잃지 않고 준비되면 메시지 또는 페이지 편집기에서 서식이 지정된 작업 문서 텍스트를 복사합니다.
- 실용적인 도구 모음이 한 곳에서 필요한 모든 도구를 제공하므로 편집기에서 직접 형식을 지정할 수 있습니다. 시각화를 방해하지 않도록 원하는 대로 이동, 확장 및 축소할 수 있습니다.
어떤 경우이든 텍스트 길이를 과도하게 사용하지 않는 것이 좋습니다. 연구에 따르면 한 페이지에 단어 가 많을수록 학습의 복잡성이 높아지고 사용자가 동화할 수 있는 개념의 수는 줄어듭니다 .
제목 줄 길이를 최적화하는 것과 동일한 방법으로 콘텐츠를 요약하세요. "말하기" 기호와 특수 문자를 사용하세요. BEE 편집기는 더 쉽게 검색할 수 있도록 유형별로 정렬합니다(끝없는 스크롤 없음!).
요약해서 말하자면
좋은 콘텐츠 마케팅 전략의 효과는 단순히 카피라이팅의 문제가 아닙니다. 또한 타이포그래피 및 텍스트 디자인에 따라 다릅니다.
읽기 쉬운 메시지나 페이지는 사실 중요한 출발점입니다. 그것을 놓치면 가장 밝고 가장 독창적인 콘텐츠라도 청중에게 흡수되지 않습니다.
이제 기껏해야 텍스트 형식을 지정하고 이러한 간단한 규칙을 실행하는 것은 귀하에게 달려 있습니다. BEE 편집기와 MailUp 플랫폼의 모든 직관적인 기능을 활용하십시오.