GUI คืออะไรและทำอะไรให้คุณ

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

ประวัติ GUI

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

ด้วยโปรแกรม Sketchpad ของ Ivan Sutherland ผู้ใช้สามารถสร้างและจัดการวัตถุในภาพวาดทางวิศวกรรมโดยใช้ปากกาแสง Sketchpad ตามมาด้วย On-Line System (NLS) ของสแตนฟอร์ดในทศวรรษนั้น แม้ว่าชื่อ NLS อาจสูญหายไปในประวัติศาสตร์ แต่ผลลัพธ์กลับไม่เป็นเช่นนั้น ระบบใช้ไฮเปอร์ลิงก์แบบข้อความซึ่งใช้เมาส์คอมพิวเตอร์เครื่องแรกของโลก

ในปี 1970 มีการแนะนำโปรแกรม Smalltalk ซึ่งทำงานบนคอมพิวเตอร์ Xerox Alto GUI ที่ทันสมัยส่วนใหญ่มาจากระบบนี้ ในขณะเดียวกัน อินเทอร์เฟซผู้ใช้ของ Xerox PARC ได้นำองค์ประกอบกราฟิกที่คุ้นเคยอื่นๆ มาสู่แถวหน้า ซึ่งรวมถึงหน้าต่าง เมนู ปุ่มตัวเลือก และช่องทำเครื่องหมาย ภายในสิ้นทศวรรษ บริษัทต่างๆ เช่น Microsoft, Apple และ IBM ได้เข้ามาเกี่ยวข้องกับ GUI

ภายหลังการยอมรับ

ระบบ GUI เข้าสู่กระแสหลักในช่วงทศวรรษ 1980 ที่เคลื่อนไหวอย่างรวดเร็ว Apple Lisa เปิดตัวในปี 1983 ตามมาด้วย Apple Macintosh เครื่องแรกที่ประสบความสำเร็จมากขึ้นในอีกหนึ่งปีต่อมา ในที่สุด Windows 95 ก็มาถึงในทศวรรษต่อมา และภายในไม่กี่เดือน Windows 95 ก็กลายเป็นระบบปฏิบัติการเดสก์ท็อปที่ได้รับความนิยมสูงสุดตลอดกาล

ต้นศตวรรษที่ 21 ได้เห็นการมาถึงของระบบปฏิบัติการบนมือถือ รวมถึง iOS ของ Apple, Android ของ Google และอื่นๆ อีกมากมาย แม้ว่าจะแตกต่างกันบนพื้นผิว แต่แต่ละส่วนก็ใช้องค์ประกอบ GUI เดียวกันซึ่งใช้งานครั้งแรกเมื่อหลายสิบปีก่อน

คุณสมบัติ GUI ที่สำคัญ

ระบบ GUI แต่ละส่วนมีส่วนทั่วไปเหล่านี้: หน้าต่าง เมนู ไอคอน ตัวควบคุม และแท็บ องค์ประกอบแบบโต้ตอบประกอบด้วยเคอร์เซอร์ ตัวชี้ จุดแทรก การเลือก และจุดจับการปรับ

Windows

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

หน้าต่างคอนเทนเนอร์ล้อมรอบหน้าต่างหรือตัวควบคุมอื่น ๆ เช่นเดียวกับหน้าต่างเบราว์เซอร์ที่อนุญาตให้คุณดูและนำทางชุดของรายการ เช่น เอกสารหรือหน้าเว็บ ปัจจุบัน คอนโซลอย่าง US-DOS และ UNIX ปรากฏผ่านหน้าต่างเทอร์มินัลข้อความ

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

เมนู

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

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

ไอคอน

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

การควบคุม

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

แท็บ

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

คีย์ GUI Interactive Elements

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

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

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

มีอะไรให้ดูมากมาย

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