ตำแหน่งฉลากแบบฟอร์มสำหรับการใช้งานที่ดีที่สุด

16

ฉันสร้างฟอร์มที่จะขอให้ผู้เข้าชมสำหรับพวกเขาfirstname, และmiddle initial lastnameฉันต้องการให้ฟิลด์ข้อความเหล่านั้นเป็นแบบอินไลน์ทั้งหมด แต่ฉันควรวางป้ายกำกับไว้ที่ไหน ด้านซ้ายบนหรือใต้ช่อง

ฉันกำลังมองหาวิธีที่ดีที่สุดจากมุมมองการใช้งาน

— เชนสติลเวล
แหล่งที่มา

สิ่งนี้ไม่เหมาะสมสำหรับ uxexchange.com หรือไม่ ( uxexchange.com )

— Bobby Jack

ว้าวฉันไม่ทราบว่ามีอยู่ uxechange.com ขอบคุณ เมื่อพิจารณาจากจำนวนการลงคะแนนในคำถามนี้เป็นสิ่งที่อยู่ในใจของผู้ดูแลเว็บมืออาชีพ

— เชน Stillwell

ใช่ - มันเป็นปัญหาเล็กน้อย ฉันเชื่อว่า uxexchange ถูกตั้งค่าโดยใช้โมเดล 'SO เก่า' ไซต์ที่ใช้โมเดลใหม่เช่นผู้ดูแลเว็บดูเหมือนจะได้รับความสนใจมากขึ้น ดังนั้นสิ่งที่เกี่ยวข้องกับ uxexchange จะประสบความสำเร็จมากขึ้นในเว็บมาสเตอร์ ฉันไม่แน่ใจว่าวิธีแก้ปัญหาคือ - โยกย้าย uxexchange?

— Bobby Jack

10

มีลักษณะที่ศึกษาครั้งนี้โดย UXmatters มันมีความลึกพอสมควรรวมถึงข้อมูลเกี่ยวกับการติดตามสายตาและสรุปว่าฉลากด้านบนนั้นเป็นโซลูชันที่ดีที่สุดโดยรวม

มีบทความที่คล้ายกันโดย Luke Wroblewskiซึ่งมีรายละเอียดค่อนข้างมาก บทความทั้งสองมีมูลค่าการอ่าน!

— Grant Palin
แหล่งที่มา

+1 ฉันจะโพสต์แหล่งข้อมูลเดียวกันนั้น จริงๆคำตอบสำหรับคำถามนี้ควรรวมถึงการศึกษา

— Virtuosi Media

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

— เชน Stillwell

สิ่งที่น่าสนใจเกี่ยวกับบทความ UXmatters คือพวกเขาพบว่าป้ายกำกับตัวหนาดึงดูดความสนใจของผู้เยี่ยมชมและ ... "ป้ายหนาเป็นเรื่องยากสำหรับผู้ใช้ในการอ่านและรับรู้ - อาจเป็นเพราะมีความสับสนมากขึ้นระหว่างข้อความหนากับเส้นขอบหนา ของฟิลด์อินพุต " ดีแล้วที่รู้.

— เชน Stillwell

ไม่ใช่เชิงลบ แต่ uxmatters.com ไม่มีส่วน "บทความยอดนิยม" หรือแม้แต่ใช้เครื่องมือเว็บมาสเตอร์ของ Google ดังนั้นฉันสามารถหาบทความที่อ่านมากที่สุดของพวกเขา

— Neil McGuigan

5

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

ถ้าไปทางซ้ายดูไม่ถูกต้องหรือไม่มีที่ว่างให้ทำฉันจะทำข้างบน ตามที่ชัดเจนมาก

วิธีเดียวที่ฉันจะหลีกเลี่ยงได้คือการใส่ป้ายกำกับไว้ในช่องข้อความ เมื่อป้ายกำกับอยู่ใต้เขตข้อมูลจะทำให้เกิดความสับสนมากขึ้น

