การสร้างวัฒนธรรมที่แท้จริงของการเข้าถึงระบบดิจิทัลในบริษัทถือเป็นภารกิจของความยืดหยุ่นและความอุตสาหะ ไม่ใช่เรื่องยากที่วาทกรรมเกี่ยวกับการเข้าถึงจะตกอยู่ในความคิดโบราณทั่วไป การเข้าถึงเป็นสิ่งสำคัญมากสำหรับผู้คน การเข้าถึงผลิตภัณฑ์และบริการดิจิทัลส่งเสริมการรวมกลุ่ม หรือแม้แต่มืออาชีพทุกคนในทีมควรมีส่วนร่วมในงานด้านการเข้าถึง แน่นอน. ไม่มีใครที่มีสติที่ถูกต้องจะโต้แย้งข้อความเหล่านี้ (ฉันหวังว่า) อย่างไรก็ตาม ส่วนที่สองของการสนทนาซึ่งมีบริษัทเพียงไม่กี่แห่งที่เข้าถึงได้คือ “อย่างไร” เราจะทำให้สิ่งนี้เกิดขึ้นได้อย่างไรท่ามกลางการทำงานในแต่ละวันของทีมการเปลี่ยนแปลงทางดิจิทัล ซึ่งดังที่เราทุกคนทราบกันดีว่าหมกมุ่นอยู่กับสคริปต์ที่มีความต้องการสูง ซึ่งมักจะมีคนจำนวนจำกัดมาก โดยส่วนใหญ่แล้ว ตัวเลือกจะจบลงที่ระหว่าง “เราทำสิ่งนี้” และ “สิ่งนั้น” และไม่ควร เพราะในกรณีเหล่านี้ ฉันไม่เคยเห็นความสามารถในการเข้าถึงชนะในสมการนี้เลย มันไม่ควรเป็นแบบนี้ คุณไม่จำเป็นต้องเป็นแบบนี้ ประการแรก เนื่องจากการเลือกระหว่างการช่วยเหลือพิเศษกับสิ่งอื่นไม่ใช่ตัวเลือกที่ถูกต้อง การเข้าถึงไม่ได้เป็นเพียงคุณสมบัติอื่นที่จะเพิ่มให้กับคุณสมบัติอื่นๆ อีกต่อไป เป็นมูลค่าเพิ่มสำหรับธุรกิจและในปัจจุบันเป็นภาระผูกพันทางกฎหมายที่อาจส่งผลร้ายแรงต่อบริษัทต่างๆ ในทางกลับกัน มีวิธีที่ชาญฉลาด เหมาะสม และมีประสิทธิภาพในการรวมหลักการการช่วยสำหรับการเข้าถึงเข้ากับไดนามิกตามธรรมชาติของทีม เป็นไปได้ที่จะทำงานเกี่ยวกับการเข้าถึงโดยไม่ต้องพลิกการดำเนินงานของทีมกลับหัว โดยพื้นฐานแล้วนั่นคือสิ่งที่ AccessibilityOps ทำ เสริมศักยภาพให้กับผู้คนและจัดเตรียมกระบวนการง่ายๆ ให้กับทีม เพื่อให้พวกเขาสามารถบูรณาการงานด้านการเข้าถึงเข้ากับกิจวัตรประจำวันของพวกเขาได้โดยไม่ต้องใช้ความพยายามอย่างไม่สมส่วน การเข้าถึงและการออกแบบ การทำงานเกี่ยวกับการเข้าถึงแบบดิจิทัลในการออกแบบอาจเกี่ยวข้องกับการดำเนินการหลายอย่าง เห็นได้ชัดว่าเราต้องใส่ใจเป็นพิเศษกับสีและวิธีการใช้เพื่อสื่อความหมาย แน่นอนว่าขนาดการโต้ตอบขององค์ประกอบจะต้องสะดวกสบาย แต่ที่สำคัญที่สุด เราต้องคิดถึงการออกแบบจากมุมมองที่หลากหลาย อินเทอร์เฟซไม่ใช่โปสเตอร์ เราสามารถควบคุมได้หลายแง่มุมของการออกแบบนั้น แต่วิธีที่ผู้ใช้โต้ตอบกับอินเทอร์เฟซนั้นขึ้นอยู่กับตัวแปรจำนวนไม่สิ้นสุด ประเภทของอุปกรณ์ บริบท วัตถุประสงค์ คุณภาพเครือข่าย ฯลฯ ทั้งหมดนี้ส่งผลกระทบอย่างมากต่อประสบการณ์และการโต้ตอบของแต่ละคน นอกจากนี้ เมื่อนำข้อกังวลด้านการเข้าถึงแบบดิจิทัลมาสู่กระบวนการออกแบบ ก็จะเพิ่มตัวแปรเข้าไปอีก
ผู้คนมักใช้สิ่งที่เรียกว่าเทคโนโลยีและกลยุทธ์ช่วยเหลือ โดยพื้นฐานแล้วสิ่งเหล่านี้เป็นเครื่องมือทางเทคโนโลยีหรืออย่างน้อยที่สุดก็คือ “เทคนิค” ที่ผู้คนใช้เพื่อค้นหารูปแบบการใช้งานที่สะดวกสบายมากขึ้น โปรแกรมอ่านหน้าจอที่มีชื่อเสียงซึ่งโดยทั่วไปเกี่ยวข้องกับการใช้คนตาบอด (แต่ซึ่งไม่เพียงแต่มีประโยชน์สำหรับพวกเขาเท่านั้น) ก็เป็นเทคโนโลยีช่วยเหลือ การเปลี่ยนสีหรือคอนทราสต์ของสีระหว่างองค์ประกอบต่างๆ ก็เป็นเทคโนโลยีช่วยเหลือเช่นกัน การเพิ่มขนาดตัวอักษร (ซึ่งเรากล่าวถึงในข้อความนี้) เป็นอีกตัวอย่างหนึ่ง มีเทคโนโลยีและกลยุทธ์ช่วยเหลือมากมายนับไม่ถ้วน เกือบพอๆ กับบริบทการใช้งานที่แตกต่างกันของแต่ละคน เราไม่ได้ควบคุมทุกสิ่ง กล่าวอีกนัยหนึ่ง (และนี่คือ “ข่าวร้าย” สำหรับนักออกแบบอย่างเรา) “การออกแบบของเรา” จะขึ้นอยู่กับการเปลี่ยนแปลงที่เราไม่ได้ควบคุม จากมุมมองของผู้ใช้ ผู้ใช้จะ "เปลี่ยนแปลง" เพื่อให้แน่ใจว่าพวกเขาสามารถโต้ตอบกับแอปพลิเคชันและทุกสิ่งที่นำเสนอด้วยวิธีที่สะดวกสบายที่สุดเท่าที่จะเป็นไปได้ และนั่นเป็นสิ่งที่ดี หากสิ่งนี้เกิดขึ้นและทุกอย่างเป็นไปด้วยดี เราจะต้องทำงานด้านการเข้าถึงของเราได้เป็นอย่างดีอย่างแน่นอน และเราทุกคนสมควรได้รับการแสดงความยินดี หากผู้ใช้ใช้เทคโนโลยีและกลยุทธ์สนับสนุนเหล่านี้ แต่ยังไม่สามารถใช้แอปพลิเคชันดิจิทัลได้ นั่นอาจเป็นสัญญาณว่ามีบางอย่างไม่ทำงานอย่างที่ควรจะเป็น โอ้และพูดถึงเรื่องนั้น อย่าคิดแม้แต่จะปิดกั้นการใช้เทคโนโลยีเหล่านี้หรือกลยุทธ์การสนับสนุน สิ่งเหล่านี้อาจจะ “ทำลาย” การออกแบบที่สวยงามของคุณ แต่พวกมันทำให้ผู้คนใช้แอพนี้ได้จริงมากขึ้นเรื่อยๆ ในท้ายที่สุดนั่นไม่ใช่สิ่งที่เราสัญญาไว้ว่าเราอยากจะทำใช่ไหม? ออกแบบเพื่อคน (ทุกคน) โดยไม่มีข้อยกเว้น? เพิ่มขนาดตัวอักษร กี่ครั้งแล้วที่เราได้ยินใครบางคน ไม่ว่าจะเป็นเพื่อน ครอบครัว หรือแม้แต่เพื่อนร่วมงาน บ่นว่าข้อความนี้เล็กเกินไป ข้อความมีบทบาทสำคัญในประสบการณ์ดิจิทัล ข้อมูลมากมายถูกส่งผ่านข้อความ:คำแนะนำในการใช้งาน คำอธิบายปุ่ม หรือองค์ประกอบแบบโต้ตอบ ทั้งหมดนี้ใช้ข้อความเป็นเครื่องมือในการสื่อสาร หากการอ่านองค์ประกอบทั้งหมดนี้เป็นเรื่องยาก แน่นอนว่าประสบการณ์นั้นจะลดลงอย่างมาก การอ่านข้อความที่สะดวกสบาย ถือเป็นหลักการที่ไม่สามารถต่อรองได้ ไม่ว่าจะเป็นฟังก์ชันใดก็ตาม การอ่านค่านี้สามารถอำนวยความสะดวกได้โดยใช้ขนาดที่สะดวกสบายในการออกแบบ อย่างไรก็ตาม การสนับสนุนเทคโนโลยีและกลยุทธ์ผ่านฟังก์ชันการเพิ่มขนาดตัวอักษร ยังสามารถช่วยปรับปรุงความสามารถในการอ่านได้อีกด้วย จากข้อมูลของ APPT พบว่า 26% ของผู้ใช้อุปกรณ์เคลื่อนที่ Android และ iOS เพิ่มขนาดแบบอักษรเริ่มต้น (ข้อมูลจากเดือนกุมภาพันธ์ 2026) ผู้ใช้หนึ่งในสี่เพิ่มขนาดตัวอักษรบนสมาร์ทโฟนของตน นี่เป็นตัวอย่างบุคลากรที่สำคัญมาก ซึ่งทำให้ฟังก์ชันนี้หลีกเลี่ยงไม่ได้ในกระบวนการออกแบบ
การปฏิบัติตามแนวทาง การเพิ่มขนาดตัวอักษรในอินเทอร์เฟซสามารถแสดงถึงความท้าทายในการออกแบบครั้งใหญ่ สิ่งสำคัญคือต้องเข้าใจว่าจู่ๆ องค์ประกอบข้อความบางอย่างก็สามารถเพิ่มขนาดเป็นสองเท่าจากขนาดเริ่มต้นได้เนื่องจากการกระทำของผู้ใช้ “ยกเว้นคำบรรยายและรูปภาพข้อความ ข้อความสามารถปรับขนาดได้โดยไม่ต้องใช้เทคโนโลยีช่วยเหลือสูงสุดถึง 200% โดยไม่สูญเสียเนื้อหาหรือฟังก์ชันการทำงาน”— เกณฑ์ความสำเร็จ 1.4.4 “การปรับขนาดข้อความ” ของแนวทางการเข้าถึงเนื้อหาเว็บ (WCAG) เวอร์ชัน 2.2
เกณฑ์ความสำเร็จนี้อยู่ในระดับการปฏิบัติตามข้อกำหนดของ AA ซึ่งหมายความว่านี่เป็นคุณลักษณะที่จำเป็นอย่างยิ่งตามกรอบกฎหมายใดๆ เป็นเรื่องง่ายที่จะเข้าใจ 200% ในเกณฑ์ความสำเร็จนี้ หากเราถือว่าเราออกแบบอินเทอร์เฟซในระดับ 100% ซึ่งหมายความว่าขนาดองค์ประกอบคือขนาดเริ่มต้น การเพิ่มข้อความสูงสุดถึง 200% จะสอดคล้องกับการเพิ่มขนาดเริ่มต้นเป็นสองเท่า สามารถใช้สเกลการขยายอื่นๆ ได้ เช่น 120%, 140% และอื่นๆ กล่าวอีกนัยหนึ่ง เราต้องตรวจสอบให้แน่ใจว่าผู้ใช้สามารถเพิ่มข้อความให้มีขนาดเริ่มต้นเป็นสองเท่าผ่านเทคโนโลยีหรือกลยุทธ์ที่รองรับ (และนี่ไม่ใช่รายละเอียดเล็กน้อย) เพื่อให้เป็นไปตามมาตรฐานนี้ เราไม่จำเป็นต้องจัดเตรียมเครื่องมือเพิ่มขนาดข้อความในอินเทอร์เฟซ ในทางปฏิบัติ คุณลักษณะเหล่านี้ไม่มีอะไรมากไปกว่าความซ้ำซ้อน อุปกรณ์ต่างๆ อนุญาตให้ทำสิ่งนี้ได้ในลักษณะที่เป็นมาตรฐานอยู่แล้ว ผู้ใช้ที่ต้องการการตั้งค่านี้จริงๆ จะรู้ดี (เพราะถ้าไม่มีการตั้งค่านี้ ชีวิตของพวกเขาคงยากขึ้นมาก) พวกเขามีการตั้งค่านี้ใช้กับอุปกรณ์ของพวกเขาอยู่แล้ว และนั่นหมายความว่าเราสามารถกำจัดองค์ประกอบอินเทอร์เฟซเพิ่มเติมเหล่านี้ได้ ซึ่งทำให้ประสบการณ์ง่ายขึ้น
การเข้าถึงมาตรฐาน แนวคิดสำคัญที่ต้องจำเกี่ยวกับเทคโนโลยีช่วยเหลือ โดยเฉพาะอย่างยิ่งในกรณีนี้เกี่ยวกับการเพิ่มขนาดตัวอักษรก็คือ อุปกรณ์ส่วนใหญ่มีเครื่องมือเหล่านี้ติดตั้งไว้เป็นค่าเริ่มต้นอยู่แล้ว กล่าวอีกนัยหนึ่ง ในหลายกรณี ผู้ใช้ไม่จำเป็นต้องซื้อซอฟต์แวร์ของตนเองหรือซื้ออุปกรณ์ประเภทใดประเภทหนึ่งเพียงเพื่อที่จะมีฟังก์ชันนี้ ไม่ว่าจะบนอุปกรณ์เคลื่อนที่หรือแม้แต่ในเว็บเบราว์เซอร์ ในกรณีส่วนใหญ่ การค้นหาคุณลักษณะที่ติดตั้งไว้นั้นทำได้ง่ายซึ่งช่วยให้คุณสามารถเพิ่มขนาดแบบอักษรเริ่มต้นที่เราใช้ทั่วทั้งอินเทอร์เฟซได้ หลักการเพิ่มขนาดตัวอักษรนี้สามารถนำไปใช้กับผลิตภัณฑ์ดิจิทัล เช่น แอป หรือแม้แต่เว็บไซต์ประเภทใดก็ตามที่ทำงานบนเว็บเบราว์เซอร์มาตรฐานที่ใช้อยู่ในปัจจุบัน ไอโฟน บนอุปกรณ์ iPhone คุณสมบัติการเพิ่มขนาดตัวอักษรจะรวมเข้าด้วยกันตามค่าเริ่มต้น หากต้องการใช้คุณสมบัตินี้ เพียงเข้าไปที่แผง "การตั้งค่า" เลือก "การเข้าถึง" และภายในกลุ่มตัวเลือก "การมองเห็น" ให้เข้าถึงคุณสมบัติ "ขนาดข้อความและการแสดงผล" และกำหนดค่าการเพิ่มขนาดตัวอักษรที่ต้องการบนหน้าจอนั้น
กูเกิลโครม เว็บเบราว์เซอร์ยังมีฟังก์ชันในการเพิ่มขนาดตัวอักษรตามค่าเริ่มต้นอีกด้วย ตัวอย่างเช่น ใน Google Chrome คุณลักษณะนี้มีอยู่ในแผง "ตัวเลือก" โดยเฉพาะในพื้นที่ "ลักษณะที่ปรากฏ" ในรายการตัวเลือกที่ปรากฏในกลุ่มนี้ เพียงเลือกตัวเลือก "ขนาดตัวอักษร" โดยปกติแล้ว ตัวเลือก "ปานกลาง — แนะนำ" จะถูกเลือกตัวเลือก คุณสามารถเปลี่ยนการตั้งค่านี้เป็นขนาดตัวอักษรอื่นที่มีอยู่ได้ ลองใช้ตัวเลือก "ใหญ่มาก" เป็นต้น
ทดสอบใน Figma เพื่อให้แน่ใจว่างานการเข้าถึงแบบดิจิทัลมีประสิทธิผลในชีวิตประจำวันของทีม จึงจำเป็นอย่างยิ่งที่จะต้องค้นหากระบวนการทำงานที่เรียบง่าย การดำเนินการหรือความคิดริเริ่มที่สามารถบูรณาการเข้ากับกิจวัตรของทีม ที่ระบุถึงการเข้าถึงในวิธีบูรณาการ และไม่จำเป็นต้องมีการเปลี่ยนแปลงอย่างมากจากความเป็นจริงในปัจจุบัน หากจำเป็น เขาเชื่อว่ามันจะไม่เกิดขึ้นเกือบตลอดเวลา ดังนั้นการออกแบบกระบวนการทำงานที่เรียบง่ายจึงเป็นการต่อสู้ครึ่งหนึ่งเพื่อให้การเข้าถึงเกิดขึ้นได้อย่างแท้จริงกรณีนี้ยังอยู่ในทีมออกแบบด้วย เกี่ยวกับการทดสอบการเพิ่มขนาดแบบอักษรในการออกแบบ เรามีเครื่องมือพิเศษไว้ให้บริการในปัจจุบัน ผู้ที่จำสมัยของการออกแบบอินเทอร์เฟซที่ซับซ้อนใน Adobe Photoshop จะรับรู้ถึงความแตกต่างในเครื่องมือที่เรามีในปัจจุบัน (และต้องขอบคุณมาก) ตอนนี้เป็นไปได้แล้วผ่านเครื่องมืออย่าง Figma เพื่อสร้างไดนามิกในการออกแบบที่การทดสอบขนาดแบบอักษรที่เพิ่มขึ้นเพื่อการเข้าถึงกลายเป็นเรื่องที่แทบจะหลีกเลี่ยงไม่ได้สำหรับทีม
หมายเหตุ: หากต้องการทำการทดสอบนี้ คุณจะต้องเข้าใจรูปแบบข้อความ เค้าโครงอัตโนมัติ และตัวแปรของ Figma เป็นอย่างดี ทั้งสามสิ่งนี้เป็นเครื่องมือพื้นฐานสำหรับความสำเร็จโดยไม่ต้องใช้ความพยายามมากนัก หากคุณยังไม่เชี่ยวชาญคุณสมบัติเหล่านี้ ขอแนะนำอย่างยิ่งให้คุณเริ่มต้นจากตรงนั้น อย่าข้ามขั้นตอน การเรียนรู้เป็นกระบวนการที่ค่อยเป็นค่อยไปซึ่งจะต้องปฏิบัติตามในลักษณะที่มีโครงสร้างและเป็นขั้นเป็นตอน เราอยากไปที่ไหน? การทดสอบการเพิ่มขนาดตัวอักษรใน Figma ที่เราต้องการทำนั้นง่ายมาก เราต้องการให้ชุดตัวแปรพร้อมใช้งานสำหรับสไตล์ข้อความทั้งหมดที่เราใช้ในส่วนต่อประสาน ทำให้เราสามารถเลือกได้ว่าต้องการเห็นส่วนต่อประสานกับข้อความในระดับ 100%, 120%, 140%, 160%, 180% หรือ 200% ขณะที่เราใช้ชุดตัวแปรนี้ (เหมือนกับการใช้ตัวแปรสำหรับโหมดสว่างและมืด) เราจะสังเกตการเปลี่ยนแปลงของข้อความในอินเทอร์เฟซ และทำความเข้าใจว่าจำเป็นต้องมีการปรับเปลี่ยนมากน้อยเพียงใดในอินเทอร์เฟซแต่ละเวอร์ชันที่มีขนาดตัวอักษรที่แตกต่างกัน
เราจะทำให้เรื่องนี้เกิดขึ้นได้อย่างไร? เพื่อให้การทดสอบนี้เป็นไปอย่างราบรื่น คุณต้องมีพื้นฐานบางประการ ระบบการออกแบบสามารถช่วยเพิ่มประสิทธิภาพงานเริ่มแรกนี้ได้อย่างมาก แต่ฉันจะไม่โกหกคุณ เพื่อให้การทดสอบทำงานได้ดี การออกแบบของคุณจำเป็นต้องมีการจัดองค์กรและการจัดระบบในระดับที่จริงจังมาก นี่ไม่ใช่คำแนะนำจริงๆ เพราะแต่ละทีมจะมีรูปแบบการทำงานของตัวเอง และคำแนะนำเหล่านี้สามารถนำไปใช้ได้หลายวิธี (และก็ไม่เป็นไร) อย่างไรก็ตาม เพื่อให้การทดสอบนี้ได้ผล สิ่งสำคัญคือต้องมั่นใจในสมมติฐานบางประการในการออกแบบ เพื่อช่วยคุณในการดำเนินการตามโมเดลการทดสอบนี้ ต่อไปนี้คือขั้นตอนบางส่วนที่ต้องปฏิบัติตาม คำแนะนำทีละขั้นตอนเพื่อแนะนำคุณในการจัดระเบียบไฟล์และรับรองว่าคุณจะสามารถดำเนินการทดสอบนี้ได้อย่างสมบูรณ์ด้วยวิธีที่ง่ายที่สุดและใช้งานได้จริงมากที่สุดเท่าที่จะเป็นไปได้ 1. การออกแบบอินเทอร์เฟซ ทุกอย่างเริ่มต้นด้วยการออกแบบ ก่อนการทดสอบใดๆ ควรให้ความสำคัญกับการออกแบบแต่ละอินเทอร์เฟซที่เราจะต้องการทดสอบในภายหลัง ตามที่ควรเป็น ในขั้นตอนนี้ ยังไม่มีข้อกังวลเฉพาะเกี่ยวกับการทดสอบการเพิ่มขนาดตัวอักษรที่เราจะดำเนินการในภายหลัง โดยปกติแล้ว การออกแบบอินเทอร์เฟซทั้งหมดควรปฏิบัติตามคำแนะนำการเข้าถึงขั้นพื้นฐานที่สุดที่ใช้กับการออกแบบตั้งแต่เริ่มแรก
2. ใช้เลย์เอาต์อัตโนมัติกับองค์ประกอบทั้งหมด ในทุกการออกแบบหน้าจอที่คุณสร้างขึ้น คุณจะต้องแน่ใจว่าคุณใช้เลย์เอาต์อัตโนมัติได้อย่างสมบูรณ์แบบ นี่เป็นขั้นตอนที่สำคัญมาก การใช้เลย์เอาต์อัตโนมัติกับโครงสร้างและองค์ประกอบการออกแบบทั้งหมดมีความสอดคล้องกัน ซึ่งจะรับประกันความสามารถในการปรับขนาดของอินเทอร์เฟซในภายหลังเมื่อเราเริ่มทดสอบขนาดตัวอักษรที่เพิ่มขึ้น คุณไม่สามารถประมาทขั้นตอนนี้ได้จริงๆ หากคุณไม่ใส่ใจเท่าที่ควร คุณจะเห็นเมื่อเราทดสอบการปรับขนาดตัวอักษรในอินเทอร์เฟซ ทุกอย่างพังทลายเหมือนช้างในร้านค้าจีน
3. การจัดโครงสร้างและการใช้สไตล์ข้อความ เพื่อทำการทดสอบการเพิ่มขนาดตัวอักษร เรายังต้องการให้คุณใช้สไตล์ข้อความกับการออกแบบอินเทอร์เฟซแต่ละแบบด้วย คุณอาจเริ่มสร้างมันขึ้นมาในขณะที่คุณกำลังวาด ยอดเยี่ยม. หากคุณยังไม่ได้ดำเนินการ สิ่งสำคัญคือคุณต้องดำเนินการทันที เพื่อให้การทดสอบทำงานได้อย่างสมบูรณ์แบบ เราต้องการสิ่งนี้จริงๆ อย่าปล่อยให้องค์ประกอบข้อความใดๆ ในการออกแบบโดยไม่ใช้สไตล์ข้อความ
4. กำหนดชุดของตัวแปร 100% การทดสอบนี้บังคับให้มีการปรับให้เหมาะสมในระดับที่ค่อนข้างสูง ในทางปฏิบัติ นี่หมายความว่าเราจะต้องใช้ตัวแปร Figma สำหรับคุณลักษณะทั้งหมดของสไตล์ข้อความที่เรามีในอินเทอร์เฟซ ในขั้นตอนนี้ คุณต้องกำหนดตัวแปร “ตัวเลข” ของ Figma สำหรับขนาดตัวอักษรและความสูงของบรรทัดเป็นอย่างน้อยของสไตล์ข้อความที่คุณใช้กับภาพวาด ด้วยขั้นตอนนี้ คุณกำลังกำหนดค่าสเกลการเพิ่มขนาดฟอนต์สำหรับโมเดลการแสดงภาพ 100% ซึ่งก็คือเวอร์ชันเริ่มต้นและเวอร์ชันอ้างอิงของภาพวาด สิ่งสำคัญคือคุณต้องจัดโครงสร้างตัวแปรเหล่านี้สำหรับสไตล์ข้อความแต่ละแบบในภาพวาด เพราะต่อมาเราจะต้องพิจารณาขนาดการขยายขององค์ประกอบข้อความแต่ละองค์ประกอบ
5. ใช้ตัวแปรกับลักษณะข้อความ หลังจากกำหนดตัวแปรสำหรับสไตล์ข้อความมาตราส่วน 100% แล้ว คุณต้องปรับใช้ตัวแปรเหล่านั้นให้กับองค์ประกอบของรูปแบบข้อความที่สร้างไว้แล้ว อย่าลืมใช้ตัวแปรอย่างน้อยกับลักษณะขนาดตัวอักษรและความสูงของบรรทัด หากคุณมีตัวแปรในการพิมพ์มากกว่านี้ก็ไม่เป็นไร แต่อย่างน้อยคุณควรจะใช้ตัวแปรกับขนาดตัวอักษรและความสูงของบรรทัด นี่เป็นสิ่งสำคัญมากจริงๆ
6. กำหนดตัวแปรสำหรับการเพิ่มขนาดตัวอักษร ตอนนี้ คุณมีตัวแปรที่ใช้กับลักษณะข้อความมาตราส่วน 100% แล้ว ขั้นตอนต่อไปคือการสร้างตัวแปรสำหรับมาตราส่วนการเพิ่มขนาดแบบอักษรอื่นๆ ในทางปฏิบัติ คุณต้องสร้างตัวแปรที่จะบอกระบบว่าขนาดตัวอักษรแต่ละสไตล์ข้อความจะขยายเป็นขนาดใดเมื่อระดับการเพิ่มคือ 120%, 140%, 160% ฯลฯ หากต้องการกำหนดค่าขนาดแบบอักษรและความสูงของบรรทัด เพียงคูณค่าเริ่มต้นด้วยเปอร์เซ็นต์มาตราส่วน ตัวอย่างเช่น หากรูปแบบข้อความมีขนาดแบบอักษร 16px ขนาดของมาตราส่วน 120% จะเป็น 16 คูณด้วย 1.2 ซึ่งให้ผลลัพธ์เป็น 19.2 ทำซ้ำการคำนวณนี้สำหรับค่าขนาดแบบอักษรและความสูงบรรทัดทั้งหมดของเปอร์เซ็นต์ขนาดแบบอักษรที่เพิ่มขึ้นที่คุณเลือก คุณยังสามารถเลือกได้ว่าจะใช้การปัดเศษกับค่าสุดท้ายหรือไม่ นี่เป็นการทดสอบโดยประมาณ ดังนั้นความแตกต่างที่อาจเกิดขึ้นจากการปัดเศษจะไม่ส่งผลต่อการรับรู้ผลการทดสอบขั้นสุดท้าย
7. ใช้ตัวแปรกับเวอร์ชันขนาดต่างๆ ช่วงเวลาแห่งความจริงมาถึงแล้ว ขั้นตอนต่อไปคือการทำความเข้าใจว่าเราได้ทำทุกอย่างเพื่อให้การทดสอบทำงานได้อย่างสมบูรณ์แบบหรือไม่ ดังนั้น คุณควรคัดลอกอินเทอร์เฟซดั้งเดิมและใช้ชุดตัวแปรสำหรับอัตราการเพิ่มขนาดแบบอักษรแต่ละรายการที่เหมาะสมกับคุณ ทำซ้ำขั้นตอนนี้สำหรับเปอร์เซ็นต์การเพิ่มขนาดตัวอักษรทั้งหมดที่คุณกำหนดไว้ ตามคำแนะนำ คุณสามารถใช้เปอร์เซ็นต์ที่เพิ่มขึ้น 120%, 140%, 160%, 180% และ 200% เป็นข้อมูลอ้างอิงได้ หากคุณต้องการลดความซับซ้อน คุณสามารถลดจำนวนเปอร์เซ็นต์การปรับขนาดที่คุณใช้งานอยู่ได้ ไม่ว่าคุณจะทำงานด้วยจำนวนเปอร์เซ็นต์เท่าใด คุณควรทำงานด้วยสเกลขั้นต่ำ 100% และ 200% เสมอ
8. ระบุจุดที่ต้องปรับปรุง การใช้มาตราส่วนการเพิ่มขนาดแบบอักษรที่แตกต่างกันบนหน้าจอเดียวกัน ช่วยให้เข้าใจได้ง่ายว่าจุดใดที่อาจจำเป็นต้องปรับปรุง นี่คือจุดเริ่มต้นของการทดสอบการเพิ่มขนาดตัวอักษรในการออกแบบอินเทอร์เฟซและงานการเข้าถึงที่น่าสนใจที่สุด ในการวิเคราะห์หน้าจอต่างๆ ให้คำนึงถึงประเด็นสำคัญบางประการ:
การที่ข้อความดูใหญ่โตไม่เป็นปัญหาและไม่ “ทำลาย” การออกแบบ โปรดจำไว้ว่านี่อาจหมายถึงความแตกต่างระหว่างบุคคลที่สามารถใช้ผลิตภัณฑ์หรือบริการบางอย่างได้หรือไม่ มีปัญหาในการเข้าถึงเมื่อการเพิ่มขนาดตัวอักษรทำให้ผู้ใช้ไม่สามารถอ่านข้อความบางข้อความหรือเปิดใช้งานการควบคุมบางอย่างได้ สำหรับองค์ประกอบข้อความที่มีขนาดใหญ่มากอยู่แล้ว การเพิ่มขนาดตัวอักษรอาจไม่สมเหตุสมผล การทำเช่นนี้อาจทำให้องค์ประกอบเหล่านั้นไม่สมส่วน ซึ่งจะไม่ปรับปรุงความสามารถในการอ่าน (เนื่องจากมีขนาดที่ดีอยู่แล้ว) และจะใช้พื้นที่โดยไม่จำเป็นโดยสิ้นเชิง หากมีองค์ประกอบที่ปรากฏออกมาจากหน้าจอ ขั้นตอนแรกคือการยืนยันว่าคุณนำเค้าโครงอัตโนมัติไปใช้อย่างไร การออกแบบหลายๆ ด้านสามารถแก้ไขได้ง่ายด้วยการใช้เลย์เอาต์อัตโนมัติที่เหมาะสม ไม่ว่าขนาดตัวอักษรจะเพิ่มขึ้นเท่าใด สิ่งสำคัญคือต้องรักษาลำดับชั้นภาพของตัวพิมพ์ เนื่องจากความสามารถในการอ่านเป็นสิ่งสำคัญในการรับรู้ข้อมูลระดับต่างๆ ที่ปรากฏบนหน้าจอ การทดสอบนี้สามารถช่วยระบุองค์ประกอบที่อาจต้องมีการปรับเปลี่ยนโดยตรงในโค้ดเพื่อให้ทำงานได้ดีในระดับที่เพิ่มขึ้นที่กำหนด ไม่ใช่ทุกอย่างจะสามารถแก้ไขได้ด้วยการออกแบบเพียงอย่างเดียว และนั่นก็ไม่เป็นไร การเข้าถึงโดยพื้นฐานแล้วเป็นความพยายามของทีม
9. ทำการแก้ไขและปรับเปลี่ยนการออกแบบ สุดท้ายนี้ ขึ้นอยู่กับหน้าจอต่างๆ ที่ใช้มาตราส่วนการขยายข้อความที่แตกต่างกัน คุณสามารถทำการเปลี่ยนแปลงการออกแบบที่เหมาะสมได้ การปรับเปลี่ยนบางอย่างอาจจำเป็นในโค้ดเท่านั้น ในกรณีเหล่านี้ คุณจะต้องบันทึกข้อเสนอแนะทั้งหมดเหล่านี้และส่งต่อไปยังทีมพัฒนา สิ่งสำคัญคือต้องย้ำอีกครั้งว่าปัญหาบางอย่างที่คุณอาจพบในการออกแบบสามารถแก้ไขได้อย่างรวดเร็วในกระบวนการออกแบบ ด้วยการใช้คุณสมบัติเลย์เอาต์อัตโนมัติที่ง่ายดายและถูกต้อง
10. กลับไปที่จุดเริ่มต้นและทำซ้ำขั้นตอนนี้ นี่เป็นแนวทางที่เป็นวัฏจักร ซึ่งหมายความว่าคุณควรทำซ้ำขั้นตอนเหล่านี้หรือรูปแบบต่างๆ ดังกล่าวบ่อยเท่าที่จำเป็นตลอดทั้งโครงการ เป็นเรื่องปกติที่เมื่อเวลาผ่านไปและด้วยการเพิ่มประสิทธิภาพกระบวนการขั้นตอนเหล่านี้ก็จะหมดความหมาย นั่นไม่ใช่ปัญหาอย่างแน่นอน แต่สิ่งสำคัญที่สุดที่ต้องทราบที่นี่คือการเข้าถึงและกระบวนการทดสอบการเพิ่มขนาดตัวอักษรไม่ควรทำเพียงครั้งเดียว แค่นั้นเอง เป็นการทดสอบที่ต้องทำหลายครั้งตลอดการทำงานในแต่ละวันของแต่ละโครงการและทีม
บทบาทของระบบการออกแบบ เมื่อมองแวบแรก รายการขั้นตอนนี้อาจดูเหมือนเป็นแบบฝึกหัดที่ซับซ้อน แต่มันไม่ใช่ เนื่องจากขั้นตอนเหล่านี้ส่วนใหญ่ (หากไม่ใช่ทั้งหมด) สามารถดำเนินการได้ง่ายในทุกบริบทที่มีระบบการออกแบบอยู่ ในความเป็นจริง ระบบการออกแบบได้กลายเป็นมาตรฐานที่หลีกเลี่ยงไม่ได้ในอุตสาหกรรมการออกแบบผลิตภัณฑ์ เราสามารถพูดคุยถึงสิ่งที่แต่ละทีมเรียกว่าระบบการออกแบบ แต่ความจริงก็คือ ในปัจจุบันนี้เป็นเรื่องยากมากที่จะหาทีมออกแบบผลิตภัณฑ์ที่ไม่มีไลบรารีส่วนประกอบและสไตล์ที่มีโครงสร้างน้อยที่สุด
ด้วยพื้นฐานนี้ ไม่ว่าจะมีการจัดทำเป็นเอกสารไว้มากหรือน้อย ก็ง่ายมากที่จะใช้การทดสอบการเพิ่มขนาดแบบอักษรประเภทนี้โดยใช้ตัวแปร Figma นอกจากนี้ หากระบบการออกแบบของคุณมีตัวแปรที่มีโครงสร้างสำหรับโหมดสว่างและมืดอยู่แล้ว นั่นหมายความว่าคุณได้ใช้หลักการเดียวกันกับที่เราใช้ในการทดสอบนี้ ดังนั้นจึงไม่มีอะไรใหม่ การทำงานกับระบบการออกแบบเกี่ยวข้องกับระดับของโครงสร้างและการจัดระเบียบซึ่งมีประโยชน์อย่างมากสำหรับการสร้างการทดสอบประเภทนี้ มีความเชื่อผิดๆ ว่าระบบการออกแบบจำกัดความคิดสร้างสรรค์ นี่ไม่เป็นความจริง ระบบการออกแบบช่วยแก้ปัญหาการออกแบบในส่วน "ราชการ" ดังนั้นเราจึงมีเวลามากขึ้นสำหรับสิ่งที่สำคัญ: ในกรณีนี้ การทดสอบการเข้าถึง และสร้างผลิตภัณฑ์และบริการมากขึ้นเรื่อยๆ ที่ผู้คนจำนวนมากที่สุดสามารถเข้าถึงได้อย่างแท้จริง ไฟล์ตัวอย่าง การดูตัวอย่างง่ายกว่าการอ่านคำอธิบายของกระบวนการเสมอ หากสิ่งนี้เป็นจริงในความรู้หลายแขนง ในด้านการออกแบบ สมมติฐานนี้ก็สมเหตุสมผลมากยิ่งขึ้น ดังนั้น ในไฟล์ Figma นี้ ซึ่งเผยแพร่อย่างเสรีและเปิดเผยต่อชุมชน คุณจะพบตัวอย่างที่เป็นประโยชน์ของกระบวนการทดสอบทั้งหมดที่อธิบายไว้ที่นี่ จำไว้ว่านี่เป็นเพียงตัวอย่างเท่านั้น อาจมีหลายวิธีในการดำเนินการทดสอบประเภทนี้ภายในบริบทของไฟล์ Figma
อย่าลืมมองแนวทางนี้ด้วยสายตาที่มีวิจารณญาณ เป็นข้อเสนอแนะสำหรับการทดสอบการเพิ่มขนาดตัวอักษรที่เป็นไปตามกระบวนการเฉพาะ อย่างไรก็ตาม แนวทางนี้ควรได้รับการปรับให้เข้ากับความเป็นจริง กระบวนการ และระดับวุฒิภาวะเฉพาะของทีมของคุณ การคัดลอกสูตรจากทีมอื่นโดยไม่รู้ว่าสูตรเหล่านั้นสมเหตุสมผลในบริบทของเราเองหรือไม่เป็นวิธีที่แน่นอนในการทำให้ความพยายามในการเข้าถึงไม่สมส่วน ทุกสถานการณ์มีเอกลักษณ์เฉพาะตัว แนวทางนี้พยายามทำให้งานการช่วยสำหรับการเข้าถึงง่ายขึ้นมากที่สุดเท่าที่จะเป็นไปได้ในบริบทเฉพาะนี้ และจำไว้ว่า: หากมีสิ่งใดเกิดขึ้น ไม่ว่าจะเล็กน้อยเพียงใด ถือเป็นการก้าวไปข้างหน้า ไม่ใช่การถอยหลัง และนั่นควรได้รับการเฉลิมฉลองจากทุกคนในทีม
