แอปที่คุณสร้างด้วย AI ใครๆ ก็ใช้ได้จริงหรือไม่? คู่มือง่ายๆ เรื่องการเข้าถึงได้ของแอป

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

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

ทำไมเลย์เอาต์ของแอปถึงพังเมื่อมีคนซูมเข้าไป?

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

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

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

ทำไมแอปของฉันไม่ควรใช้สีเพียงอย่างเดียวเพื่อบอกสถานะ?

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

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

ทางแก้คือการสร้างเป็นนิสัย ไม่ใช่แค่ฟีเจอร์เดียว: อย่าใช้สีเป็นวิธีเดียวในการสื่อความหมาย ให้เพิ่มคำ ไอคอน หรือรูปทรงประกอบไปด้วย เช่น คำว่า “เกินกำหนด” คู่กับสีแดง เครื่องหมายถูกคู่กับสีเขียว เครื่องหมายดอกจันพร้อมคำว่า “จำเป็นต้องกรอก” แทนที่จะใช้แค่กรอบสีแดง สีจะยังคงอยู่ได้ แค่ต้องไม่ใช่ตัวเดียวที่แบกรับหน้าที่สื่อสารทั้งหมด

ทำไมโปรแกรมอ่านหน้าจอถึงพูดแค่คำว่า “ปุ่ม” แทนที่จะบอกชื่อปุ่มนั้น?

เพราะปุ่มไอคอนที่ไม่มีป้ายกำกับ — ไอคอนถังขยะ ดินสอ หรือแว่นขยายที่ไม่มีตัวอักษรกำกับ — ไม่มีข้อความให้โปรแกรมอ่านหน้าจอ (ซอฟต์แวร์ที่ผู้พิการทางสายตาและผู้มีสายตาเลือนรางใช้เพื่อให้หน้าจออ่านออกเสียงให้ฟัง) ประกาศออกมาได้ มันเลยอ่านออกมาตรงตัวว่า “ปุ่ม” ไม่ใช่ “ลบ” ไม่ใช่ “แก้ไข” แค่ “ปุ่ม” เฉยๆ

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

ปุ่มที่แตะได้บนแอปมือถือควรมีขนาดใหญ่แค่ไหน?

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

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

ฉันจะทดสอบการเข้าถึงได้ของแอปภายในห้านาทีได้อย่างไร?

คุณสามารถหาปัญหาส่วนใหญ่นี้ได้ด้วยตัวเองโดยไม่ต้องใช้เครื่องมือใดๆ เลย ด้วยการตรวจสอบง่ายๆ สามจุดบนหน้าจอที่คนใช้บ่อยที่สุด

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

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

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