Apple เปิดตัว SQUIRE: AI ผู้ช่วยนักพัฒนา UI ให้ควบคุมงานออกแบบได้ดียิ่งขึ้น

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

SQUIRE แก้ปัญหาความท้าทายของการใช้ AI ในการออกแบบ UI อย่างไร?

นักวิจัยของ Apple ได้เปิดเผยรายละเอียดของ SQUIRE ซึ่งย่อมาจาก Slot QUery Intermediate REpresentations โดยชี้ให้เห็นถึงความท้าทายหลักสองประการของการใช้ภาษาธรรมชาติ (natural language) ในการสร้างอินเทอร์เฟซด้วย AI ได้แก่ ความคลุมเครือที่ทำให้ยากต่อการสื่อสารความตั้งใจที่แน่ชัดของนักพัฒนา และการตอบสนองที่ไม่สามารถคาดเดาได้ของโมเดล ทำให้ต้องลองผิดลองถูกบ่อยครั้ง

SQUIRE เข้ามาตอบโจทย์ปัญหาเหล่านี้ด้วยแนวทางใหม่:

• อินเทอร์เฟซแบบวิชวล: ช่วยให้นักพัฒนาสร้างและปรับแต่ง UI ต้นแบบได้ทีละขั้นตอน พร้อมการควบคุมผลลัพธ์ที่ชัดเจนยิ่งขึ้น
• การเติมเต็มส่วนที่ขาดหาย: เมื่อนักพัฒนาระบุเป้าหมายของ UI และข้อมูลตัวอย่าง SQUIRE จะช่วยสร้าง UI เป็นโครงสร้างแบบต้นไม้ และเสนอทางเลือกที่เหมาะสมสำหรับส่วนประกอบที่ยังขาดหายไปใน UI ที่ยังไม่สมบูรณ์
• แสดงผลและโค้ดแบบเรียลไทม์: การคลิกเลือกทางเลือกต่างๆ จะอัปเดตพรีวิวที่แสดงผลจริงและโค้ดเบื้องหลังทันที ทำให้เห็นความแตกต่างได้อย่างง่ายดาย
• ปรับแต่งเฉพาะส่วน: สามารถส่งคำขอเพื่อปรับเปลี่ยนรูปลักษณ์ของพื้นที่เฉพาะใน UI ได้ โดยรับประกันว่าจะไม่มีการแก้ไขโค้ดนอกเหนือขอบเขตที่ตั้งใจไว้
• ตัวควบคุมชั่วคราว (Ephemeral Controls): SQUIRE สร้างตัวควบคุมเหล่านี้เพื่อให้นักพัฒนาสามารถปรับใช้การเปลี่ยนแปลงที่เกี่ยวข้องกับความหมายได้อย่างรวดเร็วโดยไม่ต้องป้อนคำสั่งซ้ำ
• AI ผู้ช่วยที่ฉลาด: LLM ทำหน้าที่เป็นเพื่อนร่วมทางที่เสนอทางเลือกที่สมเหตุสมผลให้นักพัฒนาประเมิน แต่ยังคงให้นักพัฒนามีอำนาจในการยอมรับหรือปฏิเสธคำแนะนำเหล่านั้น

เบื้องหลังการทำงานของ SQUIRE: ต้นแบบที่คิดมาอย่างดี

แทนที่จะสร้างโค้ดอินเทอร์เฟซโดยตรงจากคำสั่งของผู้ใช้ SQUIRE จะสร้าง “ตัวแทนระดับกลาง” (intermediate representation) ของอินเทอร์เฟซขึ้นมาก่อน ซึ่งเรียกว่า SquireIR โดย SquireIR จะจำลอง UI เป็นโครงสร้างแบบต้นไม้ของส่วนประกอบที่มีช่อง (slots) ที่สามารถเติมเต็มได้ตลอดเวลา โครงสร้างนี้ยังสามารถรวมพื้นที่สำหรับส่วนที่ยังไม่ได้กำหนด เช่น ป้ายกำกับปุ่ม รูปภาพ หรือส่วนของเนื้อหา รวมถึงทางเลือก UI ที่เป็นไปได้หลายแบบ (เช่น การแสดงเนื้อหาแบบลิสต์หรือแบบกริด)

จากนั้น SQUIRE จะแปล SquireIR เป็นโค้ดโดยใช้ HTML, CSS และ JavaScript โดยมี Web Components เข้ามาจัดการโครงสร้าง UI ขั้นสุดท้าย

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

แม้ว่างานวิจัยนี้จะไม่ได้ลงรายละเอียดเกี่ยวกับการฝึกโมเดล สถาปัตยกรรม หรือข้อมูล แต่ก็ระบุว่า SQUIRE ขับเคลื่อนด้วย OpenAI’s GPT-4o โดยเน้นไปที่การออกแบบระบบและโมเดลการโต้ตอบเป็นหลัก

ผลลัพธ์จากการทดลองกับนักพัฒนาตัวจริง

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

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

SQUIRE: ก้าวใหม่สู่การพัฒนา UI ที่ควบคุมได้ดียิ่งขึ้น

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

ที่มา: 9to5mac.com

ข่าวที่เกี่ยวข้อง

• แอป EQSweep ช่วยจูนเสียงหูฟังบน Android ให้ตรงใจผ่านการไล่คลื่นความถี่
• หลุดสเปกกล้อง Galaxy A38 คาดใช้ชุดเดิมความละเอียด 50 ล้านพิกเซล
• YouTube Music เพิ่มป้ายกำกับเพลงที่สร้างด้วย AI ใต้ชื่อเพลงแล้ว
• Poco X8s ผ่านการรับรอง กสทช. ในไทยแล้ว ลุ้นเปิดตัวเร็วๆ นี้