2016년 성공적인 이메일 작성을 위한 7가지 디자인 팁

이메일 디자이너로서 가입자에게 기능적인 이메일 경험을 제공하는 것은 귀하의 임무입니다. 이는 구독자 경험을 약화시키고 궁극적으로 브랜드 이미지를 손상시킬 수 있는 마찰을 제거한다는 것을 의미합니다.

이메일이 끊임없이 진화하고 있다는 사실 때문에 이 목표를 달성하는 것은 복잡합니다. 특히 새로운 앱, HTML 및 CSS 지원 업데이트와 같은 변경 사항이 신중하게 설계된 캠페인에 영향을 미칠 수 있는 경우 이메일 세계의 최신 업데이트를 파악하는 것이 중요합니다.

2016년 이메일 현황 보고서에서는 작년 이메일 세계에서 일어난 모든 일을 정리하여 이메일 캠페인에 막대한 영향을 미칠 수 있는 주요 혁신을 식별하는 데 도움을 드립니다.

무료 보고서 받기 →

다음은 내부에서 찾을 수 있는 내용입니다.

1. Apple Watch를 염두에 두십시오

2015년 4월, 애플 워치가 출시되었습니다. 이메일 앱 제품군에 웨어러블을 추가하는 것은 불가피했으며 이메일 디자이너에게 몇 가지 중요한 의미가 있습니다. 청중이 기술 얼리 어답터와 잠재적인 Watch 사용자를 포함하는 경우 Watch에서 구독자 경험을 고려하십시오.

Apple Watch는 원격 또는 연결된 이미지가 감지될 때 일반 텍스트를 표시하므로 이메일의 일반 텍스트 버전을 최적화하는 것이 중요합니다. 또한 데스크톱 일반 텍스트 소비를 위해 예약된 특수 문자, 추가 공백 및 기타 형식 지정 트릭은 Watch의 작은 화면으로 매우 제대로 번역되지 않습니다.

메시지에 세 번째 부분인 text/watch-html을 추가하는 고급 옵션도 있습니다. 이 추가 부분을 포함하고 Content-Type을 "text/watch-html"로 지정하면 Watch는 HTML 부분이 적합하지 않을 때 일반 텍스트 부분 대신 텍스트/감시 부분을 표시합니다. 그러나 Watch 부분을 추가하기 전에 ESP에 확인해야 합니다. 모든 사람이 지원하는 것은 아닙니다.

2. 이미지 차단 최적화

Outlook 2016과 AOL의 Alto Mail 앱은 모두 2015년에 도입되었으며 각 앱은 기본적으로 이미지를 차단합니다. 이메일 디자이너는 이미지 차단을 방지하기 위해 ALT 텍스트, 방탄 버튼, 이미지와 HTML 텍스트의 적절한 균형과 같은 방어적인 디자인 기술을 사용해야 합니다.

3. 구독 취소 링크를 숨기지 마십시오

2015년 9월 Gmail은 모든 Gmail 웹메일 및 Android Gmail 앱 사용자에게 새로운 "차단" 기능을 출시하여 소비자에게 원하지 않는 이메일을 받은편지함에서 제거할 수 있는 또 다른 옵션을 제공했습니다. 구독자가 발신자를 "차단"하면 해당 발신자의 이메일을 다시는 볼 수 없다는 의미입니다.

장점은 이전에 "스팸 신고"를 클릭했을 일부 가입자가 이제 "차단"을 클릭하기 때문에 새로운 "차단" 옵션이 스팸 불만을 줄여야 한다는 것입니다. 단점은 "차단" 버튼이 ISP 개입을 위해 새롭고 더 낮은 막대를 생성했을 수 있으므로 이전에 "구독 취소"를 클릭했을 수 있는 일부 가입자가 이제 대신 "차단"을 클릭한다는 것입니다.

그래서 당신은 무엇을해야합니까? 더 쉽게 구독을 취소하세요. 구독자가 귀하의 수신 거부 링크를 쉽게 찾을 수 없는 경우 일부는 단순히 귀하의 메시지를 차단하거나 스팸으로 표시합니다. 구독 취소 링크가 작은 회색 유형에 묻혀 있다면 더 크고 읽기 쉬운 텍스트로 한 줄씩 분리해야 합니다.

또한 "list-unsubscribe" 헤더를 추가하면 Gmail은 특정 상황에서 보낸 사람 이름과 보낸 사람 이메일 주소 뒤에 "구독 취소" 링크를 배치합니다.

이 링크를 통해 가입자는 기본 설정 센터를 포함하여 옵트아웃 프로세스를 건너뛸 수 있지만, 선호 센터를 사용하는 경우 차단 또는 스팸 불만을 받는 것보다 여전히 선호됩니다.

