정말 좋은 이메일 디자인 트렌드: 웨비나 녹화 + Q&A

구독자는 다양한 채널을 통해 수천 개의 메시지를 받고 있으며 브랜드를 눈에 띄게 만드는 것이 그 어느 때보다 어렵습니다. 소음을 줄이는 한 가지 방법은? 정말 좋은 이메일 디자인으로 고객을 감동시키십시오 .

이 웨비나에서 우리는 수년간 이메일 디자인 트렌드를 살펴보았습니다. 2000년대 초반 이메일은 어떻게 생겼습니까? 2019년에는 어떤 트렌드가 승자 서클에 합류했습니까? 그리고 2020년 또는 2030년에는 무엇이 거대해질까요? 정말 좋은 이메일 팀은 이메일 디자인 메모리 레인을 여행하기 위해 우리와 함께했고 다음에 무엇이 올지 예측하는 데 도움을 주었습니다.

웨비나를 생중계로 볼 기회가 없으셨나요? 걱정하지 마세요. 언제든지 전체 녹음 에 액세스할 수 있으며 아래 Q&A를 읽을 수 있습니다.

Q&A

웨비나 중에 질문을 해주신 모든 분들께 진심으로 감사드립니다! 다음은 가장 인기 있는 질문에 대한 답변과 라이브 웨비나에서 얻지 못한 질문에 대한 요약입니다. 추가 질문이 있습니까? 댓글에 남겨주세요.

이러한 이메일 디자인 트렌드는 B2C와 B2B에서 어떻게 다릅니까?

Mike Nelson : 이러한 추세는 B2B, B2C 및 비영리 부문에서 일관됩니다. 한 업종에 속한다고 해서 다른 업종의 디자인 아이디어를 사용할 수 없는 것은 아닙니다. 고유한 느낌을 주는 유일한 카테고리는 일반적으로 텍스트가 매우 많은 정부 이메일입니다.

다크 모드가 더 어렵게 만드는 경향이 있는 지금, 공백을 사용하는 가장 좋은 방법은 무엇입니까?

Mike : 그냥 여백을 의미할 때 "여백"이라고 하는 것이 조금 혼란스러워 보입니다. 이러한 맥락에서 흰색인지 어두운지 여부는 중요하지 않습니다. 각 요소에 약간의 공간을 주기만 하면 됩니다.

Lily Worth : 여백이라는 용어는 종종 음의 공간으로 간주되는데, 이는 특정 색상이 아니기 때문에 편리합니다.

일반 텍스트 스타일의 이메일에 보다 사려 깊은 시각적 디자인 요소를 포함하는 방법에 대한 팁이 있습니까?

Jason Rodriguez : 일반 텍스트 스타일 이메일의 경우 계층 구조에 따라 결정되므로 구독자가 보지 않을 긴 텍스트 덩어리가 아닙니다. 다른 제목으로 섹션을 만들고 다른 가중치 또는 다른 스타일의 텍스트를 사용하여 해당 제목을 돋보이게 하여 스캔 가능성을 만들 수 있다면 그것도 도움이 됩니다.

Mike : 긴 형식의 기사를 작성하고 이메일을 매체로 사용하지 않는 한 단락을 한두 문장으로 제한하십시오. 아이디어를 요약할 수 있는 곳에 글머리 기호를 사용하십시오. "#################"과 같은 특수 문자를 사용하여 아이디어 사이에 시각적 구분을 만듭니다. RGE의 이 컬렉션 에는 텍스트 및 문자 스타일 이메일의 좋은 예가 있습니다.

릴리 : 제이슨의 말에 동의합니다. 서로 다른 글꼴 크기와 두께를 사용하고 몇 가지 다른 글꼴 스타일을 사용하여 계층 구조를 만들면 이메일을 쉽게 읽을 수 있고 이해하기 쉽게 만들 수 있습니다. 타이포그래피로 창의력을 발휘할 수 있습니다. 굵은 글씨체 에 대한 블로그 게시물 하단에 텍스트 전용 이메일의 몇 가지 좋은 예가 있습니다.

애니메이션 및 애니메이션 GIF에 액세스할 수 있도록 하는 방법이 있습니까?

