นักพัฒนาที่มีความคิดสร้างสรรค์ได้สร้างอินเทอร์เฟซเว็บไซต์ที่ติดตามการเคลื่อนไหวของดวงตาอย่างนวัตกรรมใหม่ชื่อ Eyesite เป็นทางเลือกที่ประหยัดงบประมาณแทนหูฟัง Vision Pro ของ Apple ที่มีราคา 3,500 ดอลลาร์สหรัฐ โครงการนี้แสดงให้เห็นว่าผู้ใช้สามารถนำทางเว็บไซต์โดยใช้เพียงการเคลื่อนไหวของดวงตา ร่วมกับการคลิกปุ่มเว้นวรรคเพื่อโต้ตอบ
การเปรียบเทียบราคา:
- Apple Vision Pro : $3,500 USD
- โซลูชัน DIY ของ Eyesite : ฟรี (ต้องใช้เพียงเว็บแคมและเว็บเบราว์เซอร์)
- WebGazer.js : ไลบรารี JavaScript แบบโอเพนซอร์ส
![]() |
---|
โครงการ Eyesite : ทางเลือกราคาประหยัดสำหรับอุปกรณ์ติดตามการเคลื่อนไหวของดวงตาระดับไฮเอนด์ |
การใช้งานเทคโนโลยีติดตามดวงตา
โครงการนี้ใช้ประโยชน์จาก WebGazer.js ซึ่งเป็นไลบรารี JavaScript ที่พัฒนาขึ้นโดยนักวิจัยจาก Brown University และ Georgia Tech ในปี 2016 ระบบต้องการกระบวนการปรับเทียบ 9 จุด โดยผู้ใช้จะมองไปที่ตำแหน่งเฉพาะบนหน้าจอและคลิกเพื่อแมปการจ้องมองกับพิกัด เพื่อปรับปรุงความแม่นยำ นักพัฒนาพบว่าการเก็บตัวอย่างการแมป 5 ครั้งต่อจุดปรับเทียบช่วยเพิ่มความแม่นยำในการติดตามได้อย่างมีนัยสำคัญ
WebGazer.js เป็นไลบรารี JavaScript ที่ใช้คอมพิวเตอร์วิชันในการติดตามการเคลื่อนไหวของดวงตาผ่านเว็บแคมมาตรฐาน โดยไม่ต้องใช้ฮาร์ดแวร์พิเศษ
กระบวนการปรับเทียบ WebGazer.js :
- ระบบปรับเทียบ 9 จุด (มุม ด้านข้าง ตรงกลาง)
- 5 ตัวอย่างการแมปต่อจุดเพื่อความแม่นยำที่เหมาะสม
- การกำหนดเวลาโดยผู้ใช้เพื่อรองรับการกระพริบตาและการพักผ่อนของดวงตา
- การเปิดใช้งาน Spacebar สำหรับการโต้ตอบแบบคลิก
ความท้าทายในการออกแบบประสบการณ์ผู้ใช้
หนึ่งในการตัดสินใจออกแบบที่น่าสนใจที่สุดคือการทำให้เคอร์เซอร์ติดตามดวงตามองไม่เห็น ในตอนแรก ผู้ใช้สามารถเห็นจุดสีแดงที่บ่งบอกตำแหน่งที่ระบบตรวจจับการจ้องมอง แต่สิ่งนี้สร้างปัญหาใหญ่สองประการ จุดดังกลาวกลายเป็นสิ่งรบกวน ทำให้ผู้ใช้โดยไม่รู้ตัวโฟกัสไปที่จุดนั้นแทนที่จะเป็นองค์ประกอบอินเทอร์เฟซที่ตั้งใจไว้ นอกจากนี้ การติดตามที่มองเห็นได้ยังเผยให้เห็นความไม่แม่นยำที่แท้จริงของระบบ ซึ่งทำลายประสบการณ์ที่ดื่มด่ำ
วิธีแก้ปัญหาคือการซ่อนทั้งเคอร์เซอร์ติดตามดวงตาและตัวชี้เมาส์แบบดั้งเดิม สร้างความรู้สึกธรรมชาติของการควบคุมด้วยดวงตาโดยตรง การตอบสนองทางภาพมาจากเอฟเฟกต์การเรืองแสงและการปรับขนาดอย่างละเอียดเมื่อผู้ใช้มองไปที่องค์ประกอบที่โต้ตอบได้
ข้อจำกัดทางเทคนิคและวิธีแก้ปัญหา
เทคโนโลยีติดตามดวงตาเผชิญกับความท้าทายด้านความแม่นยำอย่างมีนัยสำคัญ โดยมีการสั่นที่เห็นได้ชัดในโหมดดีบัก เพื่อชดเชยข้อจำกัดนี้ นักพัฒนาได้ใช้องค์ประกอบอินเทอร์เฟซผู้ใช้ขนาดใหญ่และจำกัดเว็บไซต์ให้ใช้กับจอแสดงผลขนาดใหญ่เท่านั้น ทำให้อุปกรณ์มือถือใช้งานไม่ได้
การสนทนาในชุมชนเผยให้เห็นการวิจัยที่กำลังดำเนินอยู่เพื่อปรับปรุงวิธีการปรับเทียบ โดยมีข้อเสนะแนะสำหรับกระบวนการปรับเทียบที่น่าสนใจมากขึ้นซึ่งให้ความรู้สึกเหมือนเกมมากกว่างานที่น่าเบื่อ นักพัฒนาบางคนกำลังทดลองกับการปรับเทียบแบบไดนามิกที่ปรับปรุงความแม่นยำอย่างต่อเนื่องตามการโต้ตอบของผู้ใช้
ข้อกำหนดทางเทคนิค:
- ข้อจำกัดขนาดหน้าจอขั้นต่ำ (ไม่รองรับอุปกรณ์มือถือ)
- เว็บแคมมาตรฐานสำหรับการติดตามดวงตา
- องค์ประกอบ UI ขนาดใหญ่เพื่อชดเชยการสั่นไหวของการติดตาม
- ระบบซ่อนเคอร์เซอร์เพื่อประสบการณ์ที่ดื่มด่ำ
ข้อกังวลด้านความเป็นส่วนตัวและการเฝ้าระวัง
โครงการนี้ได้จุดประกายการสนทนาในวงกว้างเกี่ยวกับเทคโนโลยีติดตามดวงตาในพื้นที่สาธารณะ ผู้ใช้ได้สังเกตเห็นการแพร่หลายของกล้องในจอแสดงผลโฆษณาดิจิทัล โดยบางคนแปะสติกเกอร์ทับเซ็นเซอร์เพื่อป้องกันการติดตาม การสนทนาเน้นย้ำถึงความตระหนักที่เพิ่มขึ้นเกี่ยวกับเทคโนโลยีการเฝ้าระวังที่แพร่หลาย แม้ว่าบางคนจะโต้แย้งว่าข้อมูลการดูที่ไม่เปิดเผยตัวตนสามารถช่วยธุรกิจตัดสินใจโฆษณาได้อย่างมีข้อมูลมากขึ้น
การประยุกต์ใช้ในอนาคตและการเข้าถึงได้
เทคโนโลยีนี้แสดงให้เห็นความหวังสำหรับการประยุกต์ใช้ด้านการเข้าถึงได้และอินเทอร์เฟซเกม แม้ว่าข้อจำกัดปัจจุบันจะป้องกันการเล็งที่แม่นยำในเกมเนื่องจากปัญหาความล่าช้าและความแม่นยำ แต่แนวคิดนี้เปิดความเป็นไปได้สำหรับผู้ใช้ที่มีความท้าทายด้านการเคลื่อนไหว ความรู้สึกธรรมชาติของการนำทางที่ควบคุมด้วยดวงตาอาจเปิดใช้งานการเรียกดูและการอ่านแบบไม่ใช้มือในที่สุด
โครงการนี้แสดงให้เห็นการสาธิตที่น่าประทับใจของสิ่งที่เป็นไปได้ด้วยเทคโนโลยีเว็บที่มีอยู่ โดยให้ภาพรวมของอินเทอร์เฟซคอมพิวเตอร์ที่เข้าถึงได้และใช้งานง่ายมากขึ้นโดยไม่ต้องใช้ฮาร์ดแวร์พิเศษที่มีราคาแพง
อ้างอิง: Making eyesite