التنقل في متناول أشجار المعلومات الكبيرة

Question

أقوم بتطوير موقع ويب عام يمثل الواجهة الأمامية للمعلومات حول الحالات الطبية.

بعد أن يقوم المستخدم بإجراء بحث (على أساس الاستبيان) يتم عرض النتائج التي تم تصنيفها إلى أقسام وأقسام فرعية.

يمكن تخصيص عناصر المعلومات لكل من الأقسام والأقسام الفرعية.

في الوقت الحالي، يتم تمثيل الأقسام بعلامات تبويب في الجزء العلوي والشاشة والأقسام الفرعية بواسطة روابط في الشريط الجانبي.تتغير الروابط الموجودة في الشريط الجانبي وفقًا للقسم المحدد.

تكمن المشكلة في أن أسماء الأقسام طويلة جدًا (عدة كلمات) ونتيجة لذلك يكون الطول المدمج لعلامات التبويب عريضًا جدًا بالنسبة لدقة الشاشة القياسية (1024 × 768).لذلك يقومون بلف وكسر تخطيط الصفحة.سيتعين علينا أيضًا إضافة علامات تبويب إضافية في المستقبل.

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

Answer 1

ومتى هي أسماء الفرعي؟ سوف <م> أنها صالح في الفضاء لعلامات التبويب؟ أنت من المحتمل للحصول على أداء أفضل للمستخدم إذا وضعت الروابط قسم في القائمة الشريط الجانبي والروابط الفرعي في علامات التبويب، وليس العكس. انظر http://www.usability.gov/pubs/040106news.html .

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

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

Answer 2

مجرد طرح بعض الأفكار:

• استخدم مربعات التحرير والسرد للسماح للمستخدم بتحديد الأقسام (الفرعية)، ثم عرض عناصر المعلومات المناسبة.
• قم بإنشاء صفحات منفصلة لكل مستوى قسم وتوفير عنصر تحكم تفصيلي لإظهار المستخدم أين هو / هي في التسلسل الهرمي للصفحة.
• قم بإنشاء نوع من القوائم المطوية التي يتم إخفاؤها تلقائيًا عندما يقرأ المستخدم عنصر معلومات.

في سؤال آخر حول SO، وجدت رابطًا لـ سفرجل, ربما يمكنك العثور على بعض الإلهام هناك أيضًا.

Answer 3

بامكانك ان تحاول:

• قائمة بنمط iPod (حيث تكون الأقسام الفرعية عبارة عن صفحات مخفية تنتقل من اليمين): http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/

أو كما قال دان:

• المربعات المنسدلة المتتالية: http://www.asp.net/AJAX/AjaxControlToolkit/Samples/CascadingDropDown/CascadingDropDown.aspx

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

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