5회 전달: 이메일 디자인이란 과연 무엇일까요?

Deliverying의 이 에피소드에서 진행자 Jason Rodriguez는 "이메일 디자인이란 실제로 무엇입니까?"라는 질문에 답하려고 합니다. HTML과 CSS에 대해 알고 있습니까? 아니면 단순한 코드를 넘어선 것입니까?

향후 에피소드를 듣고 Twitter에서 #DeliveringPodcast 해시태그를 사용하여 대화에 참여하려면 iTunes 또는 Spotify에서 배달을 구독해야 합니다.

에피소드 대본

표면적으로 이메일 디자인은 쉬워 보입니다. HTML과 CSS를 작성하여 구독자에게 보내는 것뿐이죠? 그러나 조금 더 깊이 수영하면 단순한 코드를 훨씬 능가하는 복잡성의 세계가 열립니다. Delivery의 이번 에피소드에서 저는 “이메일 디자인이란 과연 무엇인가?”라는 질문에 답하려고 합니다.

이메일 마케팅, 전략, 이메일 산업, 그리고 이메일 디자인 및 개발에 관한 팟캐스트인 Delivering에 오신 것을 환영합니다. 600,000명 이상의 이메일 전문가가 더 행복한 구독자를 위한 더 나은 이메일 캠페인을 설계, 테스트, 분석 및 공동 작업하는 데 사용하는 크리에이티브 플랫폼인 Litmus가 제공합니다. litmus.com에서 자세히 알아보고 7일 동안 Litmus를 무료로 사용해 보십시오.

이메일 디자인 참 쉽죠? 결론적으로 이메일은 웹 페이지를 작성하는 것과 같은 HTML과 CSS에 불과합니다. 전체 문서 구조(HTML 파일의 헤드 및 본문)와 해당 문서 내부의 모든 콘텐츠가 있습니다. 꽤 표준적인 HTML을 사용하여 콘텐츠를 마크업한 다음 CSS를 사용하여 해당 콘텐츠의 스타일을 지정합니다. 웹 페이지 구축 경험이 있는 사람은 이론적으로 빠른 이메일을 코딩하여 ESP에 업로드하고 구독자에게 보낼 수 있습니다.

적어도 많은 사람들이 그렇게 생각합니다.

실제로 HTML과 CSS는 이메일 디자인의 시작에 불과합니다. 물론 이메일 디자이너, 개발자, 마케팅 담당자는 HTML과 CSS를 알아야 합니다. 그것이 없으면 WYSIWYG 편집기와 그것이 생성하는 스파게티 코드의 변덕에 맡겨집니다. 하지만 이메일 디자인이란 과연 무엇일까요?

거의 10년 동안 이메일을 디자인하고 코딩하는 과정에서 저는 이메일 디자인을 세 가지 핵심 요소로 요약했습니다. 위험 완화, 경계 확장, 모든 구독자를 위한 더 나은 경험 만들기.

많은 사람들과 마찬가지로 나도 먼저 HTML과 CSS를 배워 나만의 웹사이트를 만들었습니다. 나는 웹 표준 운동과 함께 성인이 되었고 Jeffrey Zeldman과 Eric Meyer와 같은 사람들을 종교적으로 따랐습니다. 시간이 있을 때마다 Rachel Andrew와 Jen Simmons와 같은 사람들의 글과 이야기를 탐독하며 보냅니다.

그러나 첫 번째 이메일을 작성하는 임무를 받았을 때 표준 기반 HTML 및 CSS를 아는 것만으로는 충분하지 않다는 것을 빠르게 배웠습니다. HTML과 CSS를 모두 다르게 취급하는 수십 개의 인기 있는 이메일 클라이언트 덕분에 이메일은 그 자체로 야수입니다. 모든 이메일 클라이언트는 자체 렌더링 엔진을 사용하여 이메일 캠페인의 기초가 되는 마크업을 해석하고 표시합니다. 어떤 경우에는 동일한 이메일 클라이언트의 다른 버전이 매우 다른 렌더링 엔진을 사용합니다.

마이크로소프트 아웃룩은 비교적 우수한 이메일 렌더링 엔진인 인터넷 익스플로러를 사용하다가 백엔드에서 마이크로소프트 워드를 사용해 이메일을 표시하는 것으로 유명하게 바뀌었다. Microsoft가 전환한 데는 여러 가지 이유가 있지만 그 이후로 이메일 마케팅 담당자의 입장에서는 가시가 되었습니다.

이메일 클라이언트는 Apple Mail과 같은 놀라운 렌더링부터 최악의 것까지 다양합니다. 많은 마크업을 지원하지 않는 이전 버전의 Lotus Notes를 생각해 보십시오.

그렇기 때문에 이메일 디자인의 많은 부분이 위험 완화에 관한 것입니다. 이러한 각 이메일 클라이언트 및 관련 단점을 이해하고 방어적으로 이메일을 코딩하는 것입니다. 이메일 디자이너로서 우리는 캠페인에서 잘못되는 일의 수를 제한하고 싶습니다. 그렇게 하는 과정에서 우리는 이메일 클라이언트 전체에서 이메일이 원활하게 작동하도록 돕기 위해 놀랍도록 창의적인 기술과 해킹을 개발했습니다.

Microsoft 조건부 주석 및 고스트 테이블, 하이브리드 코딩 및 Fab Four 방법, 인라인 CSS를 사용하고 이메일에 사용되는 HTML 요소 및 CSS 속성의 수를 제한하는 것과 같은 기본적인 것조차도 위험을 줄이는 것입니다.

