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

การใช้คำว่า "ribbon" มีมาตั้งแต่ทศวรรษ 1980 และเดิมทีใช้เป็นคำพ้องความหมายของแถบเครื่องมือธรรมดา อย่างไรก็ตาม ในปี 2007 ไมโครซอฟต์ได้ใช้คำนี้เพื่ออ้างถึงการใช้งานแถบเครื่องมือแบบแท็บที่รวบรวมส่วนควบคุมต่างๆ ไว้ในMicrosoft Office 2007ซึ่งไมโครซอฟต์เรียกว่า "The Fluent UI" แม้ว่าไมโครซอฟต์จะทำให้คำนี้เป็นที่นิยมด้วยความหมายใหม่ แต่รูปแบบแท็บที่คล้ายกันนี้เคยมีอยู่ในซอฟต์แวร์ก่อนหน้านี้จากผู้จำหน่ายรายอื่น รวมถึง3D Studio Max R3 และรุ่นต่อมา, Adobe Dreamweaver , Borland Delphi , Sausage Software HotDogและMacromedia HomeSite

การใช้อินเทอร์เฟซแบบริบบอนมีมาตั้งแต่ช่วงต้นทศวรรษ 1990 ในซอฟต์แวร์เพิ่มประสิทธิภาพการทำงาน เช่นMicrosoft WordและWordStar ^{[ 1 ]}โดยใช้เป็นคำเรียกแทนแถบเครื่องมือ : มันถูกนิยามว่าเป็นส่วนหนึ่งของอินเทอร์เฟซผู้ใช้แบบกราฟิกที่ประกอบด้วยแถวแนวนอนขององค์ประกอบควบคุมกราฟิก (เช่น รวมถึงปุ่มขนาดต่างๆ และรายการแบบดรอปดาวน์ที่มีไอคอน ) ซึ่งโดยทั่วไปผู้ใช้สามารถกำหนดค่าได้^{[ 2 ] [ 3 ] [ 4 ]}

อิน เทอร์เฟซแถบ เครื่องมือที่เรียกว่า "ริบบอน" เป็นคุณลักษณะของ Word มาตั้งแต่Word 5.5 รุ่นแรกที่ใช้MS-DOS (ประมาณปี 1990) ^{[ 5 ]}และเวอร์ชันแรกที่ใช้ Windows (เปิดใช้งานโดยตัวเลือกเมนู "ดู | ริบบอน" ^{[ 6 ]} ) ซึ่งโฆษณาในยุคแรกๆ กล่าวถึงการใช้ "ริบบอนเพื่อแทนที่ชุดคำสั่งที่ไม่มีที่สิ้นสุด ช่วยให้คุณจัดรูปแบบตัวอักษรด้วยสายตาแทนที่จะใช้ความจำ" ^{[ 3 ]}

แถบ Ribbon แบบมีแท็บ ซึ่งเปิดตัวครั้งแรกในMicrosoft Office 2007

แถบ Ribbon ที่ได้รับการออกแบบใหม่ ซึ่งเปิดตัวในMicrosoft Office 2021

เมื่อมีการเปิดตัวMicrosoft Office 2007ก็ได้มี "อินเทอร์เฟซผู้ใช้แบบลื่นไหล" หรือ "Fluent UI" ซึ่งแทนที่แถบเมนูและแถบเครื่องมือที่ปรับแต่งได้ด้วย "เมนู Office" เพียงเมนูเดียว แถบเครื่องมือขนาดเล็กที่เรียกว่า "แถบเครื่องมือเข้าถึงด่วน" และสิ่งที่ต่อมาเรียกว่าริบบอน: แท็บหลายแท็บแต่ละแท็บมีแถบเครื่องมือที่มีปุ่มและบางครั้งก็มีส่วนควบคุมอื่นๆ ส่วนควบคุมในแถบเครื่องมือมีขนาดต่างๆ กันและถูกจัดกลุ่มที่มองเห็นได้ชัดเจน^{[ 7 ] [ 8 ]}การออกแบบใหม่นี้มีจุดประสงค์เพื่อบรรเทาปัญหาที่ผู้ใช้ไม่พบหรือไม่ทราบว่ามีฟีเจอร์ต่างๆ ในชุดโปรแกรม Office อยู่^{[ 9 ] [ 10 ]}ต่อมามีการกล่าวอ้างว่าชื่อ "ริบบอน" มาจากแนวคิดการออกแบบในยุคแรกๆ ที่คำสั่งต่างๆ ถูกวางไว้บนบานหน้าต่างยาวที่สามารถเลื่อนได้เหมือนม้วนกระดาษ ในยุคกลาง ชื่อนี้ยังคงใช้ต่อไปหลังจากที่กลไกการเลื่อนถูกแทนที่ด้วยแท็บ^{[ 11 ]}

