Mobile web

사용자 경험을 고려한 이메일이란?

Posted by | Digital Marketing, email marketing, Frameout, marketing, Mobile web, 가벼운 구성의 이메일, 모바일 최적화, 움직이는 GIF 사용, 프레임아웃 | No Comments

Blog_image_-email-best-practices

 

앞서 포스팅한 자료를 통해서도 알 수 있듯이 고객들은 시대 변화에 맞춰 다양한 디바이스를 통해 이메일을 접하고 있습니다.
작은 모바일 세상을 통해서도 다양하고 가치 있는 정보를 얻을 수 있기 때문에
웹을 사용하는 유저의 비율은 점차적으로 줄고 있으며, 모바일을 통한 이메일 오픈율이 높아지는 것도 어쩌면 당연한 결과일지도 모릅니다.

이메일 마케팅 역시 이러한 변화에 맞춰 모바일 디바이스를 고려한 이메일, 즉 사용자 경험을 고려한 이메일을 진행해야 할 것입니다.
디자인뿐만 아니라 제한된 용량, 네트워크 속도 등 모바일의 다양한 행동과 환경들을 분석하여 사용자 경험을 고려한 이메일은 모든 마케터들이 고민해야 할 부분이겠죠.

하지만 이메일을 모바일로 확인하는 고객들은 아직도 불편한 점이 많습니다. PC 화면에 최적화된 이메일 화면을 스마트폰의 작은 모니터로 확인하기엔 여러 가지 불편한 요소 많기 때문입니다. 결국 이와 같은 불편한 사용은 고객들과의 마케팅 연계도를 떨어뜨리는 부정적인 결과를 가져올 수도 있을 겁니다.

 

그럼, 사용자 경험을 통한 이메일은 어떻게 만들어야 할까?

‘모바일 최적화, 이메일은 용량은 가볍게, GIF 애니메이션 이미지를 통해 고객의 시선을 사로잡는 것’이 바로 핵심 포인트!

 

1. 모바일 최적화

모바일 최적화는 스마트폰 화면에서 HTML 디자인이 적용된 320~480px 크기의 이메일이며, 주로 최신 스마트폰에서 사용자가 이메일을 열어볼 때 사용됩니다.

모바일 최적화의 특징은,
1) 하이브리드 접근으로 대부분의 사용자에게 좋은 경험이 제공된다.
2) 프로그램에 접근하는 단계가 쉽다.
3) 축소된 사이즈의 디자인으로 구성되어 있다.
4) 콘텐츠들을 위해 빈 공간들이 최소화되어 있다.

이 4가지가 대표적인 특징입니다. 그럼 모바일에 최적화된 템플릿 디자인 전략은?

 

첫째, 심플하게 만들어야 한다!
bee0904_d6f4fa17c07a219fed09cc037dfb8684

사용자들은 다양한 행동을 하는 동시에 모바일을 사용하기 원합니다.

그렇기 때문에
1) 메시지를 깔끔하고 단순하게 만드는 것
2) 메시지를 설명하기 위해 그래픽을 이용하는 것
3) 중요하지 않은 요소들은 삭제하는 것이 중요합니다.

 

둘째, 스크롤 하기 쉽게 만들어야 한다!
bee0904_b20880d14dfd96e590260185fb11f18b

사용하기 쉬운 스크롤은 모바일 사용자의 관심과 집중을 유발하며 재빠른 탐색을 통해 주요 정보를 쉽게 습득 가능하도록 만들어 주는 장점이 있습니다.

스크롤이 쉽게 모바일 페이지를 만드는 방법은
1) 깔끔하게 나누어진 섹션으로 메시지를 구분한다.
2) 카피 문구를 위한 구역을 따로 설정한다.
3) 큰 제목과 이미지의 시각적 흐름을 설정한다.
4) 펼쳐보기를 통해 상세 내용을 확인할 수 있게 만든다.

 

셋째, 클릭하기 쉽게 만들어야 한다!
bee0904_384472fc49a0ba8b148a245498ee8e41

모바일은 손가락으로 클릭하기 때문에 사용자가 클릭을 좀 더 정확하게 할 수 있도록 충분한 공간을 고려하며 디자인해야 합니다.

좀 더 쉬운 클릭을 위해서는
1) 버튼과 링크의 크기를 크게 만든다.
2) 각 메뉴 섹션 사이의 공간을 확보한다.
3) 모든 섹션이 클릭 가능하도록 만든다.

 

2. 가벼운 구성의 이메일