Lily : 애니메이션은 지원 역할을 해야 하므로 주요 메시지와 클릭 유도문안이 작성된 콘텐츠 내에 있어야 합니다 . 애니메이션에 별도의 중요한 정보가 포함되어 있으면 ALT 태그로 표시해야 합니다.

애니메이션 자체의 경우 2Hz에서 55Hz 사이의 콘텐츠 깜박임 속도는 감광성 간질이 있는 사용자에게 해를 끼칠 수 있습니다. 또한 시각 장애가 있는 사용자는 애니메이션이 변경되기 전에 GIF의 콘텐츠를 읽거나 검토하는 데 어려움을 겪을 수 있습니다. 애니메이션 GIF가 부드럽게 전환되거나 한 프레임에서 다음 프레임으로 빠른 속도로 움직이지 않는지 확인하십시오.

Jason : GIF는 대부분의 캠페인에서 본질적으로 매우 장식적입니다. 그러나 해당 GIF가 로드되지 않고 구독자가 이메일을 열 때 GIF가 없으면 메시지가 여전히 의미가 있습니까? 누군가가 스크린 리더를 사용하여 귀하의 이메일을 읽는다면 그들이 귀하의 메시지를 이해할 수 있습니까? Lily가 말했듯이 GIF가 반복적이지 않은 값을 제공하는 경우 모든 구독자가 해당 정보에 액세스할 수 있도록 해당 메시지를 ALT 태그에 넣어야 합니다.

애니메이션과 GIF를 만들기 위해 제안하고 싶은 도구가 있습니까?

Matt Helbig : Adobe Photoshop이나 After Effects와 같은 도구를 사용하는 브랜드를 여전히 보고 있습니다. 몇 가지 CSS 애니메이션 이나 호버 효과 를 추가하는 것은 몇 줄의 코드로 이메일에 모션을 추가하는 좋은 방법일 수 있습니다.

Lily : Litmus 이메일에 포함된 애니메이션을 만들기 위해 Adobe Animate를 사용합니다. 이 소프트웨어를 사용하면 GIF, PNG 및 HTML5 애니메이션을 만들 수 있습니다. 과거에 Flash를 사용해 본 사람이라면 이 소프트웨어가 익숙할 것입니다.

Whitney Rudeseal Peet : 애니메이션 PNG(APNG) 를 구현하려는 경우 현재 Adobe Photoshop 또는 Adobe Animate에서 애니메이션을 APNG로 저장할 수 없습니다. 이메일에 APNG를 포함할 때 Adobe Animate를 사용하여 애니메이션을 만들지만 각 프레임을 단일 PNG로 내보냅니다. 이러한 개별 PNG를 모두 APNG로 변환하려면 PNG Animator 또는 ezgif.com의 무료 대안 과 같은 도구를 사용할 수 있습니다 .

커스텀 일러스트레이션은 B2B 및 B2C 청중 전체에서 사용됩니까, 아니면 주로 B2C입니까?

Mike : 거의 짝수입니다. 웨비나에서 사용한 예는 좀 더 소비자 스타일로 보였을지 모르지만 Mailchimp(다른 회사에 이메일 서비스 판매), HelpScout(기업에 고객 서비스 기술 판매) 및 Bulb(기업에 에너지 판매)와 같은 모두 B2B 회사의 것이었습니다. .

Jason : 이메일의 모든 것과 마찬가지로 브랜드와 잠재고객, 그리고 각 캠페인의 목표가 무엇인지에 따라 다릅니다. 따라서 맞춤형 일러스트레이션과 같은 것이 덜 심각하게 인식될 수 있는 산업에 종사하고 있다면 사용하지 마십시오. 그러나 업계를 혼란에 빠뜨릴 기회도 있음을 명심하십시오. 금융 업계의 Simple 또는 Stripe와 같은 브랜드는 추상적인 개념을 보다 명확하게 표현하고 브랜드에 약간의 개성을 부여할 수 있기 때문에 새로운 디자인 트렌드를 수용합니다. 그러니 절대 절대 말하지 마세요.

이메일 클라이언트에서 렌더링되는 대화형 기능에 여전히 문제가 있습니까?