4. 대화형 이메일 업데이트

2015년 9월, Apple은 최신 버전의 모바일 운영 체제인 iOS 9를 출시했습니다. 이 업데이트된 운영 체제는 몇 가지 새로운 CSS 속성에 대한 지원을 추가했으며 이메일 디자이너를 좌절시킬 몇 가지 변경 사항을 도입했습니다.

그런 좌절감 하나? 일반 형제 선택자(~)가 항상 지원되는 것은 아닙니다. Litmus Community 회원인 Remi Parmentier와 Justin Khoo는 모두 일반 형제 선택자 ~가 :hover 또는 :checked 의사 클래스 선택자와 함께 사용될 때 iOS 9에서 지원되지 않는다고 보고했습니다.

많은 대화형 이메일은 의사 클래스를 사용하여 이메일에서 어떤 일이 발생했는지 확인하고 상태에 따라 적절하게 요소를 스타일화합니다. 그러나 이 버그로 인해 이전의 대화형 이메일이 정적으로 유지됩니다.

다행히도 수정 사항이 있습니다! 일반 형제 선택자 ~를 인접한 형제 선택자 +로 바꾸기만 하면 됩니다. 덜 구체적인 일반 형제 선택자만큼 유연하지는 않지만 동일한 결과를 얻습니다.

5. 테이블 기반 레이아웃 사용

2015년 9월 Microsoft는 Outlook 클라이언트의 최신 버전인 Outlook 2016을 출시했습니다. 불행히도 이전 버전과 크게 다르지 않습니다. Outlook 2007, 2010 및 2013과 마찬가지로 Outlook 2016은 Microsoft Word를 사용하여 전자 메일을 렌더링합니다.

최신 버전의 Outlook(2007-2016)은 HTML 및 CSS에 대한 지원이 좋지 않으며 염두에 두어야 할 몇 가지 단점이 있습니다.

• div 및 테이블 셀의 배경 이미지 지원 없음
• CSS float 또는 position에 대한 지원 없음
• 텍스트 그림자에 대한 지원 없음
• 패딩 및 여백에 대한 지원 부족
• CSS 너비 및 높이에 대한 지원 부족
• 중첩 요소 배경색 문제

많은 CSS 속성에 대한 지원이 부족하기 때문에 테이블 기반 레이아웃은 Outlook 2016의 최적화에 필요합니다. 또한 조건부 CSS를 사용하여 Outlook 2016을 구체적으로 대상으로 지정할 수도 있습니다.

6. 모바일 친화적 요소 사용

이메일 열기의 55%가 모바일 장치에서 발생하므로 모바일 이메일 전략을 수립하는 것이 그 어느 때보다 중요합니다. 반응형 디자인을 사용하는 것이 좋은 옵션이지만 미디어 쿼리가 지원되지 않는 경우 모바일 친화적인 요소도 사용해야 합니다.

예를 들어 2015년에 도입된 AOL의 Alto Mail 앱이나 Universal Outlook 앱은 미디어 쿼리를 지원하지 않습니다.

큰 텍스트, 터치하기 쉬운 버튼 및 단일 열 디자인을 활용하여 구독자에게 가능한 최고의 경험을 제공하십시오.

7. 개방형 데이터를 사용하여 설계 결정

업계 전반의 이메일 공개 동향을 살펴보는 것은 특정 이메일 클라이언트의 채택을 나타내는 훌륭한 지표이지만 중요한 것은 청중입니다. 청중이 이메일을 여는 위치를 살펴보고 그에 따라 디자인을 조정하는 것이 그 어느 때보다 중요합니다.

예를 들어, 2015년에 iPhone이 22% 증가했으며 현재 전체 이메일 열기의 33%를 차지합니다. 자신의 청중이 비슷한 것을 보고 있다면 해당 데이터를 사용하여 디자인 결정을 내릴 수 있습니다. iPhone의 운영 체제인 iOS는 HTML 및 CSS를 완벽하게 지원하므로 캠페인에서 HTML5 동영상 배경과 같은 고급 기술을 안전하게 사용할 수 있습니다.

핵심은 청중을 이해하는 것입니다. Email Analytics를 사용하면 디자인을 최적화하는 데 필요한 데이터를 얻을 수 있습니다. 지금 무료 평가판에 등록하십시오. 신용 카드가 필요하지 않습니다.

2016년 이메일 보고서 받기

더 많은 정보와 실행 가능한 테이크아웃을 원하십니까? 오늘 무료 보고서를 다운로드하여 최신 이메일 업데이트 및 발전 사항에 대한 최신 정보를 얻으십시오.

2016년 이메일 현황 보고서 받기 →