적절한 이미지 포맷, 이미지 개수, 짧고 간결한 디자인, 간략한 텍스트 메시지들의 조합은 사용자 경험과 함께 클릭률과 도달율도 함께 상승시킬 수 있는 중요한 요인이 됩니다.

1) 적절한 이미지 포맷을 사용한다. GIF는 크기가 작고 낮은 해상도 이미지(화살표, 선, 로고)에 적합하며
2) JPEG(60% ~ 70%의 퀄리티)는 사진 이미지에 적절하다. 그리고 PNG는 투명 이미지에 최적화되어 있는 포맷이다.
3) 이미지 개수를 줄여야 한다. 가장 좋은 방법은 HTML 기반의 텍스트를 사용하는 것이며, 이를 통해 사용자 경험과 함께 클릭률과 도달율도 증가시킬 수 있다.

이메일 디자인은 짧고 간결하게 만들어야 합니다. 이메일을 읽는 평균 시간은 보통 15 ~ 20초이기 때문입니다.

 

3. 움직이는 GIF 사용

미국의 경우, 홀리데이 시즌이 다가올수록 이메일에서 움직이는 GIF 이미지를 많이 사용하게 되는데, 재미와 감동을 더해주기 위해선 몇 가지 명심해야 할 사항이 있습니다.

1) 움직이는 GIF 이미지는 이메일에서 자주 사용됩니다. 하지만 2007/2010 아웃룩과 윈도우 모바일 7에서는 첫 번째 프레임에서만 보입니다.
2) 움직이는 GIF 이미지 용량은 매우 무겁기 때문에 주의하지 않으면 매우 큰 용량으로 만들어집니다. 크고 화려하며 빠르게 움직이는 애니메이션은 쉽게 용량이 증가되므로, 이미지 크기와 용량을 최소화함으로써 GIF 크기를 제한하고 전체 프레임 수를 최소화해야 합니다.
3) GIF 이미지는 제한된 색상을 사용할 수 있기 때문에 모든 컬러 이미지에 알맞은 것은 아닙니다. 움직이는 GIF 이미지는 주로 촛불, 떨어지는 눈, 다른 미묘한 움직임을 표현할 때 사용되는데,  Cost Plus World Market의 사용 예를 보면 용량은 19K밖에 안되지만 이메일에서 재미있는 축하 느낌을 받을 수 있습니다.

CPWM-Example_03

 

 

 

출처: responsys by Caleb Larsen

어떤 이메일 클라이언트를 대상으로 디자인하고 테스트해야 할까?

Posted by | Digital Marketing, email marketing, marketing, Mobile web, 디지털마케팅, 마케팅, 모바일 | No Comments

디지털 마케터들이 이메일을 통해 마케팅 활동을 하면서, 과연 우리가 보낸 이메일을 받는 사람들은 누구이며, 그들은 어떤 이메일 클라이언트를 통해서 이메일을 볼까라는 질문에 정확하게 숫자로 대답할 수 있을까요?

어떤 대상에게 이메일을 보내느냐는 인바운드(inbound) 혹은 아웃바운드(outbound) 활동에 따라 대상이 달라질 수 있을 것이고,  브랜드별로 산업군별로 각자 다른 대상이 될 것입니다.

하지만, 어느 디바이스로 이메일을 열어 보는가? 라는 질문에 대해서는 객관적인 데이타가 존재 합니다.

이메일 분석 업체인 litmus는  2013년을 기준으로 운영체제별, 디바이스별로 사용하는 이메일 클라이언트를 분석하여 최근 자료를 발표했습니다.  첨부된 인포그래픽 처럼 가장 높은 MS를 보여주는 클라이언트는 애플 아이폰 26%, 2위는 아웃룩 14%, 3위는 구글 안드로이드 12%, 4위는 애플 아이패드 12%, 5위는 애플 메일 8%, 6위는 지메일 6%, 7위는 Outlook.com6%, 8위는 야후 메일 5%, 9위는 윈도우즈 라이브 메일 3%, 10위는 윈도우 메일 2% 순이었습니다. 

모바일에서의 개봉률이 처음으로 50%대를 넘어 51%에 도달했다는 것은 이메일 마케팅시 모바일 환경을 1순위로 고려해야 한다는 의미이기도 하겠습니다. 웹메일에서는 지메일이 outlook.com과 yahoo메일을 앞서 시장점유율 1위로 올라섰습니다.

국내의 상황과는 다소 차이가 있겠으나, 이메일 마케팅 측면에서 모바일 환경의 중요도 상승에 따른 데스크탑과 웹메일의 사용 추이는 관심있게 지켜볼 필요가 있다고 보여집니다.

most-popular-email-clients-2014