Whitney : 많은 회사에서 일관성 없고 제한된 받은 편지함 제공업체 지원이 더 많은 대화형 이메일을 보내지 않는 주된 이유입니다. 불행히도 호버 효과 및 대화형 이미지 캐러셀과 같은 기능의 경우 여전히 그렇습니다. 이를 염두에 두고 여전히 상호 작용을 구현하려는 경우 대체 장치가 있는 경우 제한된 지원을 두려워할 필요가 없습니다. 시작하려면 대화형 이메일의 대체에 대한 블로그 게시물을 확인하세요 .

더 나은 접근성 경험을 제공하는 다크 모드는 어떻습니까?

Mike : 아직 이 분야에서 많은 연구가 진행되고 있습니다. "다크 모드"가 포괄적인 설명이 아니기 때문에 눈에 더 편하다고 말하는 것은 옳지 않지만 일부에게는 도움이 됩니다. 또는 심각한 난시를 가진 사람과 같은 다른 사람들에게는 더 나쁠 수 있습니다. 수면에 문제가 있는 사람들의 경우 저녁에 다크 모드를 사용 하는 것이 밝은 화면보다 더 도움 이 되는 것으로 나타났 으며, 이는 일주기 리듬에 영향을 줄 수 있습니다. 다크 모드는 일반적으로 덜 산만하게 여겨지며 사람들의 집중 을 돕는 데 사용됩니다 . 그러나 대비가 너무 강하면(예: 검정색 배경과 흰색 텍스트) 난독증이 있는 사람이 읽기가 더 어렵습니다 . 이것은 여전히 ​​어두운 배경을 사용하여 완화할 수 있지만 글꼴에 크림색이 있는 짙은 회색과 같은 것을 사용합니다.

이러한 디자인 트렌드가 65세 이상의 고령층에게 어떻게 작용할 수 있다고 생각하십니까?

Mike : 우리는 이것을 구체적으로 다루지 않았지만, 우리가 웨비나에서 선보이고 정말 좋은 이메일 에서 보고 있는 이메일 은 불과 몇 년 전과 비교하여 글꼴 크기가 크게 증가하고 있습니다. 이것은 나이든 인구 통계가 수용하는 것입니다. 바우하우스와 스위스 디자인의 트렌드가 어디로 향하고 있는지도 익숙하다.

Lily : Mike가 말했듯이 2020년에 유행할 것으로 예상되는 레트로 스타일은 나이 든 사람들에게 향수를 불러일으킬 것 같습니다. 이메일이 훨씬 덜 복잡해져서 메시지와 클릭 유도문안을 훨씬 더 쉽게 읽고 이해할 수 있으므로 단순화는 청중에게 도움이 될 것입니다.

타이포그래피는 눈에 띄는 좋은 방법이지만 이메일 클라이언트에서 많은 글꼴이 지원되지 않는 경우 정당화하기 어렵습니다. 이것이 곧 바뀔 것 같습니까?

Lily : 유감스럽게도 웹 글꼴에 대한 추가 지원이 출시될지 여부는 알 수 없지만 그렇게 되기를 바랍니다. 이 편리한 도구 는 그동안 웹 글꼴에 사용할 올바른 대체를 찾는 데 도움이 될 수 있습니다.

이러한 새로운 트렌드와 관련하여 개인화가 어떻게 발전할 것이라고 생각하십니까?

Matt : 더 많은 브랜드가 이메일의 각 섹션을 개인화할 것으로 기대하고 있습니다. 고객은 더 나은 경험을 위해 데이터를 교환합니다. 이해하기 쉬운 보고서, 고유한 제안 및 승인은 고객이 VIP를 느끼게 합니다. 이메일 마케팅 담당자는 고객 데이터를 구독자에게 가장 유용하고 관련성이 높은 데이터로 전환해야 합니다.

또한 다음은 웨비나에서 다룬 트렌드에 대한 모든 정말 좋은 이메일 모음입니다.

• 커스텀 일러스트레이션
• 보다 사려 깊은 시각 디자인
• 어두운 디자인
• 더 과감한 색상
• 애니메이션 이메일