ياهو واجهة المستخدم المدونة (YUIBlog)

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

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

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

استجابت منظمة الصحة العالمية

تحديد المشاركين أنفسهم الطرق التالية :

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

مصطلحات الفروق

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

إمكانية الوصول

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

العثور على المحادثات : المدونات | technorati

وتوسيع حصة : مع الإشارة المرجعية متواجد حاليا | مراجعته ذلك! | reddit!