วันนี้ แฟน ๆ ของ iPhone หลายพันคนจะเดินทางไปที่ Apple Store เพื่อรับ iPhone ใหม่เอี่ยม นอกจากนี้ จะมีการอัปเดตโทรศัพท์ของพวกเขาเป็น iOS 13 ซึ่งเป็นระบบปฏิบัติการมือถือใหม่ล่าสุดของ Apple ในอีกสองสามวันข้างหน้า หากสมาชิกของคุณเป็นหนึ่งในนั้น จะส่งผลต่อรูปลักษณ์ของอีเมลหรือไม่

ในขณะที่ขนาดหน้าจอและความละเอียดสำหรับ iPhone ใหม่ยังคงเหมือนเดิม (นั่นเป็นข่าวดีสำหรับนักการตลาดผ่านอีเมล!) มีสิ่งหนึ่งที่คุณต้องระวัง: ด้วย iOS 13 นั้น Apple ได้แนะนำ Dark Mode ให้กับโทรศัพท์มือถือ รวมถึงแอพ iOS Mail ดั้งเดิม —และนั่นอาจส่งผลต่อการแสดงอีเมลของคุณสำหรับลูกค้าของคุณ

ทำไมคุณควรจับตาดูการอัปเดตของ Apple

กับ 27% ของอีเมลทั้งหมดอ่านบน iPhone ของ Apple, การเปลี่ยนแปลงไปยังโทรศัพท์ของ Apple, ระบบปฏิบัติการมือถือและการแสดงผลอีเมลที่สามารถสร้างความแตกต่างให้กับโลกการตลาดอีเมล หากผู้ชมของคุณดูคล้ายกับค่าเฉลี่ยทั่วโลก และคุณเห็นสมาชิกจำนวนมากเปิดอีเมลของคุณบน iPhone คุณจะต้องตรวจสอบให้แน่ใจว่าอีเมลของคุณดูดีและทำงานในสภาพแวดล้อมการอ่านนั้น

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

อีเมลของคุณมีลักษณะอย่างไรใน iOS 13 ดูว่า iOS13 แสดงอีเมลของคุณด้วย Litmus Email Previews สำหรับ iPhone 11 อย่างไร เรียนรู้เพิ่มเติม →

ขนาดหน้าจอและความละเอียดสำหรับ iPhone ใหม่

การเปิดตัวในเดือนกันยายนของ Apple เปิดตัว iPhone ใหม่สามรุ่น ได้แก่ iPhone 11, iPhone 11 Pro และ iPhone 11 Pro Max

ด้วยขนาดหน้าจอ 6.1 นิ้วสำหรับ iPhone 11, 5.8 นิ้วสำหรับ iPhone 11 Pro และ 6.5 นิ้วสำหรับ iPhone 11 Pro Max ทำให้ iPhone รุ่นใหม่มีขนาดเท่ากันกับรุ่นก่อน (iPhone XR, XS และ XS Max) . ความละเอียด ความหนาแน่นของพิกเซล และอัตราส่วนความหนาแน่นของพิกเซลก็เหมือนกันเช่นกัน

iPhone 11

iPhone 11 Pro

iPhone 11 Pro Max

ไม่มีการเปลี่ยนแปลงขนาดอุปกรณ์เป็นข่าวดีสำหรับนักการตลาดและนักออกแบบอีเมล หากคุณเคยใช้ข้อความค้นหาสื่อเฉพาะเพื่อกำหนดเป้าหมาย iPhone ของ Apple แต่ละเครื่องในอดีต สิ่งเหล่านี้ก็ใช้ได้ดีกับรุ่นใหม่ล่าสุดของ Apple เช่นกัน

หากคุณไม่ได้กำหนดเป้าหมายขนาดเฉพาะแต่ใช้เบรกพอยต์เพื่อทริกเกอร์สไตล์ที่ตอบสนอง คุณไม่จำเป็นต้องทำการเปลี่ยนแปลงใดๆ เนื่องจากเบรกพอยต์นั้นเหมือนกับ iPhone รุ่น ก่อน : 414px การตั้งค่าการสืบค้นสื่อเพื่อกำหนดเป้าหมาย ความกว้างสูงสุดอุปกรณ์: 414px จะทำให้แน่ใจว่ารูปแบบการตอบสนองจะแสดงบน iPhone รุ่นใหม่ทั้งสามรุ่น

 @media screen and (max-device-width: 414px) { /* Insert styles here*/ }

