كيف تشير إلى أن العمود في جدول يمكن فرزه (سؤال تصميم واجهة المستخدم)؟

StackOverflow https://stackoverflow.com/questions/2375373

سؤال

في التطبيق الذي أعمل عليه ، هناك بيانات جدولة (للسجل ، إنه تطبيق أرجوحة Java باستخدام JTables). في بعض الحالات ، يمكن فرز البيانات عن طريق النقر على رؤوس الأعمدة. ما أريد معرفته هو ما هي الطريقة الجيدة للإشارة إلى المستخدم إذا كان عمود معين قابل للفرز أم لا؟

لقد توصلت إلى الاحتمالات التالية.

1) ضع أيقونة في كل عمود قابل للفرز يشير إلى أنه قابل للفرز. أنا شخصياً لا أحب هذا الخيار.

2) قم بتغيير مؤشر الماوس إلى شيء آخر عندما يحوم فوق الرأس للإشارة إلى أنه قابل للفرز.

3) ضع ملاحظة في نص تلميح الأدوات عند التحول فوق العمود قائلاً إنه قابل للفرز.

هل لدى احد منكم اقتراحات أخرى؟

تحديث:

أعتقد أن التوضيح هو في النظام. سؤالي هو ليس كيف يشير المرء إلى أن عمود معين حالياً مرتبة. تم تنفيذ ذلك بالفعل عبر نموذج مثلث فرز لأعلى/لأسفل. أريد أن أعطي المستخدم فكرة عن الأعمدة تستطيع يتم فرزها قبل النقر على الرأس لفرزه.

تحديث 2: أعتقد أنني يجب أن أشرح لماذا لا أبيع بالكامل على الخيار رقم 1. يبدو لي أنه إذا كان المرء سيضع أيقونة للإشارة إلى الأعمدة نكون يمكن الفرز ثم هذا سوف يضيف إلى الفوضى البصرية. في مثل هذه الحالات ، يتغير واجهة المستخدم في بعض الأحيان على "الماوس فوق". مثال على ذلك: يسمح Windows Vista و 7 لأحدهم بإضافة مرشح على عمود ، لكن المؤشر لهذا لا يظهر حتى تحوم فوق الرأس مع الماوس.

هل كانت مفيدة؟

المحلول

عندما تتعامل مع واجهة المستخدم ، عليك أن تضع عقلك في ما يتوقعه المستخدم. أود أن أوصي دائمًا بالبقاء مع النماذج التي يتوقعها المستخدمون. لذلك أوصي بنسخة من الخيار 1)

تذكر يصف النشر كيف يمكن أن ينجح ذلك - لا يزال بإمكانك استخدام الأسهم في رؤوس الأعمدة - أحد الخيارات هو وضع أيقونة السهم في الرأس ، ولكن تغيير حالة هذا الرمز إذا تم فرزها (على سبيل المثال ، قم بتمييز زر أعلى أو لأسفل إذا كان يتم فرز مجموعة البيانات حاليًا بواسطة هذا العمود.)

تعديل:قد لا يكون مثال مستكشف Windows هو أفضل مثال هنا. نصي الأصلي المقتبس أدناه:

في Windows Explorer وجميع بيانات بيانات النماذج تقريبًا ، يوجد أيقونة صغيرة ، عادةً سهم لأعلى أو لأسفل ، يشير إلى أن العمود قابل للفرز. قم بتجربة Windows Explorer لمعرفة الطريقة التي يعمل بها هذا.

نصائح أخرى

في العديد من التطبيقات ، تشير المثلثات إلى الفرز ، لذا أعتقد أن هذه هي أفضل طريقة لنقل المعلومات إلى المستخدم B/C ، إنها معيار من المحتمل أن يعرفهم.

أعتقد أن البرنامج المساعد jQuery من datatables.net هو مثال جيد. يمكنك إلقاء نظرة ومعرفة ما إذا كنت تحب مظهر/وظائف ذلك ومحاكاة ذلك. كل من أعلى وأسفل تشير إلى الفرز. يشير واحد أو آخر فقط إلى أنه يتم فرزه. إذا لم يكن العمود غير قابل للفرز ، فلا يوجد أيقونة على الإطلاق. يغير مثالهم أيضًا المؤشر من سهم إلى مؤشر اليد للإشارة إلى أنه يمكنك النقر على الرأس.

أعتقد أن الطريقة القياسية هي الخيار 1 بشكل أساسي: إما عرض البيانات في البداية مع سهم صغير يشير إلى أعلى أو لأسفل (تصاعدي/نزول) ، أو فرز+عرض الرمز بمجرد النقر فوق رأس العمود.

أعتقد أن امتلاك أيقونة سهم أو مثلث أسفل عنوان العمود ، والتي يمكنك النقر عليها لفرز ذلك العمود هو الخيار الأفضل ، حيث أنه من السهل رؤيته بصريًا وبديهيًا للغاية.

تعتبر أيقونات فرز Triangular Little Triangular قياسية إلى حد كبير لمشاهد الجدول القابلة للفرز في تطبيقات سطح المكتب وصفحات الويب. قد لا يعجبك ، ولكن ربما يستخدم المستخدمون لديك (حتى لو لم يدركوا ذلك).

يجب عليك بالطبع تغيير مؤشر الماوس عبر عناصر قابلة للنقر.

يجب أن تفعل دائمًا 2 لأي شيء قابل للنقر.

الرقم 1 ليس سيئًا ، وعادةً ما يكون مثلث يشير لأعلى أو لأسفل اعتمادًا على ترتيب الفرز.

للإشارة إلى قابلية النقر ، يمكنك أيضًا استخدام النص الأزرق المسطر على الأعمدة القابلة للفرز والنص الرمادي الداكن البسيط على غير المواد-ظهور ارتباط HTTP هو جهاز معروف لجميع المستخدمين تقريبًا ، لكنه لن ينقل قابلية الفرز ، في حد ذاته. بدلاً من ذلك ، قد يتوقع المستخدم النقر فوق ذلك لنقلهم إلى بعض الشاشة أو القائمة الأخرى ، كما يفعل الارتباط التشعبي عادةً.

قد أكون كثيفًا بعض الشيء ، لكن ما هي أنواع الأعمدة ليس غير قابل للفرز؟

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

سلاسل؟ حاول الترتيب الأبجدي. الصور؟ قم بفرز النسبة المئوية من اللون الأحمر والأخضر والأزرق (أو إذا كنت ترغب في الحصول على الرسم البياني ، قارن عن الرسوم البيانية الملونة). مواقع؟ استخدم المسافة إلى روما أو أي موقع تعسفي آخر.

قد يكون الفرز على بعض الأعمدة أكثر فائدة من الفرز على الآخرين ؛ لكن لدي صعوبة في العثور على نوع العمود إذا كان من المهم يتجنب الفرز من الحدوث.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top