사람들이 실제로 휴대 전화에서 읽을 이메일을 디자인하는 방법
이메일 마케팅은 고객에게 다가가는 가장 인기있는 방법 중 하나입니다. 잠깐, 그것은 아마도 새로운 정보가 아닐 것입니다. 그러나 모바일 장치에서 이러한 뷰의 대부분이 무엇인지 알고 있습니까? 따라서 전화 용 이메일을 디자인하지 않는 경우 오늘이 시작됩니다.
모바일 이메일을 디자인하려면 계획과 생각이 필요합니다. 많은 타사 이메일 소프트웨어 클라이언트는 패키지에 반응 형 템플릿을 포함하지만 모든 도구가 메시지를 아이디어 디자인으로 자동 변환하지는 않습니다. 이메일이 어떻게 보일지 생각하고 메시지에 초점을 두어야합니다. 모바일 우선 디자인 전략으로 시작하기에 완벽한 장소 일 수도 있습니다.
하나의 열에 충실
가장 간단한 디자인 결정일 수 있습니다. 모바일 전자 메일의 경우 1 열 형식을 사용하십시오. 이 결정만으로도 모든 고려 사항을보다 쉽게 처리 할 수 있습니다. 또한 다양한 작은 화면 문제를 해결합니다.
한 열 형식은 시간이 많이 걸리는 사용자가 쉽게 구성 할 수 있고 조직과 흐름을 만듭니다. 또한 작은 화면의 모든 것에 대한 설계 표준이기도합니다. (개방하는 모든 앱 또는 게임에 대해 생각하십시오. 모든 것이 수직으로 설계된 단일 디자인으로 제공됩니다.)
1 열 형식을 사용하면 일부 표준 디자인 조각을 조정할 수 있습니다. 모바일 이메일에는 간단한 헤더 및 탐색이 필요합니다. 전자 메일 메시지의 시작 부분이 첫 번째 화면에 표시되도록 디자인 요소는 상당히 작아야합니다.
유형을 더 크게 만드십시오
모바일 이메일과 관련하여 가장 큰 문제 중 하나는 가독성입니다. 이메일을 읽기 어려워서는 안됩니다. 해결책은 유형을 조금 더 크게 만드는 것입니다.
모바일 이메일 유형의 표준은 본체 유형의 경우 14 ~ 16 포인트이고 헤드 라인의 경우 22 ~ 24 포인트입니다. 작은 유형의 블록을 읽는 데 방해가 될 수있는 하이픈을 끄는 것을 잊지 마십시오. 이 표준은 Apple의 iOS에서 최소 글꼴 크기가 13 포인트이고 그보다 작은 것을 자동으로 조정하기 위해 너무나 일반화되고 있습니다.
처음에는 불편할 수도 있습니다. 디자인을 진행하면서 유형이 거대해 보일 수 있지만 더 편안해지며 사용자는 더 많은 개방 시간과 더 큰 상호 작용 시간에 대해 감사하게됩니다.
사용자에게 무언가를하도록 지시
모바일 이메일에는 명확한 클릭 유도 문안이 필요합니다. 왜 이메일을 보내고 있습니까? 사용자가이 작업을 완료 할 수 있도록 설계된 공간이 있습니까?
두 번째 질문은 디자이너의 핵심입니다. 툴팁을 포함하는 호버 상태와 같이 모바일 이메일에서 보조 신호를 생성하는 방법은 많지 않으므로 모든 요소는 사용자 행동이 분명한 방식으로 설계되어야합니다. 여기에는 디자인에 나타나는 단추 모양부터 텍스트, "지금 구입", "여기를 클릭하십시오", 자세히 알아보기 등 모든 것이 포함될 수 있습니다.
이미지에 대해 신중하게 생각
실제로 모바일 이메일 뉴스 레터의 이미지를 볼 수없는 상당 부분의 사용자가 있습니다. Apple의 iOS 기기는 이메일에서 이미지가 자동으로 렌더링되는 유일한 세그먼트입니다. 따라서 이미지를 포함시키는 것은 의식적인 결정이어야합니다.
이미지를 완전히 선택 해제하기 전에 약간의 조사를 수행하십시오. 분석을 연구하여 사용자가 메시지를보고있는 장치 유형을 확인하십시오. 이미지는 중요한 도구이며 장치 사양으로 인해 간과해서는 안됩니다.
모바일 이메일 디자인 프로젝트에서 이미지를 사용할 때 다음을 고려하십시오.
- 크기. 스크롤하지 않고 이미지를 볼 수 있어야합니다.
- 구성. 이미지의 내용은 작은 크기로 이해할 수 있어야합니다.
- HTML. 텍스트 나 버튼을 이미지로 만드는 함정에 빠지지 마십시오. 텍스트 및 UI 요소는 HTML이어야하며 모든 이미지는 HTML 텍스트를 지원해야합니다.
- 메시지. 사용자가 이미지를 볼 수없는 경우에도 메시지를 이해할 수 있어야합니다.
- 배 밖으로 가지 마십시오. 이미지를 사용하려면 하나를 고수하십시오. 많은 메시지가 누락되어 사용자가 답답해합니다.
디자인 프레임 워크에서 화면 분할
모바일 이메일 디자인의 경우 단순성이 가장 중요합니다. 언어부터 디자인까지 모든 것이 간단하고 이해하기 쉬워야합니다. 메시지와 클릭 유도 문안은 분명해야합니다.
모바일 디자인에 대해 생각할 때 작은 화면에는 헤더와 브랜딩, 소개 메시지 및 행동의 세 부분이 있다고 상상해보십시오. 이상적으로는 각 이메일 디자인의 첫 화면에 위치해야합니다. (항상 그런 것은 아닙니다.)
장치 및 스케일 고려
모바일 디자인에서 고려해야 할 가장 어려운 점은 이메일이 렌더링 할 수있는 모든 화면 크기입니다. 현실은 이것입니다 : 불가능합니다.
그러나 공통점으로 생각할 수 있습니다. Apple iOS는 화면 너비에 맞게 모바일 이메일을 자동으로 확장하므로 작은 화면 크기를 계획하는 경우 고려해야 할 사항이 하나도 없습니다. 다른 운영 체제는 아직이 작업을 수행하지 않습니다.
모바일 디자인의 가장 표준 너비는 640 픽셀입니다. 높이는 조금 더 변하는 경향이 있습니다. Ken 's Tech Tips에서 장치 및 크기 목록을 찾을 수 있습니다.
터치와 인체 공학을 고려하십시오
모바일 이메일에서 클릭하거나 탭해야하는 요소는 분명한 디자인이 필요합니다. 여기에는 종종보다 굵은 색으로 사용되는 것보다 큰 크기로 이러한 요소를 설계하는 것이 포함됩니다.
경험상 사용자 행동을 위해 설계된 모든 요소는 한 손가락으로 쉽게 만질 수있을만큼 충분히 커야하며 충분한 공간이있는 주변 물체와 명확하게 구분할 수 있어야합니다. 한 손으로 만 화면의 물체를 잡고 터치하는 사용자를 고려하여 요소를 쉽게 터치 할 수 있어야합니다.
- "엄격한"크기 조정의 표준은 최소 46 픽셀의 제곱입니다.
- 왼손잡이 또는 오른 손잡이 사용자가 쉽게 만질 수 있도록 전폭 클릭 유도 문안을 선택하십시오.
클릭 가능한 요소 주위에 충분한 공간을 확보하십시오. 클릭해야하는 텍스트 내 링크를 사용하는 경우 링크를 더 쉽게 터치하고 인라인 링크 수를 제한하기 위해 링크에 단어를 더 추가하십시오. 여러 개의 링크가 서로 가까이 있으면 사용자가 잘못된 링크를 만질 가능성이 높아집니다. 모든 링크에 대해 색상 및 굵게 표시와 같은 디자인 요소를 사용하여 사용자가 텍스트가 무언가를하는 시각적 인 신호를 갖도록하십시오.
보너스 : 피해야 할 5 가지
이제 모바일 이메일 캠페인과 관련이 있다는 것을 알았으므로 피해야 할 몇 가지 사항이 있습니다. 이러한 일반적인 실수는 그렇지 않으면 큰 모바일 이메일을 파괴 할 수있는 것입니다.
- 내비게이션 추가를 잊어 버렸습니다. 사용자를 웹 사이트로 다시 안내 할 수있는 매우 간단한 탐색 기능을 포함 시키되 모바일에 최적화하십시오. 웹 사이트의 탐색 모음이 모바일 장치에 맞게 확장되었을 수 있습니다.
- "미묘한"색상 표 만들기. 사용자는 모바일 장치의 대비와 색상을 많이 조정합니다. 부드러운 색조 또는 색상 대비가 많은 색상 팔레트는 피하십시오. 읽을 수 있어야합니다.
- 소형 장치의 소형 유형은 킬러입니다. 사람들이 스크롤합니다. 쉽게 읽을 수 있도록 유형을 크게 만드십시오.
- 표준 UI 아이콘으로 작거나 숨겨진 버튼. 예를 들어, 화면 하단에서 시험 팝업이 나타나는 iPhone에 대해 생각해보십시오. 이 위치에 단추 나 요소를 배치하면 사용자가 단추 나 요소와 상호 작용하려고 할 때 숨겨집니다.
- 혼란은 모바일 재난입니다. 모바일 용 단일 메시지를 결정하고 고수하십시오. 사용자는 휴대 전화의 이메일에서 많은 정보를 필터링 할 시간이나 주의력이 없습니다.
결론
모바일 이메일 디자인은 웹 디자인에 대해 생각하는 것들 중 일부를 테스트 할 수 있습니다. 별도의 고려 사항이있는 고유 한 측면입니다. 고려해야 할 많은 것들이 다른 프로젝트와 다릅니다.
나의 추천은 이렇다 : 모든 이메일 뉴스 레터 나 서신은 모바일에 최적화되어야한다. 위의 팁을 사용하여 모든 메시지를 작성한 다음 더 큰 형식으로 만들 수있는 작은 변경 사항에 대해 생각하십시오. 집중된 아이디어로 여러 플랫폼에서 하나의 통합 된 메시지를 작성하기 때문에 작동합니다. 너무 빨리 진행하기 전에 전자 메일로 수행하려는 작업을 이해하고 프로세스 초기에 중요한 콘텐츠 결정을 내릴 수 있으며 모바일 사용자를위한 콘텐츠를 강제로 삭제하려는 느낌이 들지 않습니다.