Dark Mode กำลังจะมาใน iPhone ของ Apple

ปีที่แล้ว Apple นำ Dark Mode มาสู่ระบบปฏิบัติการเดสก์ท็อป ทำให้ผู้ใช้ MacOS Mojave เปลี่ยนไปใช้จานสีที่เข้มกว่าสำหรับหน้าต่าง มุมมอง เมนู และการควบคุมทั้งหมด ทำให้อินเทอร์เฟซเหมาะสำหรับการทำงานในสภาพแวดล้อมที่มีแสงน้อยหรือที่ กลางคืน.

ด้วย iOS 13 ฟีเจอร์ยอดนิยมนี้กำลังจะมาใน iPhone ของ Apple ด้วย มาดูกันว่าจะส่งผลต่ออีเมลของคุณอย่างไร

วิธีแสดงอีเมลในโหมดมืดบน iOS 13

ข่าวดีก่อน: คล้ายกับโหมดมืดสำหรับ MacOS โหมดมืดใหม่บน iPhone ของ Apple จะไม่ส่งผลกระทบต่ออีเมล HTML โดยค่าเริ่มต้น โหมดมืดใช้ได้กับอีเมลส่วนบุคคลและอีเมลข้อความธรรมดาเท่านั้น แม้ว่าคุณจะไม่ได้กำหนดสีพื้นหลังไว้ในอีเมล HTML ของคุณ พื้นหลังก็ยังคงแสดงเป็นสีขาว ดังนั้นคุณจึงไม่ต้องกังวลว่าโหมดมืดจะยุ่งกับโค้ดของคุณหรือประสบการณ์การเรนเดอร์อีเมล HTML ปกติตั้งแต่แกะกล่อง

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

คุณทำอะไรได้บ้างเพื่อปรับปรุงประสบการณ์การอ่าน ด้วยโหมดมืดบน MacOS นักออกแบบและนักพัฒนาอีเมลจึงไม่มีโอกาสกำหนดเป้าหมายโหมดมืดโดยเฉพาะ สิ่งที่พวกเขาทำได้คือเลือกสีที่ทำงานได้ดีทั้งในมุมมองที่สว่างและมืด

อย่างไรก็ตาม ใน iOS 13 นักพัฒนาอีเมลสามารถกำหนดเป้าหมายโหมดมืด และมอบประสบการณ์ที่กำหนดเองสำหรับสมาชิกที่เปิดในโหมดมืด

วิธีกำหนดเป้าหมาย Dark Mode บน iOS 13

ตามที่ Thomas Steiner emailgeek สังเกตเห็น ขณะเล่นกับ iOS 13 เบต้าในฤดูร้อนนี้ Apple ขอแนะนำการสืบค้นสื่อใหม่ล่าสุดที่ให้คุณกำหนดเป้าหมายไคลเอนต์อีเมลที่ตั้งค่าเป็น Dark Mode โดยเฉพาะ

การทดลองของเรายังแสดงให้เห็นว่าการกำหนดเป้าหมาย Dark Mode บน iOS นั้นง่ายมากอย่างน่าประหลาดใจ:

 @media (prefers-color-scheme: dark) { /*Insert all your dark mode classes here, as you would insert mobile responsive classes./ /* Remember to use !important to override inline styles */ }

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

ต้องการที่จะเห็นมันในการดำเนินการ?

นี่คือหนึ่งในอีเมลการสัมมนาผ่านเว็บล่าสุดของเราที่ปรับให้เหมาะกับ iOS 13 Dark Mode:

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

เริ่มทดสอบอีเมลของคุณใน iOS 13 วันนี้

ตัวอย่างอีเมล Litmus สำหรับ iPhone 11 มีอยู่ในบัญชี Litmus ของคุณ คุณจึงสามารถเริ่มการทดสอบได้ทันที ยังไม่ได้เป็นลูกค้า Litmus? เริ่มต้นกับสารสีน้ำเงินวันนี้