작은 화면에서 스텔라 이메일을위한 8 가지 디자인 팁
휴대 전화 나 태블릿에서 얼마나 많은 사용자가 이메일을 열었습니까? 생각보다 비율이 높을 수 있습니다. 이메일 추적 소프트웨어를 제공하는 Litmus에 따르면 모든 이메일의 54 %가 2016 년에 모바일 장치에서 열렸습니다.
즉, 대부분 의 이메일이 전화로 표시됩니다. 이메일을 최대한 활용하는 이메일을 디자인하고 있습니까? 다음은 이메일 디자인을보다 모바일 친화적으로 만들기위한 팁입니다.
열을 버린다
데스크톱 화면에서는 여러 열 형식으로 많은 전자 메일이 멋지게 보일 수 있지만 모바일 장치에는 부족합니다. 대부분의 반응 형 템플릿은 열을 쌓아서 너무 긴 스크롤 전자 메일이나 어색한 콘텐츠 흐름으로 이어질 수 있습니다.
대신 1 열 형식을 선택하십시오. 이렇게하면 컨텐츠가 장치마다 일관된 모양과 느낌을 갖게되고 읽고 쉽게 탐색 할 수 있습니다. 데스크탑 모니터에서도 전체 화면보다 작은 미리보기 창에서 전자 메일을 보는 많은 사용자 덕분에 선호하는 형식은 단일 열보기입니다.
1 열 형식을 사용하면 전자 우편 별 패턴도 디자인 할 수 있습니다. 사용자에게 하나의 이메일에서 취해야 할 사항과 하나의 직접 조치를 제공하십시오. 여러 수준의 메시징을 추가하면 주의력이 짧은 어지러운 사용자가 전환을 막을 수 있습니다. 사용자에게 한 가지 선택 만하면 쉽게 할 수 있습니다.
링크에 버튼 사용
모바일에서는 인라인 텍스트 링크를 피해야합니다. 사용자가 탭하기가 어려울 수 있습니다. 대신 버튼을 선택하십시오. 버튼은 작은 화면을 터치하기에 분명한 장소이며 다른 요소가 실수로 활성화되지 않을 정도로 커야합니다.
사용자는 버튼에 밝은 색상과 큰 설명 텍스트를 사용하여 사용자가 정확히 무엇을 기대할 수 있습니다. 버튼은 다른 웹 사이트로 연결되어 구매, 콘텐츠 공유 또는 여러 작업을 수행 할 수 있습니다. 작은 화면의 너비를 많이 채우는 대형 스타일 버튼을 사용하면 사용자가 장치를 잡고있는 방법에 관계없이 쉽게 접근 할 수 있습니다.
스크롤의 첫 번째 부분에도 단추를 포함하십시오. 시각적 신호를 통해 전자 메일 수신자는 메시지에 필요한 조치가 포함되어 있음을 즉시 알 수 있습니다.
텍스트 크기 향상
작은 텍스트는 모바일 이메일 킬러입니다. 반응 형 템플릿이 포함 된 대부분의 전자 메일 소프트웨어 프로그램은 텍스트 크기를 적절한 화면 크기에 맞게 "크기 조정"하지만 항상 그런 것은 아닙니다.
- 이메일에서 본문 사본에 대해 최소 14 포인트 텍스트 크기로 시작하십시오. (그리고 더 커지는 것은 결코 아프지 않습니다. 16 포인트조차도 좋은 지침입니다.)
- 헤드 라인의 경우 22 포인트 이상으로 이동하고 굵은 체 또는 색상을 고려하여 헤드 라인을 더욱 두드러지게 만드십시오.
- 부제목은 18 포인트 이상이어야하며 헤드 라인 크기에 따라 더 커질 수 있습니다.
이미지 크기 조정
이미지가 화면에 제대로 맞아야합니다. 작은 장치에서 읽을 수 있도록 이미지의 모양, 크기 및 내용을 생각하십시오.
많은 이메일에는 헤더에 텍스트가 포함 된 이미지의 가로 폭이 다른 가로 자르기가 포함되어 있습니다. 작은 화면으로 변환해야하는 것은 아닙니다.
더 크고 정사각형 이미지는 모바일 장치에서 가장 잘 렌더링됩니다. 사용 가능한 이미지 크기 조정 옵션을 확인하려면 최대 너비 반응 형 이미지 기술을 사용하거나 Emma, MailChimp 또는 Constant Contact와 같은 이메일 서비스 제공 업체에 문의하십시오.
많은 공간 포함
작은 화면에서 모든 것을 쉽게 읽을 수 있도록 텍스트 블록 사이의 요소와 줄 간격을 늘립니다. 읽을 수있는 전자 메일은 사용자를 변환하는 전자 메일입니다.
문제는 다음과 같습니다. 사용자가 전화로 전자 메일을 열면 해당 메시지는 읽음으로 표시되어 사용자가 다른 장치에서 전자 메일로 다시 돌아올 가능성이 매우 높습니다. 따라서 혼란스럽고 어수선하거나 읽기 어려운 이메일로 인해 사용자가 다시 돌아 오도록 할 수는 없습니다. 그들은 당신의 메시지를 버릴 것입니다.
공백은 메시지를 더 가볍고, 더 접근하기 쉽고 읽기 쉽게 만듭니다. 한눈에 쉽게 스캔하고 이해할 수 있어야합니다. 최상의 결과를 위해 최소한의 사고와 디자인, 클릭률.
이미지 차단 고려
이미지 차단은 이메일 마케팅에서 실제로 고려해야 할 사항입니다. 특히 Microsoft와 같은 클라이언트를 사용하는 비즈니스 사용자에게 적합합니다. 가정을위한 디자인. 일부 사용자는 이메일에서 이미지를 볼 수 없다고 가정하십시오.
이미지 텍스트를 포함하여이를 수행하십시오. 이미지 파일이 아닌 HTML 및 CSS로 만들어진 방탄 버튼; 디자인의 균형과 텍스트와 이미지의 좋은 혼합.
이메일에 이미지를 전혀 사용하지 않는 생각이 가득합니다. 이것이 모든 사람을위한 솔루션은 아니지만 컨텐츠 유형에 따라 고려할 수 있습니다.
헤드 라인을 짧게 유지
작은 화면에서는 긴 헤드 라인이 더 길어 보입니다. 무엇을 말해야하는지 간결하게 파악하십시오. 이것은 제목 줄에도 적용됩니다. 메시지를 열려면 제목 미리보기에서 작은 공간 (및 문자 수)으로 사용자를 유혹해야합니다.
능동적 인 동사와 강력한 이미지를 사용하여 사용자를 유혹하십시오. 제목 줄의 첫 40 자에 가장 중요한 단어를 포함시켜 전자 메일을 열기 전에 사용자가 볼 수있는 가능성을 최대화하십시오.
제목과 헤드 라인 조합. 제목 줄에 대한 더 요약 된 제목의 제목을 고려하십시오. 제목에 질문을하고 제목에 답하십시오. 사용자에게 더 많은 정보를 제공하고 제공하려는 이메일과 상호 작용할 이유를 제공하십시오. (하지만 스팸처럼 들리지 않아야합니다. 그렇지 않으면 사용자를 즉시 끌 수 있습니다.)
결론
사람들이 귀하의 이메일을 열게하는 마술 공식은 없습니다. 그러나 클릭하여 열면 전화가 걸려서 모든 메시지가 멋지게 보이고 작은 크기로 쉽게 읽을 수 있어야합니다.
사용자가 모바일 장치에서 열 이메일을 만드는 가장 좋은 방법은 테스트입니다. 모든 관객은 다소 다릅니다. 지난 이메일에서 모바일 오픈 또는 클릭률이 가장 높은 이메일을 확인하십시오. 모바일 사용자에게 더 매력적인 디자인 요소가 있습니까? 또한받는 이메일과 열려있는 이메일 디자인을 자세히 살펴보십시오. 그들은 당신의 관심을 끌기 위해 무엇을하고 있습니까?
