เคล็ดลับเครื่องมือที่อธิบายโดยไม่เกะกะ
วิธีการออกแบบคำแนะนำเครื่องมือที่ช่วย: ข้อมูลเพิ่มเติมโดยย่อ การเข้าถึงแบบเลื่อนและแป้นพิมพ์ ทางเลือกอื่นในการสัมผัส และเหตุใดคำแนะนำที่สำคัญจึงไม่อยู่ในคำแนะนำเครื่องมือ
หลัก Takeaway
คำแนะนำเครื่องมือคือข้อความสั้นๆ ที่ปรากฏบนเมาส์หรือคีย์บอร์ดเพื่อให้ข้อมูลเพิ่มเติม เช่น ความหมายของหน่วยวัด เขียนให้สั้น อย่าใส่คำแนะนำที่จำเป็น ทำให้สามารถเข้าถึงได้ด้วยแป้นพิมพ์ จัดเตรียมทางเลือกแบบแตะบนหน้าจอสัมผัส และอย่าใส่ลิงก์หรือปุ่มไว้ด้านใน
เคล็ดลับเครื่องมือคืออะไร
Nielsen Norman Group กำหนดคำแนะนำเครื่องมือว่าเป็นข้อความให้ข้อมูลสั้นๆ ที่ปรากฏขึ้นเมื่อผู้ใช้โต้ตอบกับองค์ประกอบ เริ่มต้นโดยการเลื่อนเมาส์หรือเลื่อนแป้นพิมพ์ (ทำให้แป้นพิมพ์โฟกัสไปที่องค์ประกอบ) เนื่องจากขึ้นอยู่กับการโฮเวอร์ คำแนะนำเครื่องมือจึงมักไม่พร้อมใช้งานบนหน้าจอสัมผัส
เสริมไม่จำเป็นเลย
NN/g ให้ตัวอย่างที่ชัดเจนของข้อผิดพลาด: ไซต์ที่ใส่ข้อกำหนดรหัสผ่านไว้ในคำแนะนำเครื่องมือ ข้อมูลที่ผู้คนจำเป็นต้องใช้ในการทำงานควรปรากฏบนหน้าจอ คำแนะนำเครื่องมือเหมาะสมกับคำจำกัดความ คำอธิบายว่าทำไมจึงต้องระบุช่องข้อมูล และป้ายกำกับสำหรับปุ่มเฉพาะไอคอน
การเข้าถึง
ทำให้คำแนะนำเครื่องมือใช้งานได้สำหรับทุกคน:
- เปิดบนแป้นพิมพ์และโฮเวอร์
- ให้ผู้คนละทิ้งมันด้วย Escape โดยไม่ขยับโฟกัส
- เปิดค้างไว้ในขณะที่ตัวชี้เลื่อนไปไว้
- เชื่อมต่อกับทริกเกอร์เพื่อให้โปรแกรมอ่านหน้าจอประกาศ
- อย่าใส่เนื้อหาเชิงโต้ตอบเข้าไปภายใน ใช้ป๊อปโอเวอร์แทน
คำแนะนำเครื่องมือบนอุปกรณ์ระบบสัมผัส
ไม่มีโฮเวอร์เมื่อสัมผัส ใช้ไอคอนข้อมูลที่มองเห็นได้ซึ่งจะเปิดป๊อปโอเวอร์ขนาดเล็กขึ้นมาเมื่อแตะ หรือแสดงคำอธิบายในบรรทัด สำหรับการวัดระดับองค์กรที่ซับซ้อน ไอคอนข้อมูลถัดจากป้ายกำกับเป็นรูปแบบที่คุ้นเคยในอุปกรณ์ทุกเครื่อง
การเคลื่อนไหวและเวลา
การหน่วงเวลาสั้นๆ ก่อนที่จะแสดงจะช่วยป้องกันไม่ให้คำแนะนำเครื่องมือกะพริบเมื่อตัวชี้ผ่านองค์ประกอบต่างๆ เมื่อเปิดแล้ว คำแนะนำเครื่องมือใกล้เคียงจะปรากฏขึ้นทันที การจางหายไปอย่างรวดเร็วหรือสเกลเล็กน้อยจากทริกเกอร์ช่วยให้ผู้คนเห็นว่ามันมาจากไหน เก็บไว้ภายใต้ประมาณ 150 มิลลิวินาที
คีย์ Principles ที่ต้องจำ
- คำแนะนำเครื่องมือนั้นสั้นและเป็นส่วนเสริม
- อย่าซ่อนคำแนะนำที่สำคัญไว้ในคำแนะนำเครื่องมือ
- รองรับการโฟกัสคีย์บอร์ดและการหลบหนี
- ใช้ไอคอนข้อมูลที่แตะได้บนอุปกรณ์ระบบสัมผัส
- ไม่มีเนื้อหาเชิงโต้ตอบภายในคำแนะนำเครื่องมือ
คำถามที่พบบ่อย
แหล่งที่มา
- Tooltip Guidelines — Nielsen Norman Group