อย่าใช้ข้อความตัวยึดตำแหน่งเป็นป้ายกำกับช่องป้อนข้อมูล เว้นแต่...

ฉันมักจะเห็นว่านักออกแบบ UX เตือนไม่ให้ใช้ข้อความตัวยึดตำแหน่งเป็นป้ายกำกับช่องป้อนข้อมูล และด้วยเหตุผลที่ดี

ลองพิมพ์ในช่องป้อนข้อมูลด้านล่างและดูว่าเกิดอะไรขึ้น:

ข้อความที่พักจะหายไปทันทีที่คุณเริ่มพิมพ์

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

เหตุผลที่นักออกแบบหลายคนชอบใช้ตัวยึดตำแหน่งเป็นข้อความเดียวในช่องใส่เพราะทำให้ UI ของคุณดูสะอาดตาและรกน้อยลง ซึ่งเป็นสิ่งที่ดี

ขออภัย คุณยังเสี่ยงต่อการสับสนของผู้ใช้ ซึ่งเป็นสิ่งสุดท้ายที่คุณต้องการ

โชคดีที่มีวิธีแก้ไขปัญหานี้ ที่ช่วยให้คุณมี UI ที่สะอาดตาในขณะที่ให้ข้อมูลที่จำเป็นทั้งหมดแก่ผู้ใช้ เรียกว่า Floating Labels