— เบ็นฮอฟฟ์แมน
แหล่งที่มา

3

ในกรณีใด ๆ อย่าลืมforแอตทริบิวต์

— Pierre-Alain Vigeant

4

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

ยังมีหลายวิธีในการจัดหน้าและเข้าถึงได้

ป้ายกำกับแบบฟอร์มสามารถปรากฏได้ทุกที่ที่คุณต้องการตราบใดที่สร้างขึ้น การขอความช่วยเหลือนี้มีค่าดูhttp://patterntap.com/tap/collection/forms

— เควิน
แหล่งที่มา

3

มีสองตัวเลือกที่ถือว่าดีที่สุด:

เลเบลทางด้านซ้ายของฟิลด์ฟลัชขวาเพื่อให้อยู่ใกล้กับอินพุต
ป้ายกำกับเหนือสนามตัวเอง

อีกสิ่งสำคัญที่ควรทราบเกี่ยวกับการใช้งานเพื่อให้แน่ใจว่าคุณกำลังใช้แอตทริบิวต์สำหรับป้ายกำกับดังนั้นการคลิกที่ป้ายกำกับจะเน้นไปที่ฟิลด์ที่ติดป้ายกำกับ

— GSto
แหล่งที่มา

1

คำตอบ: ไม่มีการข้างต้น ใช้ข้อความตัวยึดตำแหน่งภายในฟิลด์ตัวเอง คุณลักษณะตัวยึดตำแหน่งเป็นส่วนหนึ่งของ HTML-5

มิฉะนั้นฉันจะบอกว่าวางไว้เหนือเขตข้อมูลจัดชิดซ้าย

— Adam L Davis
แหล่งที่มา

0

นี่เป็นบิตของการสัมผัสกัน - แต่โปรดอย่าใช้ชื่อ / นามสกุล / ตัวย่อ ไม่ใช่ชื่อของทุกคนที่เข้ากลุ่มอย่างเป็นระเบียบ

อ้างตัวเองมากกว่าใน StackOverflow:

วัฒนธรรมเอเชียหลายคนนำครอบครัวชื่อแรกเพราะครอบครัวถือเป็นสิ่งสำคัญมากกว่าบุคคล

การสังเกตว่ามีคนจำนวนพอสมควรที่ใช้ชื่อที่ไม่ใช่ผู้ปกครองที่มอบให้ฉันได้ใช้รูปแบบต่อไปนี้กับความสำเร็จ:

ชื่อเต็ม (เขียนตามปกติสำหรับที่อยู่ทางไปรษณีย์); นามสกุล; เรียกว่า (ชื่อที่ใช้ทั่วไปในการสนทนา)

เช่น:

ชื่อเต็ม: William Gates III; ชื่อครอบครัว: Gates; รู้จักกันในนาม: Bill

ชื่อเต็ม: Soong Li; ชื่อครอบครัว: Soong; รู้จักในชื่อ: Lisa

ดู/programming/259634/splitting-a-persons-name-into-forename-and-surname/259694#259694สำหรับข้อมูลเพิ่มเติม

— Bevan
แหล่งที่มา

ฉันเห็นคุณค่าในคำแนะนำของคุณ แต่คำถามสำคัญคือ "ใครคือกลุ่มเป้าหมายของคุณ" หาก 99% ของผู้ชมของฉันจะเป็นคนอเมริกันฉันจะไปกับ Firstname / MI / นามสกุล ฉันคิดว่าชาวอเมริกันจำนวนมากจะไม่เข้าใจในทันทีว่าชื่อสกุลจะเป็นอะไร เช่น @RandomBen กล่าวว่าคุณจะต้องมีความสอดคล้องและเว็บไซต์ของสหรัฐอเมริกาส่วนใหญ่ใช้ชื่อ / MI / นามสกุล

— เชน Stillwell