قائمة الفطائر

الموسوعة الحرة
قائمة الفطائر

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

تتكامل قوائم الفطيرة بشكل ممتاز مع تسريع لوحة المفاتيح، لا سيما القوائم التي تحتوي على أربعة أو ثمانية عناصر، باستخدام مفاتيح الأسهم ولوحة الأرقام . يهدف تصميم قوائم الفطيرة إلى توفير أسلوب تفاعل سلس وموثوق يعتمد على الإيماءات، سواء للمبتدئين أو الخبراء. [ 1 ] يمكن أن يؤدي اختيار جزء من القائمة إلى فتح قائمة فطيرة أخرى؛ وقد يؤدي تحديد هذا الجزء إلى توسيط المؤشر في القائمة الجديدة.

تُعدّ قائمة العلامات [ 2 ] شكلاً من أشكال هذه التقنية، حيث تجعل القائمة أقل حساسية لاختلاف حجم الإيماءات. [ 3 ]

باعتبارها نوعًا من قوائم السياق، فإن قوائم الفطيرة غالبًا ما تكون حساسة للسياق ، [ 4 ] حيث تعرض خيارات مختلفة اعتمادًا على ما كان يشير إليه المؤشر عند طلب القائمة.

تاريخ

يُنسب أول قائمة دائرية موثقة إلى نظام يُسمى PIXIE في عام 1969. وقد استكشفت بعض الجامعات تصميمات بصرية بديلة. [ 5 ]

في عام 1986، توصل مايك غالاغر ودون هوبكنز بشكل مستقل إلى مفهوم قائمة السياق القائمة على الزاوية بالنسبة إلى نقطة الأصل، حيث يمكن تمرير الزاوية الدقيقة ونصف القطر كمعلمات لأمر ما، ويمكن استخدام نقرة الماوس لتشغيل عنصر أو قائمة فرعية. [ 6 ]

أُجريت أول مقارنة للأداء مع القوائم الخطية في عام 1988، وأظهرت زيادة في الأداء بنسبة 15% في الوقت المستغرق وانخفاضًا في أخطاء الاختيار. [ 7 ]

تضمنت لعبة الفيديو " سيكريت أوف مانا" (Secret of Mana) ذات نمط لعب الأدوار نظام قائمة دائرية مبتكر يعتمد على الأيقونات في عام 1993. [ 8 ] وقد تم اعتماد نظام القائمة الدائرية هذا في ألعاب الفيديو اللاحقة. [ 9 ]

الاستخدام

تُعد قوائم الفطيرة واجهة إيماءات تكشف عن نفسها بنفسها : فهي تعرض خيارات متعددة للمستخدم وتوجهه لاختيار أحدها.

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

يُسهم تكرار الإجراءات وحفظ واجهة المستخدم في تبسيط تجربة المستخدم. تستفيد قوائم الفطيرة من قدرة الجسم على تذكر حركة العضلات واتجاهها ، حتى عندما ينسى العقل الرموز المقابلة لها. [ 1 ]

مقارنة بتقنيات التفاعل الأخرى

تُعدّ القوائم الدائرية أسرع وأكثر موثوقية في الاختيار من القوائم الخطية، لأنّ الاختيار يعتمد على الاتجاه لا المسافة. تتميز شرائح القائمة الدائرية بحجمها الكبير وقربها من المؤشر لتفاعل سريع (انظر قانون فيتس ). يستخدم المستخدمون ذوو الخبرة ذاكرتهم العضلية دون النظر إلى القائمة أثناء الاختيار منها. [ 1 ] [ 10 ] يمكن للقوائم الدائرية المتداخلة أن توفر العديد من الخيارات بكفاءة، كما يمكن لبعضها أن تُظهر قوائم خطية، وتجمع بين العناصر الخطية والدائرية في القائمة نفسها. [ 11 ] تظهر القوائم الدائرية، كأي قائمة منبثقة ، عند الطلب فقط، مما يُقلل من التشتيت البصري والجهد الذهني مقارنةً بأشرطة الأدوات وأشرطة القوائم التي تظهر دائمًا.

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

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

