가벼운 구성의 이메일

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

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