แอปพลิเคชันของ Microsoft ที่ใช้ริบบอนจะมีชุดแท็บที่แตกต่างกันซึ่งเป็นที่ตั้งของตัวควบคุมผู้ใช้สำหรับแอปพลิเคชันนั้นๆ ภายในแต่ละแท็บ ตัวควบคุมที่เกี่ยวข้องต่างๆ อาจถูกจัดกลุ่มเข้าด้วยกัน การดับเบิ้ลคลิกที่แท็บที่ใช้งานอยู่หรือคลิกปุ่ม "ย่อ" จะซ่อนแผงคำสั่ง เหลือเพียงแท็บที่มองเห็นได้ การทำซ้ำการกระทำนี้จะแสดงบานหน้าต่างขึ้นมา^{[ 12 ]}ริบบอนได้รวมฟังก์ชันการทำงานที่เคยพบในเมนู แถบเครื่องมือ และบางครั้งบานหน้าต่างงานไว้ในพื้นที่เดียว^{[ 13 ]}

ใน Microsoft Office 2007 มีเพียงWord , Excel , AccessและPowerPoint เท่านั้น ที่ใช้ริบบอน อย่างไรก็ตาม เมื่อมีการเปิดตัวMicrosoft Office 2010 ริบบอนก็ถูกนำมาใช้ใน แอปพลิเคชันMicrosoft Officeที่เหลือ^{[ 14 ] [ 15 ]} Microsoft Office 2010 ยังเพิ่มการสนับสนุนการปรับแต่งเพิ่มเติมสำหรับผู้ใช้ปลายทางในส่วนติดต่อผู้ใช้ด้วย

ไมโครซอฟต์ค่อยๆ นำ Ribbon มาใช้ในซอฟต์แวร์อื่นๆ บางส่วน แอปพลิเคชัน Windows Live Essentials รุ่นที่สี่ ซึ่งรวมถึงMail , Photo Gallery , Movie MakerและWriterมี Ribbon ^{[ 16 ]}ตั้งแต่Windows 7เป็นต้น มา PaintและWordPadก็มี Ribbon ^{[ 17 ]}ในWindows 8 File Explorerก็มี Ribbon เช่นกัน Ribbon ยังปรากฏในSQL Server Report Builder , Dynamics CRM 2011 [ ^{18 ]} Microsoft Mathematics v4.0, ไคลเอนต์เดสก์ท็อปสำหรับMicrosoft Power BIและโปรแกรมอื่นๆ อีกหลายโปรแกรมที่เลิกใช้งานไป ^แล้ว

ริบบอนแท็บที่ได้รับการออกแบบใหม่ได้รับการแนะนำ ซึ่งเป็นส่วนหนึ่งของการออกแบบ UI ของ Office ใหม่ในMicrosoft Office 2021 ^{[ 19 ]}

ประวัติการพัฒนาของ Ribbon ซึ่งนำเสนอโดย Jensen Harris ในปี 2008 สามารถดูได้ที่นี่

นับตั้งแต่มีการนำริบบอนมาใช้ใน Microsoft Office 2007 การใช้งานอินเทอร์เฟซประเภทนี้ในแอปพลิเคชันที่สร้างโดยนักพัฒนาซอฟต์แวร์รายอื่นก็เพิ่มมากขึ้น โดยเฉพาะอย่างยิ่งผู้ที่สร้างเครื่องมือสำหรับผลิตภัณฑ์ที่เกี่ยวข้องกับ Microsoft Microsoft ได้อำนวยความสะดวกในการนำไปใช้ด้วยการเปิดตัวWindows 8 , Windows 7และ การอัปเดตแพลตฟอร์ม Windows Vista ซึ่งรวมถึง APIเฟรมเวิร์กริบบอนในตัวที่นำมาใช้เพื่อให้นักพัฒนาสามารถรวมแถบเครื่องมือริบบอนเข้ากับแอปพลิเคชันของตนได้^{[ 20 ]}กลุ่มNielsen Normanได้เผยแพร่ตัวอย่างบางส่วนในรายงานการแสดง GUI ปี 2008 ^{[ 21 ] [ 22 ]}

ในเดือนมิถุนายน พ.ศ. 2551 Red Flag Softwareได้ปล่อย RedOffice 4.0 เบต้า ซึ่งเป็นเวอร์ชันภาษาจีนของ OpenOffice.org ที่มีอินเทอร์เฟซผู้ใช้ ใหม่ ซึ่งใช้แนวคิดริบบอนหลายอย่างในการออกแบบ^{[ 23 ] [ 24 ]}ในเดือนพฤศจิกายน พ.ศ. 2551 Sun Microsystemsได้เริ่มโครงการ Renaissance เพื่อปรับปรุงอินเทอร์เฟซผู้ใช้ของ OpenOffice.org ^{[ 25 ]}จนถึงปัจจุบัน ต้นแบบของโครงการนี้มักถูกมองว่าคล้ายกับริบบอน แต่สิ่งนี้ส่งผลให้เกิดการวิพากษ์วิจารณ์จากผู้ใช้บ้าง^{[ 26 ]}

