การออกแบบที่สามารถเข้าถึงได้ – 5 เคล็ดลับสำคัญสำหรับนักออกแบบกราฟิก

ความครอบคลุมกำลังกลายเป็นเทรนด์การออกแบบที่คุณไม่สามารถเพิกเฉยได้อีกต่อไป การสร้างงานออกแบบที่สื่อถึงแบรนด์และข้อความของคุณได้อย่างถูกต้องเป็นสิ่งสำคัญ แต่สิ่งที่สำคัญยิ่งกว่าคือการสร้างการออกแบบที่ลูกค้าของคุณเห็นและดำเนินการด้วยวิธีที่ถูกต้อง และรวมถึงการออกแบบสำหรับคนพิการประเภทต่างๆ มีประชากรส่วนใหญ่ที่อาศัยอยู่กับความพิการบางรูปแบบ นั่นคือผู้ใหญ่ 61 ล้านคนในสหรัฐอเมริกาเพียงอย่างเดียว ดังนั้นการออกแบบที่สามารถเข้าถึงได้จึงเป็นสิ่งที่คุณไม่สามารถละเลยได้ วันคนพิการสากลตรงกับวันที่ 3 ธันวาคม ตอนนี้เป็นเวลาที่ดีที่จะพูดคุยเกี่ยวกับการออกแบบที่สามารถเข้าถึงได้

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

การออกแบบที่สามารถเข้าถึงได้ – จากมุมมองของการออกแบบกราฟิก

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

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

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

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

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

1. ใส่ใจกับการพิมพ์ของคุณ

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

คิดสองครั้งก่อนที่คุณจะใช้แบบอักษรขนาดเล็ก

แบบอักษรขนาดเล็กทำให้ปวดตามาก และทำให้ผู้ใช้ทำงานหนักขึ้นเพื่อรับข้อความ มีโอกาสที่พวกเขาจะไม่! นอกจากนี้ แบบอักษรที่มีขนาดน้อยกว่า 12px ยังอ่านยากโดยเฉพาะบนโทรศัพท์มือถือ เมื่อพิจารณาว่า 58.99% ของการเข้าชมเว็บทั่วโลกมาจากอุปกรณ์พกพา การหลีกเลี่ยงแบบอักษรขนาดเล็กถือเป็นการตัดสินใจที่ดีสำหรับการออกแบบที่สามารถเข้าถึงได้

ดังนั้น ฟอนต์ตัวหนาขนาดใหญ่สำหรับข้อความฮีโร่จึงไม่เพียงทำหน้าที่เป็นตัวดึงดูดความสนใจหรือตัวหยุดการเลื่อนเท่านั้น แต่ยังให้ความสะดวกในการอ่านสำหรับผู้ใช้หลายคนอีกด้วย การปรับขนาดฟอนต์ที่แตกต่างกันสำหรับส่วนต่างๆ ยังช่วยให้ผู้ใช้ทุกประเภทเข้าใจลำดับชั้นได้ง่ายขึ้น เนื่องจากฟอนต์ที่ใหญ่ที่สุดมักเป็นฟอนต์แรกที่คนส่วนใหญ่สังเกตเห็น และฟอนต์ที่เล็กที่สุดอาจเป็นฟอนต์สุดท้าย

แบบอักษรที่คุณเลือกมีความสำคัญ

มีฟอนต์ serif ที่สวยงามและอ่านง่ายมากมาย ไม่ต้องสงสัยเลยว่า แต่ถ้าคุณกำลังออกแบบโดยคำนึงถึงผู้ที่มีความบกพร่องทางสายตา ฟอนต์ sans-serif มีข้อได้เปรียบที่ชัดเจน รูปร่างตัวอักษรที่สะอาดตาและไม่ยุ่งยากทำให้อ่านสะดวกยิ่งขึ้น และสิ่งนี้ใช้ได้กับทั้งงานพิมพ์และงานออกแบบดิจิทัล

ภายในแบบอักษร sans-serif คุณควรหลีกเลี่ยงแบบอักษรที่มีลายเส้นบางมาก ฟอนต์สำหรับตกแต่งเป็นอีกประเภทที่ใช้ไม่ได้เมื่อคุณออกแบบสำหรับผู้ที่มีความบกพร่องทางสายตา การใช้ฟอนต์ตกแต่งในปริมาณที่พอเหมาะนั้นไม่เป็นไร แต่ส่วนที่ส่งข้อความหลัก CTA และพื้นที่ที่มีข้อความจำนวนมากควรมีทางเลือกอื่นที่อ่านได้ชัดเจนกว่า

ระวังเรื่องระยะห่างระหว่างตัวอักษร

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

ตัวอักษรที่มีระยะห่างเพียงพอและการจัดวางโดยรวมที่ไม่เกะกะคือสิ่งที่คุณต้องการ ไม่ใช่การออกแบบที่วุ่นวาย ไม่มีใครชอบหรอก ไม่ใช่แค่คนพิการ