ومع ذلك، فقد ثبت أن استخدام تقنيات التفاعل التي لا تعتمد على المؤشرات يمثل مشكلة مع كل من القوائم الدائرية والخطية في بيئة سطح المكتب الرقمي المزدحمة، حيث قد تحجب العناصر المادية عناصر القائمة. [ 13 ]

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

تطبيقات بارزة

برمجة

قائمة دائرية في بيئة سطح المكتب Sugar

ألعاب

  • في لعبة Counter-Strike: Global Offensive ، قائمة الشراء عبارة عن قائمة دائرية.
  • استخدمت لعبة الفيديو " ذا سيمز" الصادرة عام 2000 قوائم دائرية بشكل مكثف للتفاعل الموجه من قبل اللاعب. وقد طُوّرت هذه القوائم الدائرية بشكل أساسي بواسطة دون هوبكنز . [ 22 ]
  • لعبة الفيديو Grand Theft Auto V ، لاختيار الأسلحة ومحطات الراديو [ 23 ]
  • Secret of Mana [ 24 ] وخليفتها Secret of Evermore (حيث تم استخدام القائمة لتسريع وتيرة القتال [ 25 ] )
  • لعنة جزيرة القرد ، وتسمى أيضًا "عملة الفعل" [ 26 ] [ 27 ]
  • تستخدم ألعاب شركة BioWare "عجلة الحوار"، وهي قائمة دائرية حاصلة على براءة اختراع

انظر أيضاً

مراجع

  1. ١ ٢ ٣ ٤ هوبكنز، دون (ديسمبر ١٩٩١). "تصميم وتنفيذ قوائم الفطائر" . مجلة دكتور دوبز . مؤرشف من الأصل في ٢٥ ديسمبر ٢٠٠٩. تم الاطلاع عليه في ١٥ ديسمبر ٢٠٠٩ .
  2. ↑ جوردون كورتنباخ1 وويليام بوكستون. "تعلم المستخدم وأداؤه مع قوائم العلامات" .{{cite web}}: صيانة CS1: الأسماء الرقمية: قائمة المؤلفين ( رابط )
  3. 1 2 "اختيار القوائم بكفاءة عالية: وضع علامات على القوائم لمنصة فلاش » مدونة b-log - مدونة betriebsraum" . مؤرشف من الأصل بتاريخ 26 فبراير 2010. تم الاطلاع عليه بتاريخ 7 أبريل 2010 . 
  4. ↑ دون هوبكنز. "قوائم الفطائر الديناميكية" . مؤرشف من الأصل بتاريخ 20 نوفمبر 2009. تم الاطلاع عليه بتاريخ 29 ديسمبر 2009 .
  5. ↑ جورد كورتنباخ (أبريل 2004). "ملاحظات حول تاريخ قوائم الطعام الدائرية وقوائم الطعام الدائرية وقوائم الطعام المحددة" .
  6. ↑ دون هوبكنز. "مقترح قوائم طعام ثيتا وتصاميم قوائم الفطائر - مايو 1986" . مؤرشف من الأصل بتاريخ 11 يونيو 2011. تم الاطلاع عليه بتاريخ 7 أبريل 2010 .
  7. ↑ كالهان، جاك؛ هوبكنز، دون؛ وايزر، مارك؛ شنايدرمان، بن (1988). "مقارنة تجريبية بين قوائم الطعام الدائرية والخطية". وقائع مؤتمر ACM CHI حول العوامل البشرية في أنظمة الحوسبة. الصفحات 95-100. http://doi.acm.org/10.1145/57167.57182
  8. ↑ الأبراج المحصنة وأجهزة الكمبيوتر المكتبية: تاريخ ألعاب تقمص الأدوار الحاسوبية . دار نشر CRC . 2008. ص 220. ISBN  9781439865248.
  9. ↑ "نظرة استعادية: سر مانا" . إيدج . فيوتشر بي إل سي . 1 يونيو 2014. مؤرشف من الأصل في 15 يوليو 2014. تم الاطلاع عليه في 20 أغسطس 2014 .
  10. ↑ شنايدرمان، بن ؛ بلايزانت، كاثرين؛ بوتافوغو، رودريغو؛ هوبكنز، دون ؛ ويلاند، ويليام. "التصميم لتسهيل التصفح: نظرة على متصفح محطة عمل هايبرتايز" . جامعة ميريلاند : مختبر التفاعل بين الإنسان والحاسوب. مؤرشف من الأصل بتاريخ 25 ديسمبر 2009. تم الاطلاع عليه بتاريخ 15 ديسمبر 2009 .
  11. ↑ هوبكنز، دون . "قوائم الفطائر على بايثون/GTK/Cairo لـ OLPC Sugar" . مؤرشف من الأصل في 27 أبريل 2007. تم الاطلاع عليه في 15 ديسمبر 2009 .
  12. ↑ "www.markingmenus.org" . مؤرشف من الأصل بتاريخ 28-03-2010 . تم الاطلاع عليه بتاريخ 07-04-2010 .
  13. ↑ ليثينجر، د؛ هالر، م (10-12 أكتوبر 2007). "تحسين التفاعل مع القوائم في بيئات سطح الطاولة المزدحمة باستخدام قوائم المسار التي يرسمها المستخدم". أنظمة التفاعل الأفقي بين الإنسان والحاسوب، 2007. TABLETOP '07. ورشة العمل الدولية السنوية الثانية لمعهد مهندسي الكهرباء والإلكترونيات. نيوبورت، رود آيلاند. ص 121-128 . doi : 10.1109/TABLETOP.2007.24 . ISBN  978-0-7695-2013-1.
  14. ↑ فهم الرسوم المتحركة ثلاثية الأبعاد باستخدام مايا بقلم جون إدغار بارك
  15. ↑ "Maximum PC أكتوبر 1998" . أكتوبر 1998.
  16. ↑ جون بريسلين . "قصة ذرتين: AtomPub وواجهة Atom" . newtechpost.com.
  17. ↑ "AUUGN مارس 2003" . مارس 2003.
  18. ↑ موزيلا فايرفوكس 4 (باللغة الألمانية)
  19. ↑ غراتسيانو، دان. "تأكد من استخدام قلم S Pen بشكل صحيح" . CNET .
  20. ↑ "قلم S Pen في جهاز Note 4 أفضل من أي وقت مضى: نظرة على الميزات" . موقع Android Authority . 2 أكتوبر 2014. مؤرشف من الأصل في 19 يناير 2022. تم الاطلاع عليه في 19 يناير 2022 .
  21. ↑ فريق العمل، GreenBot (14 أغسطس 2015). "4 ميزات جديدة جديرة بالذكر في هاتف Galaxy Note 5's S n" .
  22. ↑ هوبكنز، دون (2018-07-07). "لعبة سيمز، قوائم الفطيرة، تحرير إديث، وعرض توضيحي للبرمجة المرئية باستخدام سيمانتكس" . medium.com . مؤرشف من الأصل في 2018-12-19 . تم الاطلاع عليه في 18 ديسمبر 2018 .
  23. ^ سيتز ، دان (2013/09/17). ""لعبة Grand Theft Auto V تبدو وكأنها لعبة جديدة كلياً" . موقع Uproxx . تاريخ الاطلاع: 5 فبراير 2015 .
  24. ↑ كامبل، جريج. "سر مانا - نظرة على الماضي" . آر بي جيمر. مؤرشف من الأصل بتاريخ 18 يناير 2014. تم الاطلاع عليه بتاريخ 24 ديسمبر 2008 .
  25. ↑ "حلقة النار: كيف أتقنت لعبة Secret of Mana ألعاب تقمص الأدوار الحركية" . videogamesarerad.com. مؤرشف من الأصل بتاريخ 28 يوليو 2020. تم الاطلاع عليه بتاريخ 29 فبراير 2012 .
  26. ↑ "مراجعة: Unavowed" . davidyat.es . 3 فبراير 2019.
  27. ↑ "لعنة جزيرة القرد - أدلة اللاعبين" . gamerwalkthroughs.com .
  • وايزمان، ن. إي؛ ليمكي، هـ. يو؛ هايلز، ج. أو. "بيكسي: نهج جديد للاتصالات الرسومية بين الإنسان والآلة". وقائع مؤتمر التصميم بمساعدة الحاسوب لعام 1969، ساوثهامبتون، منشورات مؤتمرات معهد مهندسي الكهرباء والإلكترونيات، العدد 51 ، صفحة  463.
  • إضافة قائمة رادمني باستخدام جافا سكريبت/جيكويري ، مفتوحة المصدر
  • قائمة الزهور، المؤرشفة بتاريخ 15 أغسطس 2015 في أرشيف الإنترنت (Wayback Machine) ، هي تطبيق لقوائم العلامات في Qt.
  • Tcl/Tk - تطبيق بسيط بلغة Tcl/Tk خالصة
  • قوائم الفطائر في ويكي C2
  • قوائم الفطائر لـ Qt
  • قوائم دائرية لواجهة مستخدم OLPC Sugar، مكتوبة بلغة بايثون باستخدام وحدات GTK و Cairo و Pango
  • مقالة Slashdot: القوائم الدائرية في موزيلا
  • مكون قائمة دائرية من Asymetrix [ToolBook]، من تصميم باولو توسوليني . شفرة المصدر : Piemenu.com .
  • بايثون - قوائم دائرية مفتوحة المصدر بلغة بايثون لواجهة المستخدم GTK/Cairo/Pango/OLPC/Sugar، من تأليف دون هوبكنز .
  • OpenLaszlo - قوائم دائرية مفتوحة المصدر من OpenLaszlo لبرنامج Flash، من تطوير دون هوبكنز.
  • جافا سكريبت - قوائم دائرية مفتوحة المصدر مكتوبة بلغة جافا سكريبت لمتصفح إنترنت إكسبلورر، من تصميم دون هوبكنز.
  • إضافة JavaScript/jQuery Radmenu ، قوائم دائرية/دائرية مفتوحة المصدر تعمل بلغة JavaScript لجميع المتصفحات، من تطوير Nirvana Tikku.
  • ActiveX - قوائم دائرية مفتوحة المصدر مكتوبة بلغة C++ باستخدام ActiveX لمتصفح Internet Explorer، من تصميم دون هوبكنز.
  • X11 - مدير نوافذ X11 مفتوح المصدر "piewm" مع قوائم دائرية، من تصميم دون هوبكنز، ويتولى صيانته روس نيلسون .
  • TCL/Tk - برنامج مجاني Pie Menus لـ TCK/Tk، تمت كتابته في عام 1992 لـ SimCity بواسطة دون هوبكنز.
  • NeWS - برنامج مجاني قوائم فطيرة لـ NeWS 1.1 كتبه دون هوبكنز في مارس 1988.
  • X10 - برنامج مجاني لقوائم الفطيرة لمدير النوافذ X10 "uwm"، كتبه دون هوبكنز في يونيو 1986.
  • Suntools - برنامج مجاني، قوائم دائرية لبرنامج Suntools، كتبه مارك وايزر في يناير 1987 .
  • X10 - برنامج مجاني قوائم ثيتا، نموذج أولي لإثبات المفهوم لـ X10، كتبه دون هوبكنز في يونيو 1986.
  • مقالات عن قائمة الفطائر بقلم دون هوبكنز .
  • قوائم الدائرة بقلم جريج برونيفيتسكي.
  • قائمة الدائرة ثلاثية الأبعاد - قائمة المكعب مؤرشفة بتاريخ 2009-07-04 في Wayback Machine ، بواسطة conquex مع شفرة المصدر.
  • مكون قائمة دائرية من Asymetrix [ToolBook]، من تصميم باولو توسوليني . شفرة المصدر : Piemenu.com .
  • القوائم الدائرية لنظام التشغيل Windows ، مجلة دكتور دوب، نوفمبر 1992، الصفحات من 30 إلى 39، بقلم كارل رولو.
  • عرض توضيحي لقوائم الفطيرة في جافا ، بقلم كارل رولو.
  • قائمة فطيرة لمكتبة libGDX، وهي مكتبة مفتوحة المصدر لمطوري ألعاب جافا. يتوفر عرض توضيحي .
  • قائمة فطيرة WPF بقلم كريستوف مينج.
  • wheelnav.js ، مكون تنقل متحرك بتقنية جافا سكريبت يعتمد على مكتبة Raphaël (JavaScript) (SVG/VML) من تطوير softwaretailoring.net.
  • قائمة مراجع مشروحة حول الإيماءات وشاشات اللمس والحوسبة بالقلم .
  • RadialMenu ، برنامج مجاني خفيف الوزن لنظام التشغيل Windows، تمت برمجته باستخدام AutoHotkey.