unlock-digital-pitfall-of-email-marketing

สืบเนื่องจาก เมื่อวันที่ 24 กุมภาพันธ์ 2559 ที่ผ่านมา ผมได้มีโอกาสไปร่วมสัมมนา “The Pitfall of Email Marketing” ที่ทาง Taximail จัดขึ้น หัวใจหลักของการสัมมนาในครั้งนี้มี 3 เรื่อง คือ

1. เทคนิคการดีไซน์ email ให้ Receiver สนใจ, Sittipong Sirimaskasem – CEO & Founder, rgb72

2. สิ่งที่นักการตลาดมักจะทำผิดพลาดในการตลาดจดหมายอิเล็คโทรนิคส์, Phaiboon Trikanjananun – CEO & Founder, Orisma Technology + Sittipong

3. Email Marketing Trends

ซึ่งในบทความนี้ผมจะเขียน เรื่องการออกแบบอีเมล์ให้ปังก่อนนะครับ ส่วนหัวข้ออื่นๆ ผมจะทยอยเอาขึ้นให้ เพื่อ organic reach ที่ดีบน Facebook Fanpage ของผมด้วยครับ.. ห้าห้า

มาเริ่มกันที่เทคนิคการดีไซน์ Email ให้ปังกัน

1. Time to make decision increases, the number of options increases.

ยิ่งมีตัวเลือกมาก ยิ่งทำให้มีตัวเลือกมาก ซึ่งถ้าออกแบบมาไม่ดี จะทำให้ email ของเราดูไม่น่า click หรืออาจจะ click แค่ตัวเลือกเดียว แทนที่จะ click หลายๆตัวเลือก

%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%81%e0%b9%81%e0%b8%9a%e0%b8%9a%e0%b8%ad%e0%b8%b5%e0%b9%80%e0%b8%a1%e0%b8%a5

จากรูป เป็นตัวอย่างการออกแบบอีเมล์ที่ไม่ดี แม้จะมีการจัดกลุ่มแล้วแต่โทนสีที่ใกล้เคียงกัน และ text ที่เยอะทำให้คนดูรู้สึกว่ามีตัวเลือกเยอะมากจนเกินไป

Solution : จัดกลุ่มของตัวเลือกให้เห็นชัดเจน แยกสีของกลุ่มตัวเลือกให้ชัดเจน

%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%94%e0%b8%b5%e0%b9%84%e0%b8%8b%e0%b8%99%e0%b9%8c%e0%b8%ad%e0%b8%b5%e0%b9%80%e0%b8%a1%e0%b8%a5

ตัวอย่างการจัดกลุ่มสำหรับการออกแบบที่ดี จะเห็นว่าในหน้าการออกแบบจากรูปข้างบน จะมีตัวเลือกให้เลือกเยอะมาก แต่เมื่อเราจัดกลุ่มแล้ว ก็จะทำให้ตัวเลือกที่มีเยอะ ดูจัดเรียงออกมาได้เรียบร้อยมากยิ่งขึ้น

 

2. Big Big Big Picture

การใช้ภาพใน email ใหญ่ๆ ในกรณีนี้รวมถึงการใช้ Text Size ขนาดใหญ่มากเกินไปเช่นกัน ทำให้เมื่อเปิดอีเมล์ขึ้นมาการแสดงผลจะดูขาดช่วง เหมือนอย่างในรูปด้านล่าง

%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%81%e0%b9%81%e0%b8%9a%e0%b8%9a%e0%b8%ad%e0%b8%b5%e0%b9%80%e0%b8%a1%e0%b8%a5

ตัวอย่างการออกแบบอีเมล์ที่ดีไม่ควรใช้รูป และตัวอักษรที่ใหญ่จนเกินพอดีตามรูปด้านล่าง

%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%81%e0%b9%81%e0%b8%9a%e0%b8%9a%e0%b8%ad%e0%b8%b5%e0%b9%80%e0%b8%a1%e0%b8%a5

 

 

3. No focus point / No Priority

%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%81%e0%b9%81%e0%b8%9a%e0%b8%9a%e0%b8%ad%e0%b8%b5%e0%b9%80%e0%b8%a1%e0%b8%a5

ทางด้านซ้ายเป็นการออกแบบแบบไม่มีจุดสนใจในสมัยก่อนของ TOMS … ทางด้านขวาคือการปรับการออกแบบใหม่ทำให้มีความน่าสนใจขึ้นมากกว่าเดิม หรืออาจจะแบ่งเป็นกลุ่มๆ เลยก็ดูดีนะครับ

