it-swarm.asia

موقف تسمية النموذج للحصول على أفضل قابلية الاستخدام

أنا بصدد إنشاء نموذج سيطلب من الزائر firstname و middle initial و lastname. أريد أن تكون حقول النص هذه جميعها مضمنة ، لكن أين يجب أن أضع التسميات؟ على اليسار ، أعلى ، أو تحت الحقول.

أنا أبحث عن أفضل نهج من وجهة نظر قابليتها للاستخدام.

16
Shane Stillwell

إلقاء نظرة على هذه الدراسة من قبل UXmatters . إنه متعمق إلى حد ما ، ويتضمن بيانات عن تتبع العين ، ويخلص إلى أن الملصقات في الأعلى هي الحل الأفضل عمومًا.

هناك مقالة مماثلة من قبل لوقا Wroblewski ، أيضا مفصلة إلى حد ما. كلا المادتين تستحق القراءة!

10
Grant Palin

الشيء الأكثر أهمية هو أن تكون متسقة مع بقية موقعك. بشكل عام ، تقوم معظم مواقع الويب بالتسميات على يسار حقول النص. في هذا السبب ، سيكون وصفًا طويلًا لذا تأكد من أن لديك مساحة ويتدفق جيدًا.

إذا كان اليسار لا يبدو صحيحًا أو لا يوجد مكان للقيام بذلك ، فعندئذ سأفعل ذلك أعلاه. لأن هذا واضح جدا.

الطريقة الوحيدة التي أود تجنبها هي وضع العلامات أسفل حقول النص. عندما تكون الملصقات تحت الحقول يكون الأمر أكثر إرباكًا.

5
Ben Hoffman

عادة ، بالنسبة للموقف لديك ، في الأعلى أو إلى اليسار هو الأفضل. فقط تأكد من أن الملصق يأتي قبل حقل الإدخال للوصول إليه.

لا يزال هناك العديد من الطرق المختلفة لتخطيط صفحة ويمكن الوصول إليها.

يمكن أن تظهر تسميات النماذج في أي مكان تريده طالما كانت موجودة منذ ذلك الحين. هذا اللجوء يستحق نظرة ، http://patterntap.com/tap/collection/forms

4
Kevin

هناك خياران يعتبران الأفضل:

  • تسميات على يسار الحقل ، يتم مسحها على اليمين بحيث تكون قريبة من الإدخال.
  • التسميات فوق الحقل نفسه

شيء مهم آخر يجب ملاحظته لسهولة الاستخدام للتأكد من أنك تستخدم السمة للتسمية ، بحيث يركز النقر فوق التسمية على الحقل الذي تسميه.

3
GSto

الجواب: لا شيء مما سبق. استخدم عنصر نائب نص داخل الحقل نفسه. تعد سمة العنصر النائب جزءًا مضمنًا من HTML-5.

خلاف ذلك ، أود أن أقول وضعه فوق الحقول ، محاذاة إلى اليسار.

1
Adam L Davis

هذا قليل من الظل - لكن يرجى عدم استخدام الاسم/اسم العائلة/الأولي. ليس اسم الجميع يقع في هذا التجمع الأنيق.

نقلا عن نفسي على StackOverflow:

وضعت العديد من الثقافات الآسيوية اسم العائلة أولاً ، لأن العائلة تعتبر أكثر أهمية من الفرد.

مع الإشارة إلى وجود عدد لا بأس به من الأشخاص الذين يستخدمون اسمًا ليس هو الذي منحه والديهم ، فقد استخدمت المخطط التالي مع بعض النجاح:

الاسم الكامل (كما هو مكتوب عادة لمعالجة البريد) ؛ اسم العائلة؛ معروف باسم (الاسم شائع الاستخدام في المحادثة).

على سبيل المثال:

الاسم الكامل: ويليام جيتس الثالث ؛ اسم العائلة: بوابات المعروف باسم: بيل

الاسم الكامل: سونغ لي ؛ اسم العائلة: Soong؛ المعروف باسم: ليزا

راجع https://stackoverflow.com/questions/259634/splitting-a-persons-name-into-forename-and-s=/259694#259694 لمزيد من المعلومات.

0
Bevan