ลากและวาง
ในอินเทอร์เฟซผู้ใช้แบบกราฟิก ของคอมพิวเตอร์ การลากและวางเป็นการใช้ท่าทางของอุปกรณ์ชี้ตำแหน่งโดยผู้ใช้จะเลือกวัตถุเสมือนโดยการ "จับ" แล้วลากไปยังตำแหน่งอื่นหรือวางบนวัตถุเสมือนอื่น โดยทั่วไปแล้ว สามารถใช้เพื่อเรียกใช้งานการกระทำหลายประเภท หรือสร้างความสัมพันธ์ต่างๆ ระหว่างวัตถุสองชิ้นได้
ฟีเจอร์การลากและวางนั้นไม่ได้มีอยู่ในซอฟต์แวร์ทุกตัว แม้ว่าบางครั้งจะเป็นเทคนิคที่รวดเร็วและเรียนรู้ได้ง่ายก็ตาม อย่างไรก็ตาม ผู้ใช้มักไม่เข้าใจว่าสามารถลากและวางรายการได้ หรือคำสั่งใดที่ดำเนินการโดยการลากและวาง ซึ่งอาจลดความสามารถในการใช้งานได้[ 1 ]
การกระทำ
ลำดับขั้นตอนพื้นฐานในการลากและวางมีดังนี้:
- เลื่อนตัวชี้ไปยังวัตถุ
- กดปุ่มบนเมาส์หรืออุปกรณ์ชี้ตำแหน่ง อื่นๆ ค้างไว้ เพื่อ "จับ" วัตถุ
- "ลาก" วัตถุไปยังตำแหน่งที่ต้องการโดยเลื่อนตัวชี้เมาส์ไปที่วัตถุนั้น
- ปล่อยปุ่มเพื่อ "วาง" วัตถุ
การลากต้องใช้แรงกายมากกว่าการเคลื่อนอุปกรณ์ชี้ตำแหน่งเดียวกันโดยไม่ต้องกดปุ่มใดๆ เนื่องจากเหตุนี้ ผู้ใช้จึงไม่สามารถเคลื่อนที่ได้เร็วและแม่นยำเท่าขณะลาก (ดูกฎของ Fitts ) อย่างไรก็ตาม การดำเนินการลากและวางมีข้อดีตรงที่สามารถรวมตัวดำเนินการสองตัว (วัตถุที่จะลากและตำแหน่งที่จะวาง) เข้าไว้ในการกระทำเดียวได้[ 2 ] การลากและวางเป็นเวลานาน (เช่น ในการออกแบบกราฟิก) อาจทำให้มือที่ใช้เมาส์เมื่อยล้าได้
ปัญหาด้านการออกแบบเกิดขึ้นเมื่อปุ่มเดียวกันใช้ทั้งเลือกและลากวัตถุ การเคลื่อนไหวที่ไม่แม่นยำอาจทำให้การพยายามเลือกวัตถุถูกบันทึกเป็นการลากแทน
อีกปัญหาหนึ่งคือเป้าหมายของการลากและวางอาจถูกซ่อนอยู่ใต้สิ่งของอื่น ผู้ใช้จะต้องหยุดการลาก ทำให้ทั้งแหล่งที่มาและเป้าหมายมองเห็นได้ แล้วจึงเริ่มใหม่ ในระบบปฏิบัติการ Mac OS รุ่นเก่า แถบเมนูที่ด้านบนของหน้าจอทำหน้าที่เป็นเป้าหมาย "ยกเลิกการลาก" ทั่วไป ปัญหานี้ได้รับการแก้ไขแล้วในMac OS Xด้วยการแนะนำExposé
ในระบบปฏิบัติการ Mac OS
การลากและวาง ซึ่งในขณะนั้น เรียกว่า การคลิกและลาก ถูกใช้ใน Macintosh รุ่นแรกเพื่อจัดการไฟล์ (เช่น การคัดลอกไฟล์ระหว่างดิสก์[ 3 ]หรือโฟลเดอร์[ 4 ] ) System 7เพิ่มความสามารถในการเปิดเอกสารในแอปพลิเคชันโดยการลากไอคอนเอกสารไปวางบนไอคอนของแอปพลิเคชัน
Apple ได้เพิ่มฟังก์ชัน "ลากและวางแบบ Macintosh" ในSystem 7.5ซึ่งขยายการใช้งาน "คลิกและลาก" ไปสู่การทำงานกับคลิปบอร์ดทั่วไป เช่น การคัดลอกหรือย้ายเนื้อหาข้อความภายในเอกสาร นอกจากนี้ยังสามารถลากเนื้อหาเข้าไปในระบบไฟล์เพื่อสร้าง "ไฟล์คลิปปิ้ง" ซึ่งสามารถจัดเก็บและนำกลับมาใช้ใหม่ได้ และยังสามารถลากไฟล์ไปวางบนหน้าต่างแอปพลิเคชันได้ เช่น เพื่อแนบเอกสารในอีเมล หรือเพิ่มรูปภาพลงในเอกสารโปรแกรมประมวลผลคำ
ตลอดช่วงเวลาส่วนใหญ่ในประวัติศาสตร์ ระบบปฏิบัติการ Mac OS ใช้เมาส์แบบปุ่มเดียวโดยปุ่มนั้นครอบคลุมพื้นที่ส่วนใหญ่ของพื้นผิวด้านบนของเมาส์ ซึ่งอาจช่วยลดปัญหาด้านการใช้งานที่ต้องกดปุ่มค้างไว้ขณะลากเมาส์ได้
ใน OS/2
ส่วนติดต่อผู้ใช้ Workplace ShellของOS/2ใช้การลากและวางอย่างกว้างขวางด้วยปุ่มเมาส์รอง โดยปล่อยให้ปุ่มเมาส์หลักใช้สำหรับการเลือกและการคลิก การใช้งานในลักษณะนี้ เช่นเดียวกับคุณสมบัติ การเข้าถึงผู้ใช้ทั่วไปขั้นสูงอื่นๆทำให้แอปพลิเคชันดั้งเดิมของ OS/2 แตกต่างจาก แอปพลิ เคชันที่พอร์ตไปยัง แพลตฟอร์มอื่นๆ
ในการออกแบบเว็บไซต์
ใน HTML
ข้อกำหนด ร่างการทำงาน ของ HTML5ประกอบด้วยการสนับสนุนการลากและวาง[ 5 ] HTML5 รองรับคุณสมบัติการลากและวางหลายประเภท ได้แก่:
- ลากและวางข้อความและโค้ด HTML
- ลากและวางองค์ประกอบ HTML
- ลากและวางไฟล์
ขึ้นอยู่กับการดำเนินการที่ต้องการ สามารถใช้ประเภทใดประเภทหนึ่งข้างต้นได้ โปรดทราบว่าเมื่อลากองค์ประกอบ HTML เพื่อย้ายตำแหน่งปัจจุบัน รหัสประจำตัวขององค์ประกอบนั้นจะถูกส่งไปยังองค์ประกอบแม่ปลายทาง ดังนั้นจึงส่งข้อความไปด้วย และสามารถพิจารณาได้ว่าเป็นกลุ่มแรก
Gmailแอปพลิเคชันอีเมลบนเว็บของ Google รองรับการลากและวางรูปภาพและไฟล์แนบใน เบราว์เซอร์ Google Chrome รุ่นล่าสุด และSafari ของ Apple (5.x) ส่วน Google Images อนุญาตให้ผู้ใช้ลากและวางไฟล์รูปภาพลงในเบราว์เซอร์เพื่อทำการค้นหารูปภาพย้อนกลับได้
ในโปรแกรมสร้างเว็บไซต์
โปรแกรม สร้างเว็บไซต์แบบลากและวาง(เรียกอีกอย่างว่า โปรแกรมสร้างเว็บไซต์ แบบ DIY ) มีอินเทอร์เฟซแบบภาพที่ผู้ใช้สามารถสร้างและปรับแต่งเว็บไซต์ของตนได้โดยการ "ลาก" และ "วาง" องค์ประกอบต่างๆ ลงบนหน้าเว็บโดยไม่จำเป็นต้องมี ประสบการณ์ ด้านการพัฒนาหรือความรู้เกี่ยวกับภาษาการเขียนโค้ดแพลตฟอร์มแบบไม่ต้องเขียนโค้ดได้พัฒนาไปไกลกว่าความสามารถของโปรแกรมแก้ไขภาพในยุคแรกๆ[ 6 ]ด้วยการมาถึงของปัญญาประดิษฐ์ (AI)การสร้างเว็บไซต์จึงรวดเร็วยิ่งขึ้น[ 7 ]
ณ เดือนพฤษภาคม พ.ศ. 2568 มีเว็บไซต์มากกว่า 21 ล้านเว็บไซต์ที่สร้างขึ้นโดยใช้เครื่องมือสร้างเว็บไซต์แบบลากและวาง Wix ครองส่วนแบ่งประมาณหนึ่งในสามของเว็บไซต์ที่สร้างด้วยเครื่องมือสร้างเว็บไซต์แบบลากและวาง[ 8 ]บริษัทอื่นๆ เช่นWeebly , HostingerและGoDaddyก็มีบทบาทในตลาดเช่นกัน[ 9 ] [ 8 ]ผู้นำตลาด ได้แก่: [ 8 ]
| อันดับ | ผู้สร้างเว็บไซต์ | จำนวนเว็บไซต์ | ส่วนแบ่งการตลาด |
|---|---|---|---|
| 1 | วิคซ์ | 7 ล้าน | 33% |
| 2 | สแควร์สเปซ | 5.2 ล้าน | 25% |
| 3 | โกแดดดี้ | 4.1 ล้าน | 19% |
| 4 | วีบลี่ | 0.7 ล้าน | 3% |
บนหน้าจอสัมผัส
อินเทอร์เฟซหน้าจอสัมผัสยังรวมถึงฟังก์ชันลากและวาง หรือกล่าวให้แม่นยำยิ่งขึ้นคือ การกดค้างไว้แล้วลาก เช่น บนหน้าจอหลักของiPhoneหรือAndroid
iOS 11ใช้ฟีเจอร์ลากและวาง ซึ่งอนุญาตให้ผู้ใช้แตะรายการ (และแตะด้วยนิ้วอื่นเพื่อลากเพิ่มเติม) ภายในแอปหรือระหว่างแอปบนiPad [ 10 ] บน iPhone ฟังก์ชันนี้จะใช้งานได้เฉพาะภายในแอปเดียวกันกับที่ผู้ใช้เริ่มการลากเท่านั้น[ 11 ]
ในการเขียนโปรแกรมสำหรับผู้ใช้ปลายทาง
การลากและวางถือเป็นวิธีการสร้างโปรแกรมที่สำคัญใน ระบบ การพัฒนาสำหรับผู้ใช้ปลายทาง หลาย ระบบ แตกต่างจากภาษาการเขียนโปรแกรมแบบดั้งเดิมที่ใช้ข้อความ ภาษาการเขียนโปรแกรมสำหรับผู้ใช้ปลายทางหลายภาษาใช้ส่วนประกอบภาพ เช่น ไทล์หรือไอคอนที่ผู้ใช้ปลายทางจัดการผ่านอินเทอร์เฟซการลากและวางAgentSheets [ 12 ] ซึ่งเป็นสภาพแวดล้อมการเขียนโปรแกรมสำหรับเด็ก ได้นำเสนอแนวคิดสมัยใหม่ของการเขียนโปรแกรมแบบบล็อกลากและวาง โดยมีคุณสมบัติหลัก 4 ประการ ได้แก่ 1) บล็อกที่ผู้ใช้ปลายทางสามารถประกอบได้ 2) บล็อกที่ผู้ใช้ปลายทางสามารถแก้ไขได้ 3) บล็อกสามารถซ้อนกันเพื่อแสดงโครงสร้างแบบต้นไม้ 4) บล็อกถูกจัดเรียงทางเรขาคณิตเพื่อกำหนดไวยากรณ์ การลากและวางยังถูกนำมาใช้ในโปรแกรมแก้ไข shader สำหรับเครื่องมือกราฟิกหลายโปรแกรม เช่นBlender [13 ] การลากและวางยังถูกนำมาใช้ในเอนจิ้นเกมบางตัว รวมถึงUnreal Engine , GameMaker Studio , Construct 2และUnityใน อนาคต
ตัวอย่าง
ตัวอย่างที่พบได้ทั่วไปคือ การลากไอคอนบนเดสก์ท็อป เสมือนไปยัง ไอคอนถังขยะพิเศษเพื่อลบไฟล์
ตัวอย่างเพิ่มเติมได้แก่:
- การลากไฟล์ข้อมูลไปวางบนไอคอนโปรแกรม หรือหน้าต่างเพื่อดูหรือประมวลผล ตัวอย่างเช่น การลากไอคอนที่แสดงถึงไฟล์ข้อความไปวางในหน้าต่าง Microsoft Word จะหมายความว่า "เปิดเอกสารนี้เป็นเอกสารใหม่ใน Word"
- การย้ายหรือคัดลอกไฟล์ไปยังตำแหน่ง/ไดเร็กทอรี/โฟลเดอร์ใหม่
- เพิ่มวัตถุลงในรายการวัตถุที่จะถูกประมวลผล
- การจัดเรียง วิดเจ็ตใหม่ในอินเทอร์เฟซผู้ใช้แบบกราฟิกเพื่อปรับแต่งเค้าโครง
- การลากแอตทริบิวต์ไปวางบนวัตถุที่ต้องการใช้คำสั่งนั้น
- เช่น การลากสีไปวางบนวัตถุกราฟิกเพื่อเปลี่ยนสี
- การลากเครื่องมือไปยังตำแหน่งบนผืนผ้าใบเพื่อใช้งานเครื่องมือ ณ ตำแหน่งนั้น
- การสร้างไฮเปอร์ลิงก์จากที่หนึ่งหรือคำหนึ่งไปยังอีกที่หนึ่งหรือเอกสารหนึ่ง
- โปรแกรมประมวลผลคำส่วนใหญ่สามารถลากข้อความที่เลือกจากจุดหนึ่งไปยังอีกจุดหนึ่งได้
- การลากบล็อกโค้ดหลายๆ บล็อก เช่นในBlenderสำหรับการออกแบบเชเดอร์และวัสดุ
- จำลอง การเคลื่อนไหว แบบแพนกล้องในซอฟต์แวร์แสดงภาพและแก้ไขภาพ