ในเดือนกรกฎาคม พ.ศ. 2554 Avid Techได้เพิ่มอินเทอร์เฟซแบบริบบอนภายใต้ ใบอนุญาต ของ Microsoftลงในเวอร์ชัน 7.0 ของแอปพลิเคชันการเขียนโน้ตดนตรีSibelius (scorewriter) โดยแทนที่ ระบบนำทางเมนูของเวอร์ชันก่อนหน้า ซึ่งทำให้ผู้ใช้ต่อต้านอย่างมาก^{[ 27 ]}อย่างไรก็ตาม อินเทอร์เฟซแบบริบบอนยังคงเป็นส่วนสำคัญของGUI ใน ปัจจุบัน

ในเดือนกันยายน พ.ศ. 2555 MathWorksได้แนะนำอินเทอร์เฟซแบบริบบอน (ที่รู้จักกันในชื่อ "Toolstrip") ในMATLAB R2012b ^{[ 28 ]}

ในเดือนกุมภาพันธ์ พ.ศ. 2562 LibreOffice 6.2 ได้เพิ่มรูปแบบอินเทอร์เฟซผู้ใช้ที่เรียกว่า "แบบแท็บ" ซึ่งเลียนแบบ Ribbon ของ Microsoft Office ^{[ 29 ]}

ก่อนที่ Microsoft จะนำแถบ Ribbon มาใช้ใน Office 2007 อินเทอร์เฟซผู้ใช้ของชุดโปรแกรม Office แทบจะไม่มีการเปลี่ยนแปลงเลยนับตั้งแต่การเปิดตัว Office 97 เมื่อวันที่ 19 พฤศจิกายน 1996 ( Office 2000และOffice 2003เป็นการอัปเกรดเล็กน้อยเมื่อเทียบกับOffice 97ซึ่งถือว่าเป็นรุ่นที่สำคัญมากเมื่อเทียบกับOffice 95 )

ด้วยเหตุนี้ ผู้ใช้จึงคุ้นเคยกับรูปแบบอินเทอร์เฟซนี้ ซึ่งเป็นเรื่องปกติในผลิตภัณฑ์เพิ่มประสิทธิภาพการทำงานหลายอย่างในขณะนั้น เมื่อ Microsoft นำริบบอนมาใช้ ก็ได้รับการตอบรับที่หลากหลายJeff Atwoodคิดว่าระบบใหม่นี้ทำให้เมนูซึ่งเป็นหัวใจสำคัญของอินเทอร์เฟซ WIMP ล้าสมัยไป เมื่อเปิดตัวครั้งแรกในปี 2548 ^{[ 30 ] [ 31 ]} Redmondmag.com รายงานว่าผู้ใช้ขั้นสูงรู้สึกว่าริบบอนต้องใช้เวลาและความอดทนมากเกินไปในการเรียนรู้^{[ 32 ]} Richard Ericson จากComputerworldตั้งข้อสังเกตว่าผู้ใช้ที่มีประสบการณ์อาจพบความยากลำบากในการปรับตัวให้เข้ากับอินเทอร์เฟซใหม่ และงานบางอย่างต้องใช้การกดปุ่มหรือคลิกมากขึ้นเพื่อเปิดใช้งาน^{[ 8 ]}แม้ว่าริบบอนจะสามารถซ่อนได้โดยการดับเบิ้ลคลิกที่แท็บที่เปิดอยู่ แต่PC Worldเขียนว่าริบบอนทำให้พื้นที่ทำงานของ Office รก โดยเฉพาะอย่างยิ่งสำหรับผู้ใช้โน้ตบุ๊ก^{[ 33 ]}ตัวเลือกการปรับแต่งที่มีอยู่ในเวอร์ชันดั้งเดิมไม่อนุญาตให้ผู้ใช้จัดเรียงใหม่หรือลบคำสั่งที่กำหนดไว้ล่วงหน้า แม้ว่าจะสามารถย่อขนาดได้ก็ตาม^{[ 34 ]}คนอื่นๆ เรียกไอคอนขนาดใหญ่ของมันว่ารบกวนสมาธิ^{[ 35 ]}การสำรวจออนไลน์ที่ดำเนินการโดย ExcelUser รายงานว่าผู้ตอบแบบสอบถามส่วนใหญ่มีความคิดเห็นเชิงลบต่อการเปลี่ยนแปลง โดยผู้ใช้ขั้นสูงมีความคิดเห็นเชิงลบมากกว่าผู้ใช้ระดับกลางเล็กน้อย การลดลงของประสิทธิภาพการทำงาน ที่ประเมินด้วยตนเองนั้นเฉลี่ยอยู่ที่ประมาณ 20% และ "ประมาณ 35%" สำหรับผู้ที่มีความคิดเห็นเชิงลบ