นามบัตรด้านบนรวมเอาแนวคิดทั้งหมดข้างต้นเกี่ยวกับการปรับเปลี่ยนรูปแบบตัวอักษรอย่างมีสติ มันใช้ฟอนต์ sans-serif อย่างง่ายตลอด ระยะห่างระหว่างตัวอักษรทำให้ข้อความสามารถอ่านได้ และในขั้นตอนสุดท้าย รหัส QR ช่วยสร้างการออกแบบไฮบริดที่สมบูรณ์แบบ การสแกนรหัสจะนำคุณไปยังนามบัตรดิจิทัลที่มีลิงก์ไปยังเว็บไซต์ หน้าโซเชียลมีเดีย และลิงก์การโทรโดยตรง ผู้ใช้ทุกประเภทจะชื่นชอบการออกแบบที่สมเหตุสมผลที่เน้นผู้ใช้เป็นหลักเช่นนี้

เกร็ดความรู้: ไม่ทราบว่าตัวพิมพ์ที่เลือกนั้นเข้าตาผู้อ่านหรือไม่? เขียนอักขระด้านล่างติดกัน -

• ตัวพิมพ์ใหญ่ “i”
• ตัวพิมพ์เล็ก “l”
• และเลข “1”

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

กังวลเกี่ยวกับการพิมพ์งานหรือไม่? ติดต่อ ทีมงานคิมป์

2. ความคมชัดของสีควรได้รับการเอาใจใส่เป็นพิเศษ

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

จากข้อมูลของ The World Wide Web Consortium (W3C) แนะนำให้ใช้อัตราส่วนคอนทราสต์ที่ 4.5:1 หรือมากกว่าระหว่างข้อความเบื้องหน้าและพื้นหลัง

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

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

Kimp Tip: แทนที่จะสงสัยว่าสีแดงที่คุณเลือกสำหรับแบบอักษรจะดูดีบนพื้นหลังสีเทาหรือไม่ ให้ใช้เครื่องมือออนไลน์ เช่น WebAIM Contrast Checker เพื่อค้นหาอัตราส่วนความคมชัด

3. ระมัดระวังเมื่อคุณใช้การซ้อนทับข้อความ

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

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

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

ตัวอย่างเช่น การออกแบบด้านล่างช่วยให้ภาพถ่ายดูโดดเด่นในขณะเดียวกันก็ช่วยให้อ่านข้อความได้ง่าย

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

ดังนั้น เมื่อพูดถึงการใช้งานอย่างบรรจุภัณฑ์ที่คุณมีพื้นที่จำกัดให้ใช้งาน นี่คือแนวคิดที่น่าลอง Kellogg's นำเสนอการออกแบบบรรจุภัณฑ์พิเศษสำหรับผู้ที่มีความบกพร่องทางสายตา มีรหัสในแพ็คที่สามารถสแกนโดยผู้ใช้โปรแกรมอ่านหน้าจอเพื่อขอความช่วยเหลือ นั่นเป็นเพียงวิธีหนึ่งที่จะทำให้การออกแบบของคุณเป็นแบบผสมผสานและเหมาะสำหรับผู้ชมทุกประเภท

4. การออกแบบสำหรับคนตาบอดสี

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

ประเภทของตาบอดสีที่พบบ่อยที่สุดคือ protanopia, deuteranopia และ tritanopia เมื่อผู้ใช้ของคุณไม่เห็นสีใดสีหนึ่งแตกต่างจากสีอื่น การตัดสินใจของคุณที่จะใช้สีอื่นสำหรับแบบอักษรและพื้นหลังหรือสีอื่นเพื่อบันทึกลำดับชั้นในอินโฟกราฟิกทั้งหมดกลายเป็นเรื่องไร้ความหมาย

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

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

หรือหากคุณต้องการตรวจสอบการออกแบบที่มีอยู่และทำให้ปลอดภัยต่อคนตาบอดสี คุณสามารถใช้เครื่องมือออนไลน์เช่น Coblis- Color Blindness Simulator เพื่อดูว่าการออกแบบของคุณมีลักษณะอย่างไรสำหรับผู้ใช้ที่ตาบอดสี

หากปุ่ม CTA ของคุณเด้งออกมาและดึงดูดความสนใจของผู้ใช้ทั่วไป แต่แทบจะมองไม่เห็นพื้นหลังสำหรับผู้ใช้ที่ตาบอดสี แสดงว่าคุณยังขาดเครื่องหมายนั้นอยู่ ผู้ใช้ทุกคนมีความสำคัญ ทุกๆ การโต้ตอบของผู้ใช้ก็มีความสำคัญ ดังนั้นเลือกสีที่เหมาะสม

Kimp Tip: แทนที่จะใช้ลำดับชั้นตามสีเพียงอย่างเดียว ให้ใช้ขนาดฟอนต์และองค์ประกอบอื่นๆ เพื่อทำให้สิ่งต่างๆ ชัดเจนขึ้น

5. เพิ่มคำบรรยายที่ชัดเจนสำหรับวิดีโอและข้อความแสดงแทนสำหรับรูปภาพ

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

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

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

ลดความซับซ้อนของการออกแบบที่สามารถเข้าถึงได้ด้วย Kimp

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

ลงทะเบียน ตอนนี้และลองสมัครสมาชิก Kimp ฟรีเป็นเวลา 7 วัน

กระทู้ที่เกี่ยวข้อง