2010년대부터 현재까지: 시간의 테스트에서 살아남은 이메일 디자인 트렌드
게시 됨: 2021-04-01이메일은 먼 길을 왔습니다. 1971년 Ray Tomlinson이 설립한 회사는 전화를 받지 않는 동료들과 소통하기 위한 수단으로 시작하여 강력한 기업으로 발전했습니다. 이메일 마케팅 채널은 36:1의 ROI로 놀라울 정도로 높은 수익을 계속해서 가져오고 있습니다.
올해 10월에 이메일이 공식적으로 50주년을 맞이합니다. 약간은 향수를 불러일으키지 않을 수 없습니다. 이것이 우리가 2010년대부터 현재까지 이메일의 역사를 되돌아보기로 결정한 이유입니다.
이메일 전문가인 Lily Worth(저희 이메일 디자인 및 제작 전문가)와 이메일 개발자이자 Thies Publishing 소유주인 Brian Thies에게 아카이브를 조사하고 특히 코딩 및 디자인과 관련된 수년간의 경험에 대한 통찰력을 공유하도록 요청했습니다.
2010년대에 살아남은 이메일 디자인 트렌드를 재조명하면서 추억의 길을 함께 걸어보세요. 이 게시물에서는 가장 상징적인 디자인 트렌드와 이러한 트렌드가 더 나은 방향으로 발전한 방법을 살펴보겠습니다.
이메일은 2010년대에 성장했습니다.
1990년대에서 2000년대는 이메일 디자인의 르네상스 시대였습니다. 1991년 즈음, 우리가 지금 알고 있는 인터넷이 탄생했습니다. 그런 다음 1990년대 후반에 이메일에 HTML이 도입되면서 이메일이 다시 태어났습니다.
2010년대는 어떻습니까? 모든 시간 중 "가장 일종의" 10년이었음에도 불구하고 이메일 마케팅에서 주요 발전이 이루어졌습니다.
이 10년 동안 세분화, 개인화, 이메일 자동화, 규정 준수(예: GDPR), 접근성 등 많은 것이 이루어졌습니다. 이것은 오늘날 우리가 알고 있는 이메일 마케팅의 발판을 마련했습니다.
다음은 지난 10년간 이메일 마케팅 이정표의 간략한 역사입니다.
- 2009년 – 반응형 이메일이 도입되었습니다.
- 2010 – 트리거된 이메일이 표준이 되었으며 현재 마케팅 담당자의 48%가 트리거된 이메일을 보냅니다.
- 2012 – 현재 9천만 명의 미국인이 모바일 장치에서 이메일을 사용합니다.
- 2013 – Google은 Gmail에 탭을 도입합니다.
- 2014 – CSS와 HTML의 통합으로 대화형 이메일 시대가 열렸습니다.
- 2014년 – 동적 콘텐츠를 사용하여 구독자와 개인화된 경험을 제공합니다.
- 2014 – 캐나다의 스팸 방지 법안(CASL)이 발효됩니다.
- 2015 – 이메일 내의 CSS 애니메이션이 인기를 얻습니다.
- 2016년 – 개인화 시대가 도래합니다.
- 2016 – GDPR이 채택되었습니다.
- 2018 – Apple은 15번째 OS 릴리스의 일부로 다크 모드를 도입합니다.
코딩과 디자인은 어떻습니까?
2010년대를 정의한 이메일 디자인 트렌드
추억을 되살리기 위해 우리는 Lily에게 아카이브를 파헤쳐보고 그녀가 찾을 수 있는 가장 빠른 이메일을 공유해 달라고 요청했습니다. 그녀가 2009년에 Experian을 위해 디자인하고 개발한 첫 번째 이메일을 살펴보겠습니다.
이 이메일을 다시 방문한 후 그녀의 생각은? "많은 이미지 슬라이싱, 작은 글꼴, 반응형 코드 없음."
다음은 Experian의 다른 프로젝트에서 보낸 Lily의 첫 번째 이메일 중 하나입니다.
릴리는 이것에서 무엇을 기억합니까? “버튼과 긴 프리헤더 텍스트. 그 당시 우리는 대부분의 시간에 라이브 텍스트를 사용하고 있었습니다.”
조금 더 나아가 Twitter 커뮤니티에 그들이 보낸 첫 번째 이메일 캠페인을 공유해 달라고 요청했습니다(#EmailGeeks에게 감사드립니다!). 이번 10년의 이메일을 정의한 몇 가지 주요 특성을 살펴보겠습니다.
화려한 버튼
방탄 버튼 이전에는 온갖 종류의 버튼이 있었습니다. 일반적인 처리는 광택 이 있고 좋은 경사와 양각이 있습니다.
먼저 광택 버튼의 몇 가지 예를 살펴보겠습니다.
다음은 2014년으로 거슬러 올라가는 이메일의 예입니다.
그리고 이 경사 및 엠보싱 효과를 보십시오. 저항할 수 없다고 생각하지 않습니까?
90년대의 특징이 더 두드러지긴 하지만, 2008년에 그녀가 디자인한 Megan Boshuyzen의 첫 번째 이메일 중 하나에서 볼 수 있듯이 우리는 초기 이메일에서 베벨 및 엠보싱 기술이 혼합된 광택의 조합을 보았습니다.
2008년 첫 그래픽 디자인 인턴십에서 포토샵으로 이것을 디자인했습니다. 코드를 작성하기 위해 개발 팀에 보냈습니다! pic.twitter.com/OA9xsrXjrF
— Megan Boshuyzen(@megbosh) 2021년 3월 10일
그림자
그 당시 우리는 가능한 모든 방법으로 이메일에 깊이를 더하는 열렬한 팬이었던 것 같습니다. 위에 나열된 버튼 스타일 외에도? 그림자를 삭제합니다.
2010년의 이 이메일을 확인하세요. "떠다니는" 스타벅스 카드와 기프트 카드는 그림자 덕분에 가능했습니다.
탐색 모음
이메일 디자인은 웹 디자인의 발자취를 밀접하게 따르는 경향이 있습니다. 웹에서 인기 있는 많은 것들이 곧 이메일로 전달될 것입니다.
다음은 Paul Airy의 첫 번째 이메일 캠페인에 있는 탐색 모음의 예입니다.
내가 디자인하고 개발한 최초의 이메일 캠페인 중 하나입니다. pic.twitter.com/euS5FcafnV
— 봉투 너머(@Paul_Airy) 2021년 3월 10일
Justine Jordan의 아래에 표시된 탐색 모음의 또 다른 예:
Emily Benson이 말했듯이 이메일은 "이메일에 갇힌 웹사이트"처럼 보이는 경향이 있습니다. 우리는 그것을 더 잘 말할 수 없었습니다!
설명선 상자
모바일이 표준이 되기 이전에는 데스크톱에 중점을 두었습니다. 접근 방식은 "이 이메일에 최대한 많은 내용을 담는 것"으로 보였습니다.
오늘날에는 사이드바가 일반적으로 이메일에 사용되지만 당시에는 내용을 구조화하는 방법으로 설명선 상자가 이메일 사이드바에 자주 등장했습니다.
사이드바의 단점 중 일부는 시각적 혼란을 더하고 반응형으로 만들기 어려울 수 있다는 것입니다. 더 깨끗하고 잘 디자인된 사이드바는 이메일 캠페인의 주요 목표에서 구독자의 주의를 분산시킬 수 있습니다.
이메일 마케팅의 새로운 시대를 열다
오늘날 우리가 알고 있는 많은 디자인 트렌드는 지난 10년 동안 도입되었습니다. 2010년대 초 이메일 사용량 급증과 함께 2009년에 반응형 디자인이 도입되면서 지금의 이메일 작성 방식에 많은 영향을 미치게 된 촉매제가 되었습니다.
10년이 지나면서 접근성과 포괄적인 디자인이 대화의 더 큰 부분이 되었습니다.
모바일 장치를 위한 디자인
2010년대 초반 모바일의 인기가 높아짐에 따라 모바일 장치에 대한 최적화가 필수가 되었습니다. 확장 가능하고 유연하며 반응이 빠른 디자인은 이메일 개발에서 고려해야 할 중요한 접근 방식이 되었습니다. 2015년 게시물에 따르면:
모바일 이메일은 2011년에 우리 레이더에 간신히 포착되었으며 이메일 열기의 8%에 불과했습니다. 2014년이 되면 거의 절반의 이메일이 스마트폰과 태블릿에서 열립니다. 이는 4년 동안 500% 증가한 수치입니다.
다음은 2016년의 응답 하지 않는 이메일의 예입니다(및 이메일에 갇힌 웹사이트의 또 다른 예).
협동
우리가 Brian에게 지난 10년 동안 이메일에서 본 가장 큰 변화에 대해 물었을 때 그는 자동화 및 트랜잭션 도구에 대한 수요 증가가 어떻게 고용 급증을 일으켰는지에 대해 말했습니다.
“가장 큰 변화 중 하나는 해당 산업 내에서 발판을 마련하고자 하는 회사의 합법적인(그리고 관련성 있는) 마케팅 이메일 수가 증가했다는 것입니다.
여기에는 사용자 및 소비자와 더 긴밀한 연결을 만들기 위해 자동화 및 트랜잭션 도구의 사용 증가가 포함됩니다. 이러한 급증은 채용 열풍을 일으키고 오늘날 우리가 즐기는 거대한 이메일 마케팅 커뮤니티의 기반을 마련했습니다.”
브라이언 티스
더 많은 사람들과 함께 더 많은 협업이 이루어집니다. 결국, 교차 협업을 통해 더 스마트하게 작업해야 할 필요성이 분명해졌습니다. 이메일 개발자뿐만 아니라 "고용 열풍"에서 계속 성장하고 있는 마케터, 디자이너, 엔지니어 팀을 위해 코딩 중인 내용을 장기간 사용하는 과정에 대한 생각이 필요했습니다.
재사용 가능한 콘텐츠 블록, 스니펫, 전역 및 템플릿과 같은 전략은 이메일을 보다 효율적으로 코딩하는 일반적인 부분이 되었습니다.
어떤 이메일 디자인 트렌드가 살아남았고 진화했나요?
지난 10년 동안 어떤 디자인 트렌드가 살아남고 진화했는지 살펴보겠습니다.
버튼, 하지만 더 나은
앞서 논의한 바와 같이 지난 10년 동안 이메일 디자인의 가장 상징적인 측면 중 하나는 화려한 버튼이었습니다. 그리고 우리는 여전히 경사, 양각 및 광택을 볼 수 있지만 톤을 낮추고 단순합니다.
다음은 경사 및 양각 효과가 있는 버튼의 현재 예입니다.
접근성이 그림의 더 큰 부분을 차지하게 되자 우리는 버튼을 방탄으로 만드는 방법을 알아냈습니다. 그래서 우리는 클릭 유도문안이 차단되거나 꺼질 수 있는 이미지에 포함되지 않도록 했습니다.
이미지를 사용하되 더 똑똑하게
이미지 전용 이메일이 이메일 캠페인을 생성하는 최선의 방법이 아니라는 것을 알기 전에 우리는 그렇게 했습니다.
그 당시에는 이메일을 작성하는 인기 있는 방법이 Photoshop(#SlicinAndDicin, 누구?)에서 슬라이싱하고 HTML을 내보내고 거기에서 작동하게 만드는 것으로 시작했습니다. 그러나 시간이 지남에 따라 배우고 진화하면서 이것이 최선의 방법이 아님을 알게 되었습니다.
2012년까지 9천만 명의 미국인이 모바일 장치에서 이메일을 사용하고 있었습니다. 모바일의 등장과 함께 우리는 더 스마트하게 일하는 방법을 알아냈습니다.
2014년 맥도날드의 이 예에서 대체 텍스트와 배경색을 사용하여 몇 가지 모범 사례 기술을 구현하여 가입자 경험을 최우선으로 유지한 방법을 볼 수 있습니다. 다음은 이미지를 표시하는 것과 꺼진 이미지를 나란히 비교한 것입니다.
가장 중요한 주제: 단순함
오늘날 이메일에서 이러한 모든 것을 볼 수 있지만 그 당시보다 더 미묘하고 단순합니다. 간단히 말해서, Lily는 이제 이메일이 "훨씬 더 깔끔한 디자인, 훨씬 덜 복잡하고 더 큰 글꼴로 단순화된 레이아웃"이 되었다고 설명합니다. 이제 가독성이 더 잘 고려됩니다.”
전반적으로 과거의 이메일은 오늘날 우리가 보는 이메일에 비해 많은 일이 일어나는 경향이 있었습니다. 복잡한 레이아웃(설명선 상자 및 탐색 모음)의 사용은 훨씬 단순한 레이아웃으로 발전했습니다.
추억이 되어서 좋네요
과거를 회상하면 우리가 얼마나 많이 변했는지 자각할 수 있습니다. 그리고 변화는 좋은 것입니다. 이는 우리가 성장하고 발전하고 있다는 신호입니다! 감사합니다. 이메일은 항상 변경됩니다.
릴리와 브라이언은 2010년대를 생각하면 무엇이 떠오르나요?
“나는 이메일의 진화에 대한 팬이며, 확실히 현재/미래에 살고 있으며 뒤돌아보지 않습니다. "
릴리 워스
“관리해야 할 이메일 클라이언트 수가 적어 단순함이 그리워지지만 Litmus 이전에 수반되었던 테스트의 양은 그리워하지 않습니다. 코드를 약간 수정하고 모든 이메일 클라이언트에서 한 번에 결과를 볼 수 있어 엄청난 시간을 절약할 수 있었습니다."
브라이언 티스
 | 변화에 직면하여 이메일이 완벽하게 보이도록 하십시오. 이메일은 15,000개 이상의 다른 잠재적인 렌더링과 함께 끊임없이 진화하고 있습니다. 변화에 직면하여 이메일이 완벽해 보이도록 하십시오. 받은 편지함에서 브랜드와 오류가 없는지 확인하여 모든 이메일을 보낼 때마다 브랜드 평판을 보호하십시오. 무료 평가판 시작 → |
과거의 기억을 조깅하는 한 가지 방법은 전체론적 관점에서 구체적인 세부 사항에 대해 생각하는 것입니다. 그래서, 도움 수송 릴리와 브라이언에 과거에, 우리는 이메일을 제외하고, 그들은 또한 놓친 것들에 대해달라고 요청했다.
릴리와 브라이언은 지난 10년 동안 무엇을 그리워합니까?
"스크린에 덜 의존하는 영국 코미디가 그 당시에는 더 좋았고 거의 매일 밤 밴드의 라이브 공연을 보러 가는 것이 그립습니다."
릴리 워스
"쉬운. 마스크를 쓰지 않아도 된다”고 말했다.
브라이언 티스
그리고 마침내, 우리는 저항할 수 없었고 Lily와 Brian이 그들의 첫 번째 이메일 주소를 공유하도록 했습니다.
아, 좋은 시절
가끔씩 생각나게 해서 좋습니다. 과거 이메일을 보면 우리가 얼마나 멀리 왔는지 상기할 수 있습니다. 그 결과 현재에 대한 새로운 인식을 발전시키는 데 도움이 될 수 있습니다.
Photoshop에서 #SlicinAndDicin의 핵심을 놓칠 수 있지만 진화는 좋은 것입니다. 2010년대는 이메일의 결정적인 10년이었습니다. 90년대는 걸었고 2010년대는 달릴 수 있었다.
아직도 약간 그리운 느낌? 우리도 마찬가지입니다. 그래서 우리는 90년대에 경의를 표하기 위해 이 Litmus Weekly 특별판을 만들었습니다.
 | 새로운 이메일 친구를 만나보세요 이메일 마케팅 담당자, 디자이너 및 개발자가 만든 평범한 뉴스레터입니다. 꼭 알아야 할 엄선된 콘텐츠와 뉴스를 구독하세요. 가입! → |