ผู้ใช้รายอื่นอ้างว่าเมื่อเรียนรู้อินเทอร์เฟซใหม่แล้ว ผู้ใช้ทั่วไปสามารถสร้าง "เอกสารที่ดูเป็นมืออาชีพได้เร็วขึ้น" ^{[ 32 ]}การศึกษาหนึ่งรายงานว่าผู้ใช้ยอมรับได้ค่อนข้างดี ยกเว้นผู้ใช้ที่มีประสบการณ์สูงและผู้ใช้แอปพลิเคชันประมวลผลคำที่มีอินเทอร์เฟซ WIMP แบบคลาสสิก แต่ไม่ค่อยมั่นใจในประสิทธิภาพและการจัดระเบียบ^{[ 36 ]}

การตัดสินใจยกเลิกเมนูนั้นถูกเปรียบเทียบกับ แคมเปญ New Coke อันโด่งดังของบริษัท Coca-Cola ซึ่งถือเป็นการละทิ้งฐานผู้ใช้เดิม^{[ 37 ]} Microsoft Office 2011 สำหรับ Macintosh แม้ว่าจะใช้ริบบอน แต่ก็ยังคงรักษาระบบเมนูไว้ในแถบเมนูของ Mac ^{[ 38 ]}

แถบเครื่องมือแบบแท็บ ดังเช่นที่พบในMacromedia HomeSiteและLotus eSuiteได้รับการเสนอให้เป็นต้นแบบของแถบเครื่องมือแบบริบบอน

ผู้สนับสนุนซอฟต์แวร์เสรีเช่น Jarosław Staniek นักพัฒนา KDE ^{[ 39 ]}ได้แสดงความเชื่อว่าไม่สามารถขอรับสิทธิบัตรเกี่ยวกับริบบอนได้เนื่องจากมีเทคโนโลยีที่มีอยู่ก่อนหน้าอย่าง แพร่หลาย ^{[ 39 ] Staniek ตั้งข้อสังเกตว่าแนวคิดริบบอนปรากฏให้เห็นอย่างกว้างขวางในอดีตในรูปแบบ " แถบ}เครื่องมือแบบแท็บ" ในแอปพลิเคชันต่างๆ เช่น Sausage Software HotDog , Macromedia HomeSite , DreamweaverและBorland Delphi [ ^{39 ]} Lotus ได้พัฒนา UI ริบบอนรุ่นแรกๆ สำหรับผลิตภัณฑ์ eSuite ของตน ภาพหน้าจอยังคงมีอยู่ในหนังสือสีแดงของ IBM เกี่ยวกับ eSuite (หน้า 109 เป็นต้นไป) ^{[ 40 ]}

เมื่อวันที่ 13 กุมภาพันธ์ 2561 คณะลูกขุนจากเขตเหนือของแคลิฟอร์เนียพบว่าCorel Corporationได้ละเมิดสิทธิบัตรการออกแบบ ริบบอน และสิทธิบัตรยู ทิลิตี้ริบบอนของ Microsoft หลายรายการ ที่เกี่ยวข้องกับ Fluent UI ^{[ 41 ] [ 42 ]}

• Ribbon Heroและ Ribbon Hero 2 – เกมวิดีโอเพื่อการศึกษาที่ฝึกฝนผู้ใช้เกี่ยวกับการใช้ริบบิ้น
• Metro (ภาษาการออกแบบ) – ภาษาการออกแบบที่อยู่เบื้องหลังส่วนติดต่อผู้ใช้ของ Windows Phone และ Windows 8
• Windows Aero – ส่วนติดต่อผู้ใช้ของ Microsoft สำหรับ Windows Vista และ Windows 7

• เอกสารแนวทางของ Microsoft สำหรับ Ribbon UI
• คู่มือสำหรับนักพัฒนา Windows Ribbon Framework
• DotNetBarในWayback Machine (เก็บถาวรเมื่อวันที่ 4 กุมภาพันธ์ 2020) เป็นเครื่องมือที่ขยายชุดส่วนประกอบ UI ปกติสำหรับ Windows Forms ด้วยส่วนประกอบที่เกี่ยวข้องกับ Ribbon

• การออกแบบริบบิ้นโดย เจนเซน แฮร์ริส