하지만 많은 이메일 디자이너가 여기서 멈춥니다. 그들은 이메일에서 다른 무엇을 할 수 있는지 궁금해하지 않고 방어적인 코딩 기술을 기본으로 합니다. 다행히도 현재 상태에 만족하지 않는 이메일 디자이너가 있습니다. 그들은 이메일 디자인의 경계를 넓히는 일을 하는 사람들입니다.

공정하게 말하자면, 이러한 방어적 코딩 기술의 대부분은 창의적이며 자체 방식으로 경계를 허물고 있습니다. 그러나 그들은 가능한 한 최선의 방법으로만 한계를 느껴야 합니다. 그들은 이메일 디자이너가 전통적인 이메일 디자인으로 생각되는 것 이상으로 발전하도록 영감을 주어야 합니다.

그렇기 때문에 효과적인 이메일 디자인의 두 번째 부분은 이러한 한계를 뛰어넘는 것입니다. 이메일의 한계를 이해하지만 웹 디자인 및 개발과 같은 다른 분야에서 영감을 얻거나 시각적 디자인 관점에서 창의적인 인쇄 디자인과 같은 것들에서 영감을 얻는 것이 바로 그 지점입니다.

이러한 유형의 디자인의 가장 인기 있는 예는 대화형 이메일을 구축하는 것입니다. Mark Robbins와 Rebelmail의 직원은 Burberry와 같은 브랜드의 받은편지함에서 완전한 대화형 결제 경험을 구축한 것으로 유명합니다. Litmus에서는 이메일 캠페인에서 Twitter 피드, 배경 비디오 및 물건 찾기를 보낸 후 엄청난 응답을 받았습니다.

그러나 경계를 넓히고 매체를 발전시키기 위해 이메일이 대화식이어야 한다고 생각하지 마십시오. 카피라이팅, 전략, 그래픽과 시각 디자인도 바늘을 움직일 수 있습니다. 정말 좋은 이메일은 모든 이메일을 대화형으로 만드는 것이 아니라 고유한 목소리, 유머 브랜드 및 멋진 개인화를 수용함으로써 열성적인 대규모 청중을 성장시켰습니다.

내가 가장 좋아하는 뉴스레터 중 하나인 Mailchimp의 UX 뉴스레터는 지금은 없어졌습니다. 그러나 그들의 아트 디렉팅 이메일(내가 가장 좋아하는 것은 90년대처럼 보이는 HTML 이메일, 일반 텍스트 ASCII 아트)은 다른 디자이너들이 자신의 이메일 캠페인에 아트 디렉션을 도입하고 구독자가 이메일 뉴스레터가 할 수 있다고 생각하는 개념을 확장하도록 영감을 주었습니다. 이다.

이러한 장르를 정의하는 이메일 중 일부는 단지 재미를 위한 일회성 캠페인이지만 많은 작업은 좋은 이메일 디자인의 마지막 측면인 구독자를 위한 더 나은 경험 만들기와 관련이 있습니다.

Fabio Carneiro, Nicole Merlin, Stig Morten Myre 및 Remi Parmentier와 같은 사람들의 선구적인 작업이 없었다면 구독자에게 더 나은 경험을 제공하기 위해 당연하게 여기는 기술을 갖추지 못했을 것입니다. Fabio, Nicole 및 Remi는 모두 전 세계 수백만 명의 구독자가 매일 읽는 반응형 모바일 친화적인 이메일을 구축하기 위한 대화에 기여했습니다. 그리고 VML의 비밀을 풀기 위한 Stig의 헌신과 방탄 버튼과 배경의 세계는 이메일 클라이언트가 우리 코드에 하는 온갖 이상한 짓에도 불구하고 모든 가입자가 이메일 캠페인에 참여할 수 있게 해주었습니다.

더 최근에 우리는 더 접근하기 쉬운 이메일 캠페인을 만들기 위해 엄청난 노력을 기울였습니다. Mark Robbins 및 Paul Airy와 같은 사람들은 능력에 관계없이 누구나 사용할 수 있는 이메일 캠페인을 만드는 방법을 이해하는 데 도움이 되도록 많은 연구를 수행했습니다. 그리고 타이포그래피, 대비, 이미지에 대한 대체 텍스트 및 더 명확한 카피라이팅 사용에 대한 더 강한 초점은 그 어느 때보다 더 많은 사람들에게 이메일 마케팅을 개방했습니다.

따라서 "이메일 디자인이 실제로 무엇입니까?"라는 질문으로 돌아갑니다.

이메일 디자인은 코드 그 이상입니다. 훨씬 더 많습니다.

이메일 디자인은 고유한 매체를 이해하는 것입니다. 웹 디자인 및 개발과 관련이 있지만 별개의 매체입니다. 익숙한 기술을 기반으로 하지만 제대로 작동하려면 전문가의 지식이 필요합니다.

물론 이메일은 수많은 이메일 클라이언트와 렌더링 엔진에 의해 야기되는 위험을 완화하는 것입니다. 그러나 이러한 위험과 한계를 극복하고 모든 구독자를 위해 놀랍고 접근 가능한 경험을 구축할 수 있는 창의적인 방법을 찾는 것이 중요합니다.

따라서 다음에 누군가 당신이 이메일 디자이너인지 묻는다면 주저하지 말고 대답하세요. "예, 하지만 프론트 엔드 웹 작업도 합니다."라고 말하지 마십시오. 진실을 말하세요: 흥미롭고 어려운 문제를 해결하고 세계에서 가장 가치 있고 인기 있는 커뮤니케이션 채널인 이메일을 사용하여 더 나은 경험을 제공한다고 말하십시오.

이 딜리버리 에피소드가 마음에 드시나요? iTunes에서 우리에게 리뷰를 제공하고 팟캐스트를 친구들과 공유하십시오. 그리고 즐겨 찾는 소셜 네트워크에서 해시태그 #DeliveringPodcast를 사용하여 대화에 참여하십시오.