คำแนะนำเครื่องมือ ( หรือที่รู้จักกันในชื่อinfotip , hint , mouseoverหรือhover text ^{[ 1 ]} ) เป็น องค์ประกอบ อินเทอร์เฟซผู้ใช้แบบกราฟิก (GUI) ทั่วไป ซึ่งเมื่อวางเมาส์เหนือองค์ประกอบหรือส่วนประกอบบนหน้าจอ กล่องข้อความจะแสดงข้อมูลเกี่ยวกับองค์ประกอบนั้น เช่น คำอธิบายฟังก์ชันของปุ่ม ความหมายของคำย่อ หรือการประทับเวลา ที่แน่นอน เทียบกับเวลาสัมพัทธ์ ("… ago") ในทางปฏิบัติทั่วไป คำแนะนำเครื่องมือจะแสดงอย่างต่อเนื่องตราบใดที่ผู้ใช้วางเมาส์เหนือองค์ประกอบหรือกล่องข้อความที่เครื่องมือให้มา^{[ 2 ]}บางครั้งเมาส์สามารถวางอยู่ภายในกล่องข้อความที่ให้มาเพื่อเปิดใช้งานคำแนะนำเครื่องมือแบบซ้อนกันได้ และสามารถดำเนินการต่อไปได้ในระดับความลึกใดก็ได้ โดยมักจะมีกล่องข้อความหลายกล่องซ้อนทับกัน

บนเดสก์ท็อป จะใช้ร่วมกับเคอร์เซอร์ซึ่งโดยปกติจะเป็นตัวชี้โดยที่คำแนะนำเครื่องมือจะปรากฏขึ้นเมื่อผู้ใช้เลื่อนตัวชี้ไปเหนือรายการโดยไม่ต้องคลิก^{[ 3 ] [ 4 ]}

บนอุปกรณ์หน้าจอสัมผัส จะมีการแสดงคำแนะนำเครื่องมือเมื่อกดค้างไว้—เช่น แตะค้างไว้—องค์ประกอบ^{[ 2 ]}สมาร์ทโฟนบางรุ่นมีวิธีการป้อนข้อมูลทางเลือกเช่นปากกาสไตลัสซึ่งสามารถแสดงคำแนะนำเครื่องมือเมื่อวางอยู่เหนือหน้าจอ

^{รูปแบบทั่วไปของคำแนะนำเครื่องมือ โดยเฉพาะในซอฟต์แวร์ รุ่น}เก่า คือการแสดงคำอธิบายของเครื่องมือในแถบสถานะ [ ^{5 ]}คุณสมบัติคำแนะนำเครื่องมือของMicrosoft ที่พบในเอกสาร สำหรับผู้ใช้ปลายทางเรียกว่าScreenTips [ ^{6 ]คุณสมบัติ}คำแนะนำเครื่องมือของ Apple ที่พบในเอกสาร สำหรับนักพัฒนาเรียกว่าhelp tags [ ^{7 ] Classic} Mac OSใช้คุณสมบัติคำแนะนำเครื่องมือ แต่ในรูปแบบที่แตกต่างออกไปเล็กน้อย เรียกว่าballoon help [ ^{8 ] ซอฟต์แวร์}และแอปพลิเคชันบางตัว เช่นGIMPมีตัวเลือกให้ผู้ใช้ปิดคำแนะนำเครื่องมือบางส่วนหรือทั้งหมดได้ อย่างไรก็ตาม ตัวเลือกดังกล่าวขึ้นอยู่กับดุลยพินิจของนักพัฒนา และมักจะไม่ได้นำมาใช้งาน^{[ 9 ]}

คำว่าtooltipเดิมทีมาจากแอปพลิเคชันเก่าๆ ของ Microsoft (เช่นMicrosoft Word 95 ) ^{[ 10 ] [ 11 ]}แอปพลิเคชันเหล่านี้จะมีแถบเครื่องมือซึ่งเมื่อเลื่อนเมาส์ไปเหนือไอคอนในแถบเครื่องมือ จะแสดงคำอธิบายสั้นๆ เกี่ยวกับฟังก์ชันของเครื่องมือในแถบเครื่องมือ เมื่อไม่นานมานี้ tooltip เหล่านี้ถูกนำมาใช้ในส่วนต่างๆ ของอินเทอร์เฟซ ไม่ใช่แค่บนแถบเครื่องมือเท่านั้น แนวคิดของ tooltip ในฐานะองค์ประกอบช่วยเหลือตามบริบทในอินเทอร์เฟซผู้ใช้เกิดขึ้นพร้อมกับอินเทอร์เฟซผู้ใช้แบบกราฟิกในยุคแรกๆ เพื่อเพิ่มความสามารถในการใช้งาน^{[ 12 ]}

CSS , HTML , JavaScriptและระบบการเขียนโค้ดอื่นๆ ช่วยให้นักออกแบบเว็บสามารถสร้าง tooltip ที่กำหนดเองได้^{[ 13 ]}

การสาธิตการใช้งาน tooltip พบได้ทั่วไปในเว็บเพจเว็บเบราว์เซอร์ แบบกราฟิกหลายตัว จะแสดงtitleแอตทริบิวต์ขององค์ประกอบHTML เป็น tooltip เมื่อผู้ใช้เลื่อนตัวชี้เมาส์ไปวางเหนือองค์ประกอบนั้น ในเบราว์เซอร์ดังกล่าว เมื่อเลื่อนตัวชี้เมาส์ไปวางเหนือรูปภาพและไฮเปอร์ลิงก์ของ Wikipedia tooltip จะปรากฏขึ้น^{[ 13 ]}

• เมื่อวางเมาส์เหนือภาพ
• โฮเวอร์บ็อกซ์
• กล่องข้อมูล
• กล่องโต้ตอบ
• แถบสถานะ