ปรับปรุงประสบการณ์ผู้ใช้ (UE)
จนถึงตอนนี้ บทความนี้ได้เน้นไปที่ประโยชน์ของการใช้ เฟรมเวิร์ก JavaScript และวิธีที่ทำให้สร้างแอปพลิเคชันเชิงโต้ตอบได้ง่ายขึ้น อย่างไรก็ตาม ในทางกลับกัน แต่ละเฟรมเวิร์กมีแนวโน้มที่น่าสนใจของตัวเอง รวมถึงส่วนประกอบอินเทอร์เฟซผู้ใช้ (UI) และการปรับปรุงประสบการณ์ผู้ใช้ (UE) ซึ่งต้องใช้ความพยายามอย่างมาก
บทนี้จะสำรวจประสบการณ์ผู้ใช้ของเฟรมเวิร์กต่อไปนี้: Prototype, jQuery, YUI, ExtJS และ MooTools
ต้นแบบ
ต้นแบบเป็นหนึ่งในไม่กี่รายการที่ไม่รวมส่วนประกอบ UI สำเร็จรูปหรือการปรับปรุงประสบการณ์ผู้ใช้ แต่จะโอนไปยังไลบรารีพี่น้องทั้งหมดของ script.aculo.us (Scripty2 ซึ่งเป็นเวอร์ชันล่าสุดที่รู้จัก) script.aculo.us เพิ่มการรองรับเอฟเฟกต์และพฤติกรรมของต้นแบบอย่างกว้างขวาง เอฟเฟกต์เหล่านี้ได้แก่: ไฮไลต์ เปลี่ยนรูป ยุบ ตัวสั่น เลื่อน และขยาย script.aculo.us ยังรองรับการลากและวาง การเลื่อน การแก้ไขแบบเรียลไทม์ของ Ajax และการแจ้งอัตโนมัติ Script.aculo.us ปล่อยให้นักพัฒนาออกแบบส่วนควบคุม (เช่น ตัวเลื่อนและการเติมข้อความอัตโนมัติ) ให้กับนักพัฒนา และไม่มีสกินมาตรฐานให้
jQuery
ต่างจากไลบรารี Prototype ตรงที่ jQuery มีประสบการณ์ผู้ใช้ขั้นพื้นฐานเป็นแกนหลัก ซึ่งคล้ายกับเอฟเฟกต์ง่ายๆ บางอย่างของ Script.aculo.us เช่น การเลื่อนและการเฟด อย่างไรก็ตาม สำหรับฟีเจอร์ประสบการณ์ผู้ใช้ขั้นสูง คุณต้องดาวน์โหลดไลบรารี jQuery UI ซึ่งมีเอฟเฟกต์เพิ่มเติม เช่น การลาก การซูม และการเรียงลำดับ jQuery UI ต่างจาก Script.aculo.us ตรงที่มีวิดเจ็ตหรือส่วนประกอบเล็กๆ และทำให้นักพัฒนามีข้อแก้ตัวที่น่าสนใจยิ่งขึ้น ทำให้การพัฒนาง่ายขึ้น ในปัจจุบัน ส่วนประกอบเหล่านี้ได้แก่: หีบเพลง, Datepicker, Dialog, Progressbar, Slider และ Tabs วิดเจ็ตมีธีมได้อย่างสมบูรณ์ และ jQuery UI มีธีมมากมายที่คุณสามารถใช้เพื่อให้เหมาะกับความต้องการของเว็บไซต์หรือเว็บแอปพลิเคชันของคุณเอง รูปที่ 1 แสดงวิดเจ็ต jQuery UI Datepicker และธีม Apple
รูปที่ 1: วิดเจ็ต jQuery UI Datepicker
.jpg)