نتائج خطة المسح الأكورديون

26 أكتوبر 2009 في الساعة 2:44 من جانب المسيحيين Crumlish | في التصميم ، تنمية | لا تعليقات

accordion-yahoo-sports وقبل أشهر قليلة شاركنا تفكيرنا الحالي على الأكورديون "" المكون الملاحة ، وطلب من المجتمع من مطوري ومصممي المواقع الذين قرأوا هذا بلوق لاتخاذ إجراء مسح لمساعدتنا على تحديد الافتراضات والممارسات الحالية ، وغيرها من المبادئ التوجيهية لدمج في الأكورديون النمط وتوفير مدخلات ليوي الأكورديون عنصر.

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

الذين استجابوا

المستطلعين عرفوا أنفسهم الطرق التالية :
accordion-respondents

  • مصمم 21.4 ٪
  • مطور 32.1 ٪
  • الهجين (كلاهما مصمم ومطور) 42.3 ٪
  • لا شيء من فوق 4.2 ٪

المصطلحات الأوسمة

الأغلبية الساحقة في جميع المجيبين على أن

  • الأكورديون والأكورديون القائمة تعني الشيء نفسه (73 ٪)
  • الأكورديون وشجرة تحكم هما شيئان مختلفان (89 ٪)

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

وقال إن غالبية أصغر الأكورديون وقابل للانهيار لوحات تشير إلى الشيء نفسه (60 ٪).

هذه الأغلبية كانت متسقة عبر الأدوار.

عرض الأكورديونات

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

بل ان الاغلبية الاكبر (72 ٪) ان الأكورديون ويمكن أن يكون على مستويين فقط (وهذا ينسجم مع التمييز بين الأكورديون والأشجار) :

accordion-2-levels

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

accordion-nested

كان هذا أحد الأسئلة التي وصفها الذاتي مصممين ومطوري استغرق طرفين متعارضين. 57 ٪ من المطورين واتفق على أن الهجائن الأكورديون قد تكون متداخلة ، في حين أن 64 ٪ من المصممين وقال انها قد لا تكون. (لا شيء من انقسام Aboves 50/50!)

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

كيف يجب ان يتصرفوا الأكورديونات

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

هذا السؤال أيضا على طول خطوط انقسام الهوية ، ولكن بطريقة غامضة. الهجينة المفضل لوحة واحدة في واحد في وقت حكم بأغلبية ضئيلة ، في حين والمصممين والمطورين وايا من Aboves اتفق على أن لوحات متعددة هي بخير بأغلبية أكبر قليلا.

accordion-multi-open

وأغلبية أكبر من ذلك بكثير (73 ٪) تعتقد ان الأكورديون يمكن أن تكون له دولة مغلقة تماما (أي أنه ليس من الضروري أن يكون هناك دائما مفتوحة لوحة واحدة). والخارجة الوحيد هو أن أيا من Aboves كسرت 60 ٪ للموقف الذي يجب دائما أن يكون هناك لوحة واحدة مفتوحة.

accordion-panels-closed

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

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

أغلبية ضئيلة جدا (51 ٪) واقترح أن تفتح على الأكورديون فوق (بدلا من يوم تحوم) وعلى ما يقرب من أقلية كبيرة (45 ٪) وقال ان هذا الامر يعتمد. ومن المثير للاهتمام ، أقل من 4 ٪ كانوا على استعداد للدولة ويجب أن يفتح على الأكورديون تحوم كقاعدة.

accordion-onclick

تعليقات مكتوبة حول هذه المسألة عرضت الكثير من الطعام الجيد للفكر ، مثل :

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

تعتمد على تكوين كل الأكورديون.

أطرح هذه الأمثلة معا [متعددة ، تجديد] ، بحيث يمكن للمطور فعليا استخدام "أفضل مناسبا" لاستخدام كل حالة على حدة.

كذلك ، ينبغي أن يكون هناك خيار استخدام التمديد مع قواعد مختلفة : (واحد من أكثر تكون مفتوحة) أو (العناصر التي ينبغي افتتح يوم مرر الفأرة فوق فقط).

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

سهولة الوصول

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

هنا هو أخذ عينات من نظرة أخرى حول الوصول مع الأكورديون :

أعتقد أنه من الأسلم أن نفترض أن هذا التفاعل الأكورديون هو التفاعل المتقدم. الكثير من المشاكل يمكن أن تنشأ سهولة الوصول إليها.

  1. المحتوى هو خفية وراء الألواح حتى الناس قد لا يعثر عليه.
  2. اعتمادا على حجم المنطقة القابلة للنقر عليها أو على الزناد لفتح / إغلاق الألواح يمكن أن تكون هناك مشاكل مع البراعة اليدوية اللازمة.

الأكورديون يجب فتح جميع الألواح إذا جافا سكريبت غير متوفر (على الرغم من أنه قد يسفر عن وميض "" لذوي جافا سكريبت).

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

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

لقد شاهدنا الحالة التي يكون فيها 'العلامة' للأكورديون كان على ارتباط كامل بعد بلوق ، وهكذا لا يمكن الأكورديون - نقر. وفي هذه الحالة ، كتبنا رمز الى المصدر مع شبيبة للقيام بهذه المهمة. قدمت رمز كبيرا بما فيه الكفاية و / أو يأتي مع مفتاح الوصول ، وأنا لا أرى صعوبة كبيرة...

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

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

الافراج عن خطة مشروع

وتساءل المعلق أحد القيود المصطنعة للمسح (شرطي عادلة ، اذا سألتني) :

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

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

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

وتوسيع نطاق مشاركة : احفظ مع ياهو! بلدي الويب | المرجعية مع del.icio.us | يسو ذلك! | بلوجم!

لا تعليقات حتى الآن »

آر إس إس للتعليقات على هذه الوظيفة. تراكباك أوري

ترك التعليق

ملاحظة : التعليقات خاضعة لغير المتفرغين الأولى. حذف البريد المزعج.

الأقسام المختلفة : <ahref=""title=""> <abbrtitle=""> <acronymtitle=""> <b><blockquotecite=""><cite><code><<deldatetime="">< > <i><qcite=""><strike><strong>

استضافته ياهو!

حقوق التأليف والنشر © 2006-2010 ياهو! جميع الحقوق محفوظة. سياسة الخصوصية -- شروط الخدمة

مدعوم من وورد على ياهو! استضافة ويب.