%e0%b8%95%e0%b8%b1%e0%b8%a7%e0%b8%ad%e0%b8%a2%e0%b9%88%e0%b8%b2%e0%b8%87%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%ad%e0%b8%ad%e0%b8%81%e0%b9%81%e0%b8%9a%e0%b8%9a%e0%b8%ad%e0%b8%b5%e0%b9%80%e0%b8%a1%e0%b8%a5

นอกจากนี้ยังมีเทคนิค เรื่อง Eye Direction หรือเส้นนำสายตาที่จะสร้างจุด focus ให้กับการออกแบบได้

browser-jaybird

จากภาพจะเห็นว่า ตัวนางแบบคือเส้นนำสายตาซึ่งเป็นรูปสามเหลี่ยม การวาง text ของภาพถูกจัดวางในแต่ละด้านของสามเหลี่ยม โดยที่สิ่งที่ต้องการเน้นที่สุด จะอยู่บริเวณที่สายตาของนางแบบมองไป

 

4. Hard to read

emailtypes-responsive1

การทำบรรทัดให้สั้น เหมือนในหนังสือพิมพ์ หรือนิตยสาร เป็นเทคนิคที่ดีสำหรับการออกแบบ เนื่องจากตาของเราสามารถอ่านทั้งบรรทัดได้หมดในการกวาดสายตาทีเดียว และยังรองรับการการเปิดอ่านอีเมล์ผ่านมือถืออีกด้วย

 

5. Color Wheel

color-wheel-poster

ลอง Download ทฤษฎีสีจากรูปด้านบนไปทดลองใช้ในการออกแบบดูนะครับ ทางด้านขวามือจากหัวข้อบนลงล่าง

1. Analogous : กลุ่มสีคล้ายคลึง – ให้เราเลือกสีที่อยู่ติดกัน 3 สีใช้ในการออกแบบภาพที่เราต้องการ Mood & Tone เดียวกัน

2. Complementary : กลุ่มสีคู่ตรงข้ามกันเด็ดขาด แบบ 2 สี – จากตามรางสีคือคู่สีที่อยู่ตรงข้ามกันนะครับ เช่น เหลือง-น้ำเงิน, แดง-เขียว เป็นต้น ในสำหรับการออกแบบที่เราต้องการให้มีความแตกต่างกันอย่างชัดเจน

3. Triadic : กลุ่มสีตรงข้ามกันเด็ดขาดแบบ 3 สี – คือสีที่ตรงข้ามกัน 3 สี เช่น แดง-เเหลือง-ฟ้า, ส้ม-เขียว-น้ำเงิน เป็นต้น

4. Split Complement : คู่สีตรงข้าม + สีที่อยู่ติดกันอีก 1 สี – ใช้เพื่อทำให้เกิดความแตกต่าง แต่ยังดูมี Mood & Tone เดียวกัน เช่น เหลือง-น้ำเงิน-ม่วง เป็นต้น

 

Tips :

  • สีที่มีความสำคัญที่สุด คือสีเหลือง เพราะตาของเราสามารถมองเห็นสีเหลืองได้ชัดเจนที่สุด ซึ่งเป็นเหตุผลในการใช้ไฟสีเหลืองในการจัดหน้าร้าน หรือสถานที่ท่องเที่ยวต่างๆ นั่นเอง
  • 87% ตัดสินใจซื้อสินค้าเพราะสี
  • ระวังสีที่ทำให้นึกถึงกิจกรรมพิเศษบางอย่าง เช่น แดง + เขียว = คริสมาสต์ | แดง + เหลือง = ตรุษจีน | เขียว + น้ำตาล = ทหาร

 

 

6. Eye-Contact 

eye-contact

ลองถามตัวคุณเอง จากภาพด้านบน ภาพไหนที่คุณสะดุดตามากที่สุดในการมองผ่านๆ เพียงครั้งเดียว ?

สำหรับผม ภาพที่ 2 เป็นภาพที่สะดุดตาผมมากที่สุด เทคนิคการสร้างภาพด้วย Eye Contact นั้นทำให้เราสนใจหยุดดูภาพที่เรามองผ่าน ซึ่งเทคนิคนี้ยังสามารถใช้กับ Facebook Ads ได้อีกด้วยนะครับ

อีกตัวอย่างหนึ่ง

ลองเดินไปที่ชั้นขายซีเรียล แล้วสังเกตตัวการ์ตูนบนกล่อง ส่วนใหญ่สายตาจะมองลงด้านล่าง เพราะต้องการสร้าง Eye-Contact กับเด็กๆ นั่นเอง

 

Source : ขอบพระคุณคุณเก่งในงานสัมมนา “Pitfall of Email Marketing” จาก Taximail ด้วยนะครับ

#unlock

 

Advertisements