Из Википедии, свободной энциклопедии
Перейти к навигации Перейти к поиску
Пироговое меню.

В конструкции пользовательского интерфейса , A меню пирога (также известное как радиальное меню ) представляет собой круглое контекстное меню , где выбор зависит от направления. Это графический элемент управления . Круговое меню состоит из нескольких «круговых кусочков» вокруг неактивного центра и лучше всего работает при вводе стилусом и хорошо работает с мышью . Ломтики пирога нарисованы с отверстием посередине, чтобы упростить выход из меню.

Круговые меню хорошо работают с ускорением клавиатуры, особенно меню с четырьмя и восемью пунктами, на клавишах курсора и цифровой клавиатуре . Задача круговых меню - обеспечить плавный и надежный жестовый стиль взаимодействия для новичков и экспертов. [1] Ломтик может вести к другому меню пирога; выбор этого может привести к центру указателя в новом меню.

Маркировки меню [2] представляет собой вариант этой технологии , что делает меню менее чувствительно к дисперсии в размере жеста. [3]

Как вид контекстного меню, меню пирогов часто контекстно-зависимые , [4] , показаны различные варианты в зависимости от того, что указатель указывал на то, когда было предложено меню.

История [ править ]

Первое задокументированное радиальное меню было приписано системе под названием PIXIE в 1969 году. Некоторые университеты исследовали альтернативные визуальные схемы. [5]

В 1986 году Майк Галлахер и Дон Хопкинс вместе независимо друг от друга пришли к концепции контекстного меню на основе угла к исходной точке, где точный угол и радиус могут быть переданы в качестве параметров команде, или радиус может использоваться для запуска подменю. . [6]

Первое сравнение производительности с линейными меню было проведено в 1988 году, показав увеличение производительности на 15% меньше времени и уменьшение ошибок выбора. [7]

В 1993 году ролевая видеоигра Secret of Mana показала инновационную систему радиального меню на основе значков. [8] Ее система кольцевого меню была принята в более поздних видеоиграх. [9]

Использование [ править ]

Для начинающих пользователей круговые меню просты, потому что они представляют собой самооткрывающийся интерфейс жестов : они показывают, что вы можете сделать, и направляют вас, как это делать. Щелкая и открывая круговое меню, просматривая метки, перемещая указатель в желаемом направлении, а затем щелкая, чтобы сделать выбор, пользователи изучают меню и практикуют жест, чтобы «отметить вперед» (в данном случае «мышь впереди» из мыши , «волна вперед» в случае dataglove ). Немного попрактиковавшись, можно легко разметить вперед даже через вложенные круговые меню.

Для эксперта пироговое меню более эффективно. Потому что у них могла быть мышечная память для определенных действий в меню, и они могли выбирать нужный вариант, не просматривая всплывающие меню. В некоторых случаях, только при более медленном использовании, как в традиционном меню, на экране появляется круговое меню, отображающее доступные варианты. Более того, новички могут постепенно стать экспертами, если они многократно практикуют один и тот же выбор кругового меню и начинают запоминать меню и движение. Как заметил Джарон Ланье из VPL Research : «Разум может забыть, но тело помнит». В меню пирога используется способность тела запоминать движение и направление мышц , даже если разум забыл соответствующие символические обозначения. [1]

Сравнение с другими методами взаимодействия [ править ]

Круговые меню быстрее и надежнее для выбора, чем линейные меню, потому что выбор зависит от направления, а не от расстояния. Круглые фрагменты меню имеют большой размер и расположены рядом с указателем для быстрого взаимодействия (см. Закон Фиттса ). Опытные пользователи используют мышечную память, не глядя в меню при выборе из него. [1] [10] Вложенные круговые меню могут эффективно предлагать множество параметров, а некоторые круговые меню могут открывать линейные меню и комбинировать линейные и радиальные элементы в одном меню. [11] Круговые меню, как и любое всплывающее меню , отображаются только по запросу, что снижает визуальное отвлечение и когнитивную нагрузку, чем панели инструментов и строки меню, которые отображаются всегда.

Круговые меню показывают доступные параметры, в отличие от невидимых жестов мыши . Круговые меню, которые откладывают появление до тех пор, пока указатель не перестанет двигаться, снижают навязчивость до того же уровня, что и жесты мыши для опытных пользователей. Круговые меню занимают больше места на экране, чем линейные меню, а количество фрагментов в отдельном меню должно быть низким для эффективности за счет использования подменю. При использовании круговых меню подменю могут перекрываться с родительским меню, но родительское меню может стать полупрозрачным или скрытым.

Пирог-меню больше всего подходят для действий, которые были составлены людьми, и имеют выбор логической группировки. Линейные меню наиболее подходят для динамических, больших меню, которые имеют много возможных вариантов без какой-либо логической группировки [1], поскольку круговые меню могут отображать только ограниченное количество пунктов меню. Около 3–12 элементов могут быть разумно размещены в радиальной компоновке, но добавляются дополнительные элементы, которые, как правило, сводят на нет преимущества использования круговых меню в первую очередь. Это можно преодолеть с помощью связанных методов, которые позволяют объединять команды в один жест через подменю. [3] [12]

Однако использование методов взаимодействия , не основанных на указателях , оказалось проблематичным как для круговых, так и для линейных меню для загроможденных цифровых столешниц, где физические объекты могут закрывать пункты меню. [13]

Круговые меню недоступны в качестве стандартного графического элемента управления в обычных коммерческих инструментах . Видеоигры часто требуют разработки пользовательских виджетов, поэтому стоимость кругового меню в этом конкретном сценарии ниже.

Известные реализации [ править ]

  • Secret of Mana [14] и его преемник Secret of Evermore (где меню использовалось для ускорения темпа боя [15] )
  • Blender , программа для 3D-моделирования с открытым исходным кодом, которая в настоящее время имеет круговые меню в качестве дополнительной функции.
  • Grand Theft Auto V , для выбора оружия и радиостанции [16]
  • PowerAnimator , коммерческая программа для 3D-моделирования, в которой использовались меню маркировки [17]
  • Расширения Mozilla и Mozilla Firefox RadialContext [18] [19] и easyGestures [20]
  • Autodesk Maya , коммерческая программа для 3D-моделирования [21]
  • Metisse и Unix Desktop Environment , оконные менеджеры для X Window System
  • modo , расширенный пакет моделирования поверхностей с использованием полигонов и сабдивов
  • Songza , музыкальный поисковик и музыкальный автомат в Интернете, в котором в качестве основного режима взаимодействия используется пироговое меню, автор - Аза Раскин.
  • Quicksilver через плагин Constellation
  • Sugar (GUI) , реализация GUI для проекта « Один ноутбук каждому ребенку »
  • BumpTop , рабочий стол компьютера, созданный для имитации бумажных файлов на реальном столе, который использует круговые меню, как и многие из его управляющих меню.
  • Браузер Android в Android
  • Приложение OneNote для Windows 8 и Windows RT
  • Вишневый драйвер мыши для питания Pad мыши M-1000 опционально предлагает контекстное меню кругового
  • Храм стихийного зла (видеоигра)
  • Mass Effect (видеоигра)
  • The Sims (видеоигра) , в которой широко использовались круговые меню для взаимодействия с игроком. Эти пироговые меню были в первую очередь разработаны Доном Хопкинсом . [22]
  • Вторая жизнь

См. Также [ править ]

  • Интерфейс на основе пересечения
  • Меню (вычисления)
  • Круговая диаграмма

Ссылки [ править ]

  1. ^ a b c d Хопкинс, Дон (декабрь 1991 г.). «Дизайн и реализация пироговых меню» . Журнал доктора Добба . Архивировано из оригинала на 2009-12-25 . Проверено 15 декабря 2009 года .
  2. ^ Гордон Куртенбах1 и Уильям Бакстон. «Обучение пользователей и производительность с помощью меню маркировки» .
  3. ^ a b «Чрезвычайно эффективный выбор меню: маркировка меню для платформы Flash» .
  4. ^ Дон Хопкинс. «Динамическое пироговое меню» . Архивировано из оригинала на 2009-11-20 . Проверено 29 декабря 2009 .
  5. ^ Горд Kurtenbach (апрель 2004). «Заметки по истории круговых меню, круговых меню и меню маркировки» .
  6. ^ Дон Хопкинс. «Предложение тета-меню и дизайн пирогового меню - май 1986 года» . Архивировано из оригинала на 2011-06-11 . Проверено 7 апреля 2010 .
  7. ^ Каллахан, Джек; Хопкинс, Дон; Вайзер, Марк; Шнейдерман, Бен (1988). «Эмпирическое сравнение пирога и линейного меню». Материалы конференции ACM CHI по человеческому фактору в вычислительных системах. С. 95–100. http://doi.acm.org/10.1145/57167.57182 .
  8. ^ Подземелья и рабочие столы: История компьютерных ролевых игр . CRC Press . 2008. с. 220. ISBN 9781439865248.
  9. ^ «Ретроспектива: Секрет маны» . Край . Future plc . 2014-06-01. Архивировано 15 июля 2014 года . Проверено 20 августа 2014 .
  10. ^ Шнейдерман, Бен ; Плезан, Екатерина; Ботафого, Родриго; Хопкинс, Дон ; Вейланд, Уильям. «Проектирование для облегчения просмотра: взгляд назад на браузер рабочей станции Hyperties» . Университет Мэриленда : Лаборатория взаимодействия человека и компьютера. Архивировано из оригинала на 2009-12-25 . Проверено 15 декабря 2009 года . Цитировать журнал требует |journal=( помощь )
  11. ^ Хопкинс, Дон . «Меню пирогов на Python / GTK / Cairo для OLPC Sugar» . Архивировано из оригинала на 2007-04-27 . Проверено 15 декабря 2009 года .
  12. ^ "www.markingmenus.org" . Архивировано из оригинала на 2010-03-28 . Проверено 7 апреля 2010 .
  13. ^ Leithinger, D; Халлер, М. (10–12 октября 2007 г.). «Улучшение взаимодействия с меню для загроможденных настольных систем с помощью нарисованных пользователем путевых меню». Горизонтальные интерактивные человеко-компьютерные системы, 2007. TABLETOP '07. Второй ежегодный международный семинар IEEE по теме . Ньюпорт, Род-Айленд. С. 121–128. DOI : 10,1109 / TABLETOP.2007.24 . ISBN 978-0-7695-2013-1.
  14. ^ Кэмпбелл, Грег. «Секрет Маны - Ретровью» . RPGamer. Архивировано из оригинала на 2014-01-18 . Проверено 24 декабря 2008 .
  15. ^ «Кольцо огня: как секрет маны усовершенствовал ролевую игру» . videogamesarerad.com. Архивировано из оригинала на 2020-07-28 . Проверено 29 февраля 2012 .
  16. ^ Seitz, Дэн (2013-09-17). " ' Grand Theft Auto V' играет как Whole New Game" . Uproxx . Дата обращения 5 февраля 2015 .
  17. ↑ Максимум ПК, октябрь 1998 г.
  18. ^ Джон Бреслин . «Сказка о двух атомах: AtomPub и интерфейс Atom» . newtechpost.com.[ постоянная мертвая ссылка ]
  19. ^ AUUGN марта 2003
  20. ^ Mozilla Firefox 4 (на немецком языке)
  21. ^ Понимание трехмерной анимации с использованием Maya Джона Эдгара Парка
  22. ^ Хопкинс, Дон (2018-07-07). "The Sims, Pie Menus, Edith Editing и SimAntics Visual Programming Demo" . medium.com . Проверено 18 декабря 2018 .
  • Wiseman, NE; Lemke, HU; Hiles, JO "PIXIE: Новый подход к графической связи человек-машина". Труды конференции САПР в Саутгемптоне 1969 г., публикация 51 конференции IEEE . п. 463.


Внешние ссылки [ править ]

  • Плагин JavaScript / jQuery Radmenu , Открытый исходный код = Внешние ссылки ==
  • Меню Цветок является маркирование реализация меню для Qt (программное обеспечение)
  • Tcl / Tk - простая реализация на чистом Tcl / Tk
  • Меню пирогов в c2 wiki
  • Круговые меню для Qt
  • Меню пирога для пользовательского интерфейса OLPC Sugar на Python с модулями GTK, Cairo и Pango
  • Статья на Slashdot: Круглые меню в Mozilla
  • Компонент кругового меню Asymetrix [ToolBook], автор Паоло Тосолини . Исходный код: [1] [2] .
  • Python - Меню пирога Python с открытым исходным кодом для пользовательского интерфейса GTK / Cairo / Pango / OLPC / Sugar, автор: Дон Хопкинс .
  • OpenLaszlo - круговые меню OpenLaszlo с открытым исходным кодом для Flash, автор: Дон Хопкинс.
  • JavaScript - круговые меню JavaScript с открытым исходным кодом для браузера Internet Explorer, автор: Дон Хопкинс.
  • Плагин Radmenu для JavaScript / jQuery , Радиальные / круговые меню JavaScript с открытым исходным кодом для ВСЕХ браузеров, от Nirvana Tikku.
  • ActiveX - круговые меню C ++ ActiveX с открытым исходным кодом для браузера Internet Explorer, автор: Дон Хопкинс.
  • X11 - оконный менеджер "piewm" X11 с открытым исходным кодом и круговыми меню, автор - Дон Хопкинс, поддерживается Рассом Нельсоном .
  • TCL / Tk - Бесплатное программное обеспечение Pie Menus для TCK / Tk, написанное в 1992 году для SimCity Доном Хопкинсом.
  • NeWS - Бесплатное программное обеспечение Pie Menus для NeWS 1.1, написанное в марте 1988 года Доном Хопкинсом.
  • X10 - Бесплатное программное обеспечение Pie Menus для оконного менеджера X10 "uwm", написанное в июне 1986 года Доном Хопкинсом.
  • Suntools - бесплатное программное обеспечение круговых меню для Suntools, написанное в январе 1987 года Марком Вейзером .
  • X10 - Бесплатное программное обеспечение Theta-меню, доказательство концептуального прототипа X10, написанное в июне 1986 года Доном Хопкинсом.
  • Статьи о пироге Дона Хопкинса
  • Круглые меню Грега Броневецкого.
  • Вариант меню 3D-круга - меню куба , обработанное исходным кодом.
  • Компонент кругового меню Asymetrix [ToolBook], автор Паоло Тосолини . Исходный код: [3] [4] .
  • Круговые меню для Windows , журнал доктора Добба, ноябрь 1992 г., стр. 30–39, Карл Ролло.
  • Демонстрация пироговых меню на Java , Карл Ролло.
  • Pie Menu для libGDX, библиотеки с открытым исходным кодом для разработчиков Java-игр. Доступна демонстрация .
  • WPF Pie Menu , Кристоф Менге
  • wheelnav.js , Анимированный компонент навигации JavaScript на основе Raphaël (библиотека JavaScript) (SVG / VML) от softwaretailoring.net
  • Аннотированная библиография ссылок на жесты, сенсорные экраны и перьевые вычисления