brinmax

«Филе абердин-ангуса, вскормленного на сочных лугах, с картофелем фри в розмарине» звучит гораздо аппетитнее, чем банальный «стейк с картофелем»

«В больших сетях, которые ежедневно посещает около миллиона человек, составление меню может занять до полутора лет, поскольку мы трижды тестируем его», — говорит Грегг Рэпп, инженер меню из города Палм-Спрингс в Калифорнии.

Уже 34 года он разрабатывает меню, как для маленьких кафе, так и для международных сетей.

«На просмотр меню клиенты обычно тратят не более нескольких минут, поэтому мы хотим, чтобы это время они использовали эффективно».

«Если они быстро найдут то, что искали, у них останется время выбрать что-то еще».

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

Шрифт

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

Тогда как сложный стиль оформления может даже повлиять на вкусовое восприятие пищи.

Швейцарские исследователи установили, что шрифт, которым написано название вина на бутылке, влияет на удовольствие от напитка.

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

Автор фото, Getty Images

Курсив ассоциируется с качеством

Исследование самого Спенса выявило даже, что округлые шрифты потребители часто ассоциируют со сладковатым вкусом, а заостренные — с солоноватым, кислым или горьким.

«Рестораны могут воспользоваться этим, чтобы подтолкнуть людей заказывать дорогие блюда», — объясняет специалист, который недавно выпустил книгу на эту тему «Гастрофизика: новая наука питания».

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

Описание блюд

Такой стиль описания блюд широко используются в пищевой промышленности. Так, например, делает британская торговая сеть Marks & Spencer, описывая свои товары в рекламе высокопарными чувственными эпитетами.

«Это не просто пудинг, — провозглашает рекламный ролик. — Это — бельгийский шоколадный десерт, политый сливками из молока альпийских коров, который тает во рту». И продажи взлетают на 3500 процентов.

Слова имеют огромное влияние на наш выбор блюда. Описание блюда в меню может увеличить продажи на треть.

Этот метод работает особенно эффективно, если в описании указано происхождение ингредиентов: «Домашнее печенье с цуккини, как у вашей бабушки» звучит куда привлекательнее, чем «печенье из кабачков».

«Упоминание о ферме, где вырастили овощи, или название породы свиньи добавляют продукту подлинности, — объясняет Спенс. — Потребители воспринимают это как признак качества, даже если названия вымышленные. А описание вкуса делают блюдо более привлекательным».

Автор фото, Jez Timms

А действительно ли вино вкуснее, если на бутылке красуется изящная этикетка?

И дело не только в значениях слов, но и в их произношении. Исследователи из Кельнского университета в Германии в прошлом году выяснили нечто неожиданное.

Названия блюд, произношение которых имитирует жевательный процесс, усиливают вкус пищи. Прежде всего это касается слов, произношение которых задействует сначала переднюю часть речевого аппарата, а затем на заднюю, например, вымышленное слово «Бодок».

Эффект есть даже во время чтения молча, видимо потому, что мозг все равно стимулирует органы речи, даже если мы не произносим слова вслух.

По мнению авторов исследования, это способствует работе слюнных желез.

На выбор клиента положительно влияют бренды в названии блюд, а также ностальгические высказывания, такие как «домашний» или «старый добрый», объясняет Брайан Вансинк из лаборатории пищи и брендинга при Корнельском университете.

Порция патриотизма и семейного уюта уверенно увеличивает продажи.

Длина слов и цвет

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

Профессор вычислительной лингвистики Дэн Джурафски из Стэнфордского университета проанализировал названия и цены 650 тысяч блюд в 6,5 тысяч меню.

Он выяснил, что, чем длиннее слово, которым описывается блюдо, тем дороже оно стоит.

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

«Если вы просто напишете «Нью-йоркский стейк, 43 доллара», блюдо будет казаться слишком дорогим. Но если вы напишете целый абзац о качестве и происхождении его ингредиентов, а также о давних традициях рецепта, цена уже будет казаться более оправданной», — объясняет Рапп .

Автор фото, Getty Images

Изображение блюд в меню ассоциируют с дешевым фаст-фудом

«Однако, важно, чтобы описания в меню отражали настоящие убеждения ресторатора, иначе они будут выглядеть фальшивкой. История, которую вы создаете вокруг блюда, должна быть личной и искренней», — добавляет он.

Не менее важную роль играют и цвета в меню. Зеленый обычно ассоциируется с натуральными и свежими продуктами, а оранжевый стимулирует аппетит, отмечает Аарон Аллен, эксперт по психологии меню из Орландо во Флориде.

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

Чтобы поощрить посетителей заказывать дорогие блюда, рестораны прибегают и к другим уловкам. Например, снижение цены на несколько центов (или копеек), в результате, цена 5,99 доллара кажется ниже, чем целых 6 долларов.

Это, конечно, старая затея, которую широко используют в розничной торговле. Впрочем, рестораны пошли еще дальше, убрав из цен отметку доллара, фунта или иной валюты соответственно.

«Денежный знак является болезненным напоминанием клиенту, что он тратит деньги, — объясняет Аллен. — Менее болезненно воспринимается цифра без обозначения валюты, а еще лучше — если цена записана словами».

Порядок блюд и их количество

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

«Можно увеличить прибыль ресторана на тысячи долларов, просто переставив позиции в меню», — говорит Аллен.

С помощью технологии отслеживания движения глаз исследователи выяснили, что посетители читают меню, как правило, очень похожим образом.

Это обычно напоминает просмотр книги, но есть несколько особых мест на странице, где останавливаются глаза клиента.

«Это обычно верхняя правая часть страницы, ну, и конечно — первый пункт сверху», — добавляет исследователь.

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

«Оптимальный вариант — это пять блюд, три — просто замечательно», — говорит Рэпп.

Фотографии блюд

Есть и другие способы привлечь внимание к определенным пунктам. Например, обвести название блюда рамкой. Это хорошо работает с дорогими блюдами, например, стейками.

Некоторые рестораны обозначают новые или сезонные блюда с помощью логотипа. Фотографии блюд являются также эффективным приемом, но его восприятие зависит от традиций.

Во многих странах меню с изображением блюд ассоциируется с дешевым фаст-фудом и может оттолкнуть требовательных клиентов.

«Проблема с фотографиями заключается в том, что когда мы их видим, мозг начинает представлять вкус, и само блюдо может разочаровать, — предупреждает Рэпп. — В действительности пища часто не выглядит такой идеальной, как на картинке».

И все же аппетитные изображения еды (food porn) играют все большую роль с переходом ресторанного бизнеса в цифровую эпоху.

Мы все чаще заказываем еду в интернете через смартфоны или интерактивные дисплеи за столом

Автор фото, Getty Images

Электронные меню будущего смогут не только показать видео блюда, но и угадать ваши вкусы

«Тягучий сыр или желток, который немного растекается по тарелке, воспринимаются привлекательно, — отмечает Спенс. — Когда меню станут цифровыми, появится больше возможностей продемонстрировать красоту пищи с помощью видео или анимации».

Меню будущего смогут даже предвидеть, что вы хотите заказать, прежде чем вы сами осознаете это, уверен Аллен.

Пару лет назад пиццерия Pizza Hut ввела технологию наблюдения за движением глаз. Она должна была определять, какие ингредиенты из 20 предложенных выберет клиент, и рекомендовать ему лучшую комбинацию.

По мнению Аллена, искусственный интеллект и компьютерная обработка смогут углубить эту идею.

Программа проанализирует ваш выбор во время последнего визита в ресторан и предложит другие ингредиенты, учитывая ваши вкусы.

«На эффективный дизайн меню и изучение психологии клиента ресторанная индустрия годами тратила миллиарды долларов, — говорит специалист. — Но возможности, которые открывает четвертая промышленная революция — просто огромные».

«Представьте, что вы сможете заказывать блюдо из ваших любимых ингредиентов одним кликом», — добавляет он.

А вы все еще уверены, что филе абердин-ангуса, вскормленного на сочных лугах, — это именно то, что вы хотели заказать?

Встреча гостей.

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

Общие правила.

• Всегда держите вход в ресторан в поле зрения. Если гостей не встретить, то у них сложится впечатление, что их здесь не ждут. Даже если вы заняты, подойдите и сообщите, что сейчас пригласите другого официанта.

• Расстояние между вами и гостем должно быть нейтральным – примерно метр. Улыбнитесь, установите визуальный контакт.

• Первым приветствуйте гостей. Огромное значение придаётся первым фразам. Стандартные приветствия:

«Доброе утро» — до 12.00.
«Добрый день» — до 17.00.
«Добрый вечер» — до 23. 00.
«Доброй ночи» — до 04.00.
• Произнесите располагающие фразы, например:
«Добро пожаловать в ресторан «Дача».
«Мы рады приветствовать вас в ресторане «Ля ронд».
«Нам очень приятно, что вы выбрали наш ресторан, и постараемся сделать этот вечер для вас незабываемым».
• Представьтесь по имени.
• Уточните, забронирован ли столик, а так же количество гостей. Если столик не резервировался, спросите: «Где бы вы хотели присесть? Могу предложить вам великолепное место в центре зала или уютный столик возле бара».
• Проведите гостей, выбирая кротчайший путь к столику (делать это стоит таким образом, что бы не поворачиваться к гостям спиной).
• Если гости у вас впервые, кратко расскажите им о вашем ресторане.

Дополнительные правила.

• Необходимо определить временные рамки визита гостей (спешат они или не спешат). В зависимости от этого следует выбрать определённую тактику обслуживания и подачи блюд.
• Не делите гостей на плохих и хороших.
• Держитесь приветливо, но с достоинством.
• Говорите чётко и внятно, простыми предложениями.

Начало обслуживания.

• Если гостей проводила хостес, подойдите, поздоровайтесь, представьтесь: «Добрый день, меня зовут Наталия. Сегодня я буду вас обслуживать».
• Гостей принято рассаживать за столом по очереди. Сначала женщины, потом мужчины или сначала пожилые люди, потом молодые. Женщин принято усаживать по левую сторону от мужчин.
• Если пришла пара – мужчина и женщина, выдержите маленькую паузу, тем самым дайте возможность кавалеру поухаживать за дамой.
• Салфетку стелют на колени гостя только с его разрешения:

«Вы позволите, я постелю вам салфетку?»
Или: «Разрешите, я постелю вам салфетку».

• Когда вы стелите салфетку, нельзя смотреть на колени гостю.
• Постелите салфетки каждому поочерёдно (желательно в направлении часовой стрелки).

 Аперитив.
Когда и как подавать.
1. После того как гости расположились за столом, следует подать карту напитков и предложить аперитив.
2. По очереди примите заказ у каждого из гостей.
3. Запишите  особые пожелания (лёд, температура подачи и т.д.)
4. Повторите заказ гостям.
5. Передайте заказ в бар.
6. Подайте аперитивы гостям.

В качестве аперитива можно предложить:  вино, шампанское, вермут, херес, портвейн, водку, битеры или коктейли с ними, настойки.

Правила подачи аперитивов.
1. Расположите напитки на подносе по порядку, так, что бы вам было удобно выставлять и подавать каждому гостю.
2. Встаньте за гостем, держа поднос в левой руке.
3. Подайте напиток правой рукой с правой стороны.
4. Бокалы располагаются справа, напротив столовых ножей.

Вечеслав Зацепилов. (Журнал BARNEWS)

10 примеров идей дизайна меню Killer Bar — на линии

ОТКАЗ ОТ ОТВЕТСТВЕННОСТИ. Этот контент предоставляется только в информационных целях и не предназначен для юридических, бухгалтерских, налоговых, кадровых или других профессиональных консультаций. Вы сами несете ответственность за соблюдение законов и правил. Вам следует обратиться к своему адвокату или другому соответствующему консультанту за советом, относящимся к вашим обстоятельствам.

Меню сильного бара состоит не только из вкусных закусок и меню напитков.Отличный дизайн, развивающийся список напитков и привлекательный текст могут повысить вовлеченность клиентов и помочь вам продавать больше напитков.

Независимо от того, готовитесь ли вы открыть бар или переделываете существующее меню, следует помнить несколько советов. Как менеджер бара, владелец или оператор, учтите:

• Как часто вы меняете варианты напитков? Ежемесячное или сезонное добавление новых напитков заинтересует гостей и заставит клиентов возвращаться, чтобы посмотреть, какие новинки вы предлагаете.

• Сколько вариантов напитков вы предлагаете? Вы не хотите перегружать своих клиентов слишком большим количеством вариантов, но хотите, чтобы их было достаточно, чтобы было несколько вариантов на любой вкус.

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

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

В инженерном меню есть четыре категории пунктов меню: ваши звезды (высокая прибыль, высокая популярность), ваши пазлы (высокая прибыль, низкая популярность), ваши плуг (низкая прибыль, высокая популярность), а ваши собак (низкая прибыль, низкая популярность). Это касается и меню напитков!

Чтобы найти лучшие напитки и выделить их в своем меню, просмотрите данные о продажах и отчеты из POS-системы бара, а затем воспользуйтесь нашей бесплатной рабочей таблицей разработки меню ниже.Затем вы можете погрузиться в наши дизайнерские идеи, помня о своих звездах и растущей прибыли.

подписаться

Ресторанные новости, советы и истории — прямо в вашем почтовом ящике.

Присоединяйтесь к веселью. Обещаем не спамить вас, клянусь.

Подписаться на новости Для отправки форм на нашем веб-сайте у вас должен быть включен Javascript.Если вы хотите связаться с Toast, позвоните нам по телефону:

(857) 301-6002

Мы будем обрабатывать вашу информацию в соответствии с нашим заявлением о конфиденциальности .

РЕСУРС

Курс разработки меню

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

Скачать Для отправки форм на нашем веб-сайте у вас должен быть включен Javascript. Если вы хотите связаться с Toast, позвоните нам по телефону:

(857) 301-6002

Разместите свои звездочки на весь экран 

Как только вы определитесь со звездными напитками, разместите их в правом верхнем углу или в верхнем центре вашего меню — первые два места, на которые будут обращать внимание ваши гости при просмотре вашего меню.

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

Посмотрите, как Plonk Missoula в Миссуле, штат Монтана, показывает свой рейс пино нуар в верхней части своего красивого меню.

Соотнесите меню бара с темой или концепцией

Убедитесь, что меню бара, как и все остальное меню, хорошо сочетается с вашей тематикой, чтобы впечатления гостей были более последовательными и запоминающимися.

Бар Brava в Миннеаполисе, штат Миннесота, делает большую работу по сохранению единообразия внешнего вида на своем веб-сайте, в меню напитков и в социальных сетях.

Используйте высококачественные фотографии или попросите художника сделать набросок ваших напитков

Исследования показали, что добавление привлекательной фотографии рядом с пунктом меню может увеличить продажи на 30 процентов. Добавьте несколько красивых фотографий ваших самых красивых коктейлей, особенно если они подаются в забавном бокале или особенно достойны Instagram.

Одно предостережение: не используйте посредственные фотографии в своем меню.Всегда лучше не использовать фотографии, чем плохие фотографии.

Если ваше меню невелико и вы не хотите использовать полноразмерные фотографии, это также отличный вариант, чтобы поработать с художником, который может создать эскизы ваших напитков, чтобы они соответствовали эстетике вашего бара. В баре Water Bear в Бойсе, штат Айдахо, в меню есть красивые рисунки каждого коктейля.

Esotico Miami сделал то же самое, но в стиле, соответствующем тики-атмосфере бара.

Напишите креативный текст и выделите напитки с помощью изменения размера шрифта

Расширьте бренд и индивидуальность своего ресторана с помощью заголовков и описаний.

Интересные заголовки и забавные описания радуют гостей и помогают создать и определить бренд и тон вашего ресторана. Меню Citrus and Salt в Бостоне, Массачусетс, такое же веселое и креативное, как и декор их ресторана, а названия напитков креативны, а иногда и остроумны. (Одним из их вариантов напитков является «Я не писал тебе, а текила писала»)

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

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

Читать дальше

Меню + Еда

Как сделать ваше меню прибыльным с помощью дизайна меню ресторана

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

Играйте с яркими цветами и используйте фигуры и выноски

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

Или для незабываемого максималистского образа выберите яркий фон, например, Sidecar в Сан-Диего, Калифорния.Они также используют множество форм и шрифтов, чтобы привлечь внимание ко всем своим различным предметам.

РЕСУРС

Рабочая таблица меню

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

Скачать Для отправки форм на нашем веб-сайте у вас должен быть включен Javascript.Если вы хотите связаться с Toast, позвоните нам по телефону:

(857) 301-6002

Разделите меню бара и меню блюд

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

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

В ресторане Central Provisions в Портленде, штат Мэн, есть отдельные меню напитков и блюд, но они прекрасно сочетаются друг с другом и достаточно малы, чтобы меню напитков сохранялось во время еды.

Выберите правильный материал для создания барного меню 

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

Посмотрите на это творческое использование потрепанных карточек и металлических колец от Bible Club в Портленде, штат Орегон:

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

Создайте меню вне стола

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

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

И для любого бара в районе с высокой проходимостью сэндвич-панель — всегда отличная идея.

Специальное предложение (+ сезонные коктейли)

Предлагайте новые оригинальные коктейли каждый месяц и сделайте их главными в своем меню и в социальных сетях.

Они могут быть привязаны к сезону (например, мул с яблочным сидром осенью или клюквенная маргарита зимой), определенным праздникам или особому событию. Сезонные и тематические напитки — отличный способ разнообразить свое меню в течение года и побудить клиентов часто возвращаться, чтобы узнать, какой новый напиток месяца.

Earl’s в Бостоне, Массачусетс, каждый месяц предлагает новый напиток стоимостью 7 долларов, начиная от мартовского коктейля Коллинз и заканчивая декабрьской зимней сангрией.

Сделайте так, чтобы меню вашего бара работало на вас

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

Чтобы получить еще больше вдохновения, ознакомьтесь с приведенными ниже бесплатными настраиваемыми шаблонами меню.

Связанные бизнес-ресурсы для бара

РЕСУРС

Шаблоны меню ресторана

Используйте эти шаблоны меню в качестве отправной точки для дизайна вашего меню или для его обновления.

Скачать Для отправки форм на нашем веб-сайте у вас должен быть включен Javascript. Если вы хотите связаться с Toast, позвоните нам по телефону:

(857) 301-6002

Панели инструментов Windows 7 — приложения Win32

• Статья
• 10.12.2021
• 26 минут на чтение
Полезна ли эта страница?

Пожалуйста, оцените свой опыт

да Нет

Любая дополнительная обратная связь?

Отзыв будет отправлен в Microsoft: при нажатии кнопки отправки ваш отзыв будет использован для улучшения продуктов и услуг Microsoft. Политика конфиденциальности.

Представлять на рассмотрение

В этой статье

Примечание

Это руководство по проектированию было создано для Windows 7 и не обновлялось для более новых версий Windows. Большая часть рекомендаций в принципе применима, но презентация и примеры не отражают наши текущие рекомендации по проектированию.

Панели инструментов — это способ группировки команд для эффективного доступа.

Некоторые типовые панели инструментов.

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

Некоторые панели инструментов можно настраивать, что позволяет пользователям добавлять или удалять панели инструментов, изменять их размер и расположение и даже изменять их содержимое. Некоторые типы панелей инструментов можно открепить, что приведет к открытию окна палитры. Дополнительные сведения о разновидностях панелей инструментов см. в разделе Шаблоны использования в этой статье.

Это правильный пользовательский интерфейс?

Чтобы решить, рассмотрите эти вопросы:

• Является ли окно основным? Панели инструментов хорошо работают для основных окон, но обычно перегружены для дополнительных окон.Для дополнительных окон вместо этого используйте командные кнопки, кнопки меню и ссылки.
• Небольшое количество часто используемых команд? Панели инструментов не могут обрабатывать столько команд, сколько строки меню, поэтому они лучше всего подходят для эффективного доступа к небольшому количеству часто используемых команд.
• Большинство команд немедленные? То есть в основном это команды, не требующие дополнительного ввода? Чтобы быть эффективными, панели инструментов должны иметь прямое и непосредственное ощущение.Если нет, строки меню лучше подходят для команд, требующих дополнительного ввода.
• Можно ли представить большинство команд напрямую? То есть пользователи взаимодействуют с ними с помощью одного клика? Хотя некоторые команды могут быть представлены с помощью кнопок меню, представление большинства команд таким образом снижает эффективность панели инструментов, делая панель меню лучшим выбором.
• Хорошо ли команды представлены значками? Кнопки панели инструментов обычно представлены значками вместо текстовых меток (хотя некоторые кнопки панели инструментов используют и то, и другое), тогда как команды меню представлены своим текстом.Если значки команд не высокого качества и не говорят сами за себя, строка меню может быть лучшим выбором.

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

Концепции дизайна

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

Панели инструментов и строки меню

Традиционно панели инструментов отличаются от строк меню следующим образом:

• Частота. Панели инструментов представляют только наиболее часто используемые команды, в то время как панели меню каталогизируют все доступные команды верхнего уровня в программе.

• Немедленность. Щелчок по команде панели инструментов вступает в силу немедленно, тогда как для команды меню может потребоваться дополнительный ввод. Например, команда «Печать» в строке меню сначала отображает диалоговое окно «Печать», а кнопка «Печать» на панели инструментов немедленно распечатывает одну копию документа на принтере по умолчанию.

  В этом примере нажатие кнопки «Печать» на панели инструментов немедленно распечатывает одну копию документа на принтере по умолчанию.

• Прямота. Команды панели инструментов вызываются одним щелчком мыши, тогда как команды строки меню требуют навигации по меню.

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

• Размер и внешний вид. Чтобы разместить множество команд на небольшом пространстве, на панелях инструментов обычно используются команды на основе значков (с метками на основе всплывающих подсказок), а на панелях меню используются текстовые команды (с необязательными значками). Хотя кнопки панели инструментов могут иметь стандартные текстовые метки, они занимают значительно больше места.

  Помеченные кнопки панели инструментов занимают как минимум в три раза больше места, чем не помеченные.

• Не требует пояснений. Хорошо спроектированные панели инструментов нуждаются в значках, которые в основном говорят сами за себя, потому что пользователи не могут эффективно находить команды, просто используя всплывающие подсказки. Однако панели инструментов по-прежнему работают хорошо, если несколько менее часто используемых команд не говорят сами за себя.

  В этом примере наиболее часто используемые значки говорят сами за себя.

• Узнаваемый и различимый. Для часто используемых команд пользователи запоминают атрибуты кнопок панели инструментов, такие как расположение, форма и цвет. С хорошо продуманными панелями инструментов пользователи могут быстро находить команды, даже если они не помнят точный символ значка. Напротив, пользователи запоминают расположение часто используемых команд в строке меню, но полагаются на метки команд при выборе.

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

  Для команд строки меню пользователи полностью зависят от своих меток.

Эффективность

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

Если сделать только одно…

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

Скрытие строк меню

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

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

Чтобы устранить эту избыточность, многие простые программы в Windows Vista сосредоточены на предоставлении команд исключительно через панель инструментов и скрытии строки меню по умолчанию. К таким программам относятся Windows Explorer, Windows Internet Explorer, Windows Media Player и Windows Photo Gallery.

Это немалое изменение. Удаление строки меню коренным образом меняет характер панелей инструментов, поскольку такие панели инструментов должны быть всеобъемлющими и изменяться следующим образом:

• Частота. Удаление строки меню означает, что все команды, недоступные непосредственно из окна или его контекстных меню, должны быть доступны из панели инструментов, независимо от частоты их использования.

• Немедленность. Удаление строки меню делает панель инструментов единственной видимой точкой доступа для команд, требуя, чтобы панель инструментов имела полнофункциональные версии. Например, если нет строки меню, команда «Печать» на панели инструментов должна отображать диалоговое окно «Печать» вместо немедленной печати.(Хотя использование сплит-кнопки в этом случае является отличным компромиссом. Стандартную сплит-кнопку «Печать» см. в разделе Стандартное меню и сплит-кнопки.)

  В этом примере кнопка панели инструментов «Печать» в фотоальбоме Windows имеет команду «Печать», которая отображает диалоговое окно «Печать».

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

Панели инструментов, используемые в дополнение к строке меню, разработаны иначе, чем панели инструментов, предназначенные для использования с удаленной или скрытой строкой меню.И поскольку вы не можете предположить, что пользователи будут отображать скрытую строку меню для выполнения одной команды, скрытие строки меню следует рассматривать так же, как и полное ее удаление при принятии дизайнерских решений. (Если вы скрыли строку меню по умолчанию, не думайте, что пользователи будут думать об отображении строки меню, чтобы найти команду или даже выяснить, как ее отобразить. )

Разработка панели инструментов для работы без строки меню часто требует некоторых компромиссов. Но для эффективности не идите на компромисс слишком много. Если скрытие строки меню приводит к неэффективной панели инструментов, не скрывайте строку меню!

Доступность клавиатуры

Доступ к панелям инструментов с клавиатуры сильно отличается от доступа к строкам меню.Строки меню получают фокус ввода, когда пользователи нажимают клавишу Alt, и теряют фокус ввода при нажатии клавиши Esc. Когда строка меню получает фокус ввода, она перемещается независимо от остальной части окна, обрабатывая все клавиши со стрелками, клавиши «Домой», «Конец» и «Tab». Напротив, панели инструментов получают фокус ввода, когда пользователи нажимают клавишу Tab по всему содержимому окна. Поскольку панели инструментов находятся последними в порядке табуляции, для их активации на загруженной странице могут потребоваться значительные усилия (если только пользователи не знают, что нужно использовать Shift+Tab для перемещения назад).

Специальные возможности представляют здесь дилемму: в то время как панели инструментов проще для пользователей мыши, они менее доступны для пользователей клавиатуры. Это не проблема, если есть и строка меню, и панель инструментов, но проблема возникает, если строка меню удалена или скрыта.

Из соображений доступности предпочтительнее сохранить строку меню, чем полностью удалить ее в пользу панели инструментов. Если вам нужно выбрать между удалением строки меню и простым ее скрытием, лучше скрыть ее.

Шаблоны использования

Панели инструментов имеют несколько шаблонов использования:

Панели инструментов имеют следующие стили:

Наконец, элементы управления панели инструментов имеют несколько шаблонов использования:

Использование	Пример
Кнопки со значками команд нажатие кнопки запускает немедленное действие.	Примеры командных кнопок со значками из программы «Факсы и сканирование Windows».
Кнопки со значком режима Щелчок по кнопке режима включает выбранный режим.	Примеры кнопок режимов из Windows Paint.
Кнопки со значками свойств Состояние кнопки свойств отражает состояние выбранных в данный момент объектов, если таковые имеются. нажатие кнопки применяет изменение к выбранным объектам.	Примеры кнопок свойств из Microsoft Word.
Кнопки со значками с метками кнопка команды или кнопка свойств, помеченная значком и текстовой меткой.	эти кнопки используются для часто используемых кнопок панели инструментов, значок которых недостаточно понятен. они также используются на панелях инструментов, на которых так мало кнопок, что каждая кнопка может иметь текстовую метку. Панель инструментов с помеченными наиболее часто используемыми кнопками.
Кнопки меню командная кнопка, используемая для представления небольшого набора связанных команд.	один треугольник, указывающий вниз, означает, что при нажатии на кнопку открывается меню. Кнопка меню с небольшим набором связанных команд.
Кнопки разделения командная кнопка, используемая для объединения вариантов команды, особенно когда одна из команд используется большую часть времени.	сплит-кнопка в нормальном состоянии. , как и кнопка меню, один треугольник, указывающий вниз, указывает на то, что при нажатии на крайнюю правую часть кнопки отображается меню. выпадающая сплит-кнопка. в этом примере сплит-кнопка используется для объединения всех команд, связанных с печатью. команда немедленной печати используется большую часть времени, поэтому пользователям обычно не нужно видеть другие команды. , в отличие от кнопки меню, щелчок левой части кнопки выполняет действие непосредственно над меткой. Кнопки разделения эффективны в ситуациях, когда следующая команда, вероятно, будет такой же, как и последняя команда. в этом случае метка изменяется на последнюю команду, как в палитре цветов: В этом примере метка изменяется на последнюю команду.
Раскрывающиеся списки раскрывающийся список (редактируемый или только для чтения), используемый для просмотра или изменения свойства.	В этом примере раскрывающиеся списки используются для просмотра и установки атрибутов шрифта. Раскрывающийся список на панели инструментов отражает состояние выбранного в данный момент объекта, если он есть. Изменение списка изменяет состояние выбранного объекта.

Рекомендации

Презентация

• Выберите подходящий стиль панели инструментов в зависимости от количества команд и их использования. См. предыдущую таблицу стилей панели инструментов, чтобы узнать, как выбрать. Избегайте использования конфигурации панели инструментов, которая занимает слишком много места в рабочей области программы.

• Разместите панели инструментов непосредственно над областью содержимого, под строкой меню и адресной строкой, если они есть.

• Если место ограничено, экономьте место с помощью:

  • Пропуск меток известных значков и менее часто используемых команд.
  • Использование только части панели инструментов вместо всей ширины окна.
  • Объединение связанных команд с помощью кнопки меню или сплит-кнопки.
  • Использование шеврона переполнения для отображения менее часто используемых команд.
  • Отображение команд только в том случае, если они применяются к текущему контексту.

  Панель инструментов Windows Internet Explorer экономит место за счет исключения меток известных значков, использования частичной панели инструментов и использования шеврона переполнения для менее часто используемых команд.

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

  Неверно:

  Конфигурация по умолчанию с более чем двумя рядами панелей инструментов приводит к чрезмерному визуальному беспорядку.

• Отключить отдельные кнопки панели инструментов, которые не применяются к текущему контексту, вместо их удаления.Это делает содержимое панели инструментов стабильным и его легче найти.

• Отключить отдельные кнопки панели инструментов, если нажатие на них приведет к ошибке. Это необходимо для поддержания прямого ощущения.

• Для шаблона панели инструментов без меток со значками удалите целые панели инструментов, если они не применимы к текущему контексту. Отображать их только в соответствующих режимах.

  В этом примере панель инструментов «Отладка» отображается только во время работы программы.

• Кнопки панели инструментов дисплея выровнены по левому краю. Значок справки, если он присутствует, выровнен по правому краю.

  Все кнопки панели инструментов выровнены по левому краю, кроме кнопки «Справка».

  Исключение: Панели инструментов в стиле Windows 7 выравнивают по левому краю специальные команды программы, но выравнивают по правому краю стандартные, хорошо известные команды, такие как «Параметры», «Просмотр» и «Справка».

• Не изменять динамически метки кнопок панели инструментов. Это сбивает с толку и неожиданно.Однако вы можете изменить значок, чтобы он отражал текущее состояние.

  В этом примере значок изменен, чтобы указать команду по умолчанию.

Элементы управления и команды

• Отдайте предпочтение наиболее часто используемым командам.

  • Для основных панелей инструментов предоставьте исчерпывающие команды. Основные панели инструментов не обязательно должны быть такими всеобъемлющими, как строки меню, но они должны предоставлять все команды, которые невозможно найти где-либо еще.На основных панелях инструментов не обязательно иметь команды для:
    • Команды, находящиеся непосредственно в пользовательском интерфейсе.
    • Доступ к командам обычно осуществляется через контекстные меню.
    • Стандартные, хорошо известные команды, такие как «Вырезать», «Копировать» и «Вставить».
  • Для дополнительных панелей инструментов укажите наиболее часто используемые команды. Команды строки меню представляют собой расширенный набор команд панели инструментов, поэтому вам не нужно указывать все. Сосредоточьтесь на быстром и удобном доступе к командам и пропустите все остальное.

• Предпочитают прямое управление. Используйте кнопки панели инструментов в следующем порядке предпочтения:

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

• Предпочитает немедленные команды. Для команд, которые могут быть либо немедленными, либо иметь дополнительный ввод для гибкости:

  • Для основных панелей инструментов используйте гибкие версии команд (например, Печать…).
  • Для дополнительных панелей инструментов используйте непосредственные версии на панели инструментов (например, «Печать») и используйте гибкие версии в строке меню (например, «Печать…»).

• Обеспечьте метки для часто используемых команд, особенно если их значки не являются общеизвестными значками.

  Допустимо:

  Лучше:

  Панель инструментов Windows Fax and Scan содержит несколько команд, поэтому в лучшей версии отмечены наиболее важные из них.

• Не помещайте команды в меню панели инструментов, которые также находятся непосредственно на панели инструментов.

  Неверно:

  В этом примере кнопка «Печать» находится непосредственно на панели инструментов, поэтому ее не обязательно использовать в меню.

Организация и порядок

• Организуйте команды на панели инструментов в связанные группы.

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

• Используйте разделители групп, только если команды между группами слабо связаны. Это делает группы более очевидными и упрощает поиск команд.

  Примеры сгруппированных панелей инструментов из Почты Windows.

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

  Допустимо:

  Лучше:

  В лучшем примере команда Удалить физически отделена от команды Печать.

• Используйте шеврон переполнения, чтобы указать, что не все команды могут быть отображены. Но используйте переполнение только в том случае, если недостаточно места для отображения всех команд.

  Неверно:

  Шеврон переполнения указывает на то, что отображаются не все команды, но их может быть больше с лучшим расположением.

• Убедитесь, что наиболее часто используемые команды доступны непосредственно с панели инструментов (то есть не в переполнении) в небольших окнах. При необходимости измените порядок команд, переместите менее часто используемые команды на кнопки меню или разделенные кнопки или даже полностью удалите их с панели инструментов.Если это остается проблемой, пересмотрите свой выбор стиля панели инструментов.

Скрытие строк меню

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

• Скройте строку меню по умолчанию, если дизайн панели инструментов делает ее излишней.
• Скройте строку меню, а не удаляйте ее полностью, поскольку строки меню более доступны для пользователей с клавиатурой.
• Чтобы восстановить строку меню, установите флажок Строка меню в категории меню Вид (для основных панелей инструментов) или Инструменты (для дополнительных панелей инструментов).Дополнительные сведения см. в разделе Стандартное меню и разделенные кнопки.
• Отображение строки меню, когда пользователи нажимают клавишу Alt, и установка фокуса ввода на первую категорию меню.

Взаимодействие

• При наведении отображать доступность кнопки, чтобы указать, что значок можно щелкнуть. По истечении времени ожидания всплывающей подсказки отобразить всплывающую или информационную подсказку.

  В этом примере показаны различные состояния дисплея.

• При одиночном щелчке левой кнопкой мыши:

  • Для командных кнопок взаимодействуйте с элементом управления как обычно.

  • Для кнопок режима: отобразите элемент управления, чтобы отразить текущий выбранный режим. Если режим влияет на взаимодействие с мышью, также измените указатель.

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

  • Для кнопок свойств и раскрывающихся списков отобразите элемент управления, чтобы отразить состояние выбранных в данный момент объектов, если таковые имеются. При взаимодействии обновите состояние элемента управления и примените изменение к выбранным объектам.Если ничего не выбрано, ничего не делайте.

• При двойном щелчке левой кнопкой мыши выполните то же действие, что и при одиночном щелчке левой кнопкой мыши.

  • Исключение: В редких случаях команду панели инструментов можно использовать более эффективно в модальном режиме. В таких случаях используйте двойной щелчок для переключения режима.

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

• При щелчке правой кнопкой мыши:

  • Для настраиваемых панелей инструментов: отобразите контекстное меню для настройки панели инструментов. Отображение меню при щелчке правой кнопкой мыши вниз, а не вверх.
  • Для других панелей инструментов ничего не делать.

Значки

• Предоставьте значки для всех элементов управления панели инструментов, кроме раскрывающихся списков.

  Раскрывающимся спискам не нужны значки, но нужны все остальные элементы управления панели инструментов.

  Исключение: Панели инструментов в стиле Windows 7 используют значки только для команд, значки которых хорошо известны; в противном случае они используют текстовые метки без значков. Это улучшает четкость надписей, но требует больше места.

• Убедитесь, что значки панели инструментов четко видны на фоне цвета фона панели инструментов. Всегда оценивайте значки панели инструментов в контексте и в режиме высокой контрастности.

• Выберите дизайн значков, который четко указывает на их назначение, особенно для наиболее часто используемых команд. Хорошо спроектированные панели инструментов нуждаются в значках, которые не требуют пояснений, поскольку пользователи не могут эффективно находить команды с помощью всплывающих подсказок. Однако панели инструментов по-прежнему работают хорошо, если значки для нескольких менее часто используемых команд не говорят сами за себя.

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

• Убедитесь, что значки панели инструментов соответствуют рекомендациям по значкам в стиле Aero.

Дополнительные сведения и примеры см. в разделе Значки.

Стандартное меню и разделенные кнопки

Если вы используете кнопки меню и разделенные кнопки на панели инструментов, старайтесь по возможности использовать следующие стандартные структуры меню и соответствующие им команды. В отличие от строк меню, команды панели инструментов не используют клавиши доступа.

Основные панели инструментов

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

Файл

НовыйCtrl+N Открыть…Ctrl+O Закрывать <разделитель> СохранитьCtrl+S Сохранить как… <разделитель> Отправить <разделитель> Печать…Ctrl+P Предварительный просмотр печати Настройка страницы <разделитель> ВыходAlt+F4(сочетание клавиш обычно не дается)

Редактировать (кнопка меню)

Отменить Ctrl+Z ПовторитьCtrl+Y <разделитель> ВырезатьCtrl+X КопироватьCtrl+C ВставитьCtrl+V <разделитель> Выделить всеCtrl+A <разделитель> DeleteDel(сочетание клавиш обычно не дается) Переименовать. .. <разделитель> Найти…Ctrl+F Найти nextF3(команда обычно не дается) Заменить…Ctrl+H Перейти к…Ctrl+G

Печать (разделенная кнопка)

Печать… Ctrl+P Предварительный просмотр печати <разделитель> Настройка страницы

Вид (кнопка меню)

Строка меню (отметьте, отображается ли) Панель сведений (отметьте, отображается ли она) Панель предварительного просмотра (отметьте, отображается ли она) Строка состояния (проверьте, видна ли она) <разделитель> Увеличить УвеличитьCtrl++ Уменьшить Ctrl+- <разделитель> Размер текста (выбранный параметр отмечен маркером)

Самый большой Больше Середина Меньше Самый маленький

<разделитель> Полный экранF11 ОбновитьF5

Инструменты(кнопка меню)

… <разделитель> Опции

> Справка (разделенная кнопка, используйте значок справки)

Дополнительные панели инструментов

Эти команды дополняют стандартные строки меню. В этом списке показаны метки кнопок (и тип) с их порядком и разделителями, сочетаниями клавиш и многоточиями. Обратите внимание, что команда для отображения и скрытия строки меню находится в меню Инструменты.

Имена категорий дополнительных панелей инструментов отличаются от имен стандартных категорий меню, поскольку они должны быть более всеобъемлющими.Например, вместо категории «Редактировать» используется категория «Организовать», так как она содержит команды, не связанные с редактированием. Чтобы обеспечить согласованность между строками меню и панелями инструментов, используйте стандартные имена категорий меню, если это не вводит в заблуждение.

Неверно:

В этом примере панель инструментов должна использовать «Правка» вместо «Упорядочить» для согласованности, поскольку она имеет стандартные команды меню «Правка».

Палитра окон

• В окнах палитры используются более короткие строки заголовка, чтобы минимизировать занимаемое ими место на экране. Поместите кнопку «Закрыть» в строку заголовка.

• Задайте для текста строки заголовка команду, отображающую окно палитры.

• Используйте заглавные буквы в предложениях без знаков препинания в конце.

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

  В этом примере пользователи могут щелкнуть правой кнопкой мыши строку заголовка, чтобы отобразить контекстное меню.

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

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

Персонализация

• Обеспечьте настройку панелей инструментов, состоящих из двух или более строк. Только стиль непомеченных значков нуждается в настройке. Простые панели инструментов с несколькими командами не нуждаются в настройке.

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

• Предоставьте контекстное меню со следующими командами:

  • Список флажков для отображения доступных панелей инструментов
  • Блокировка/разблокировка панелей инструментов
  • Настроить. ..

• Блокировка настраиваемых панелей инструментов по умолчанию для предотвращения случайных изменений.

• Для команды «Настроить» отобразите диалоговое окно параметров , в котором можно выбрать отображаемые панели инструментов и команды на каждой панели инструментов.

  В этом примере Visual Studio предоставляет диалоговое окно параметров для настройки своих панелей инструментов.

• Введите команду «Сброс», чтобы вернуться к исходной конфигурации панели инструментов в диалоговом окне «Параметры настройки».

• Предоставьте возможность настраивать панели инструментов с помощью перетаскивания следующими способами:

  • Установка порядка и положения панелей инструментов.
  • Установите длину панелей инструментов, отображая любые панели инструментов, которые слишком малы для отображения их содержимого, с помощью шеврона переполнения.
  • Если поддерживается, открепите панели инструментов, чтобы они стали окнами палитры, и наоборот.

  Когда отображается диалоговое окно параметров настройки:

  • Установите содержимое панели инструментов.
  • Установите порядок содержимого панели инструментов.

  Это позволяет пользователям вносить изменения более непосредственно и эффективно.

• Сохранение всех настроек панели инструментов, для каждого пользователя.

Использование многоточия

Хотя команды панели инструментов используются для немедленных действий, иногда для выполнения действия требуется дополнительная информация.Используйте многоточие, чтобы указать, что для вступления команды в силу требуется дополнительная информация. Поставьте многоточие в конце всплывающей подсказки и метки, если она есть.

В этом примере команда «Печать…» отображает диалоговое окно «Печать» для сбора дополнительной информации.

Однако, если команда не может вступить в силу немедленно, многоточие не требуется. Так, например, в параметрах общего доступа нет многоточия, хотя для этого требуется дополнительная информация, потому что команда не может вступить в силу немедленно.

В команде «Настройки общего доступа» нет многоточия, поскольку она не может вступить в силу немедленно.

Поскольку панели инструментов отображаются постоянно, а свободное место ограничено, многоточие следует использовать нечасто .

Рекомендуемые размеры и интервалы

Рекомендуемые размеры и интервалы для стандартных панелей инструментов.

Этикетки

Общий

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

Кнопки со значками без надписей

• Используйте всплывающую подсказку, чтобы пометить команду. Для текста всплывающей подсказки используйте метку, которая была бы, если бы кнопка была маркирована, но включите клавишу быстрого доступа, если она есть.

  Пример всплывающей подсказки кнопки со значком.

Кнопки с маркировкой

• Используйте краткую этикетку. Используйте одно слово, если возможно, максимум четыре слова.

• Поместите метку справа от значка.

• Используйте информационную подсказку для описания команды. Поскольку кнопки помечены, использование всплывающей подсказки вместо информационной подсказки было бы излишним.

  Пример информационной подсказки с помеченной кнопкой со значком.

Выпадающие списки

• Если в списке всегда есть значение, используйте текущее значение в качестве метки.

  В этом примере текущее выбранное имя шрифта действует как метка.

• Если редактируемый раскрывающийся список не имеет значения, используйте подсказку.

  В этом примере подсказка используется для метки раскрывающегося списка.

Кнопки меню и раздельные кнопки

• Предпочитает имена кнопок меню на основе глаголов. Однако опустите глагол, если это «Создать», «Показать», «Просмотреть» или «Управление». Например, кнопки меню Инструменты и Страница не имеют глаголов.
• Используйте одно конкретное слово, которое четко и точно описывает содержимое меню. Хотя имена не должны быть настолько общими, чтобы описывать все в меню, они должны быть достаточно предсказуемыми, чтобы пользователи не удивлялись тому, что они находят в меню.
• Хотя это и не требуется, предоставьте описания информационных подсказок, если они будут полезны.

Пункты меню

• Используйте названия пунктов меню, которые начинаются с глагола, существительного или именной фразы.
• Предпочитайте имена меню на основе глаголов. Однако опустите глагол, если это «Создать», «Показать», «Просмотреть» или «Управление».Например, следующие команды не используют глаголы:
  • О
  • Расширенный
  • Полный экран
  • Новый
  • Опции
  • Свойства
• Используйте определенные глаголы. Избегайте общих, бесполезных глаголов, таких как Change и Manage.
• Используйте существительные в единственном числе для команд, которые применяются к одному объекту, в противном случае используйте существительные во множественном числе.
• Для пар дополнительных команд выбирайте четко дополняющие имена. Примеры: добавить, удалить; Показать спрятать; Вставить, Удалить.
• Выбирайте названия пунктов меню, исходя из целей и задач пользователя, а не технологии.
• Используйте следующие названия пунктов меню по назначению:
  • Опции: Для отображения опций программы.
  • Настроить: Для отображения параметров программы, специально связанных с конфигурацией механического пользовательского интерфейса.
  • Персонализация: Для отображения сводки часто используемых параметров персонализации.
  • Предпочтения: Не использовать. Вместо этого используйте параметры.
  • Свойства: Для отображения окна свойств объекта.
  • Настройки: Не использовать в качестве метки меню. Вместо этого используйте параметры.
• Элементы меню, которые отображают подменю, никогда не имеют многоточия на своей этикетке. Стрелка подменю указывает, что требуется другой выбор.

Документация

При обращении к панелям инструментов:

• Если имеется только одна панель инструментов, обращайтесь к ней как к панели инструментов.
• Если имеется несколько панелей инструментов, обращайтесь к ним по имени, за которым следует слово панель инструментов. Обратитесь к основной панели инструментов, которая включена по умолчанию и содержит кнопки для основных задач, таких как открытие и печать файла, как к стандартной панели инструментов.
• Панель инструментов — это одно слово без заглавных букв. (Напротив, строка меню состоит из двух слов.)
• Обращайтесь к кнопкам панели инструментов по меткам их всплывающих подсказок. Используйте точный текст метки, включая заглавные буквы, но без многоточия.
• Обращайтесь к кнопкам меню панели инструментов по их меткам и словесному меню.Используйте точный текст метки, включая его заглавные буквы.
• К элементам управления панели инструментов обычно относятся как к кнопкам панели инструментов.
• Чтобы описать взаимодействие с пользователем, используйте щелчок для кнопок панели инструментов и раскрывающихся списков, доступных только для чтения, и введите для редактируемых раскрывающихся списков. Не используйте выбор, выбор или выбор.
• Не используйте каскадные, раскрывающиеся, раскрывающиеся или всплывающие окна для описания кнопок меню, за исключением документации по программированию.
• Относитесь к недоступным элементам как к недоступным, а не как затемненные, отключенные или серые.Использование disabled в документации по программированию.
• По возможности выделяйте метки полужирным шрифтом. В противном случае заключайте метки в кавычки только в случае необходимости во избежание путаницы.

Примеры:

• В меню Страница на панели инструментов нажмите Отправить страницу по электронной почте .
• В поле Шрифты на панели инструментов введите «Segoe UI».
• На панели инструментов Форматирование выберите Показать и щелкните Комментарии .

Меню | Electron

Создание собственных меню приложений и контекстных меню.

Процесс: Главное

Создает новое меню.

Статические методы​

Класс Menu имеет следующие статические методы:

Устанавливает меню в качестве меню приложения в macOS. В Windows и Linux Меню будет установлено как верхнее меню каждого окна.

Также в Windows и Linux вы можете использовать и в имени элемента верхнего уровня для указать, какая буква должна получить сгенерированный ускоритель.Например, используя &Файл для меню файла приведет к созданию ускорителя Alt-F , который открывает соответствующее меню. Затем указанный символ в метке кнопки получает подчеркивание, а символы и не отображаются в метке кнопки.

Чтобы избежать символов и в имени элемента, добавьте процедуру и . Например, &&Файл приведет к отображению &Файл на метке кнопки.

Передача нулевого значения приведет к подавлению меню по умолчанию. В Windows и Linux, это имеет дополнительный эффект удаления строки меню из окна.

Примечание: Меню по умолчанию будет создано автоматически, если приложение не установило его. Он содержит стандартные элементы, такие как Файл , Редактировать , Вид , Окно и Справка .

Возврат Меню | null — Меню приложения, если установлено, или null , если не установлено.

Примечание: Возвращенный экземпляр меню не поддерживает динамическое добавление или удаление пунктов меню. Свойства экземпляра по-прежнему могут подвергаться динамическому изменению.

Отправляет действие первому ответчику приложения. Это используется для эмуляция поведения меню macOS по умолчанию. Обычно вы использовали бы роль свойство MenuItem .

См. Руководство по обработке событий MacOS Cocoa. для получения дополнительной информации о собственных действиях macOS.

• шаблон (MenuItemConstructorOptions | MenuItem)[]

Возвращает Menu

Как правило, шаблон представляет собой массив опций для построения a Пункт меню. Использование может быть упомянуто выше.

Также к элементу шаблона можно прикрепить другие поля и они станут свойствами построенных пунктов меню.

Методы экземпляра

Объект меню имеет следующие методы экземпляра:

• параметры Объект (необязательно)
  • окно BrowserWindow (необязательно) — по умолчанию окно в фокусе.
  • x Число (необязательно) — по умолчанию используется текущая позиция курсора мыши. Должен быть объявлен, если объявлены и .
  • y Число (необязательно) — по умолчанию используется текущая позиция курсора мыши. Должен быть объявлен, если объявлено x .
  • positioningItem Номер (необязательно) macOS — индекс пункта меню для располагаться под курсором мыши в указанных координатах. Дефолт равно -1.
  • обратный вызов Функция (необязательная) — Вызывается при закрытии меню.

Выводит это меню как контекстное меню в BrowserWindow .

• browserWindow BrowserWindow (необязательно) — окно по умолчанию находится в фокусе.

Закрывает контекстное меню в окне браузера .

Добавляет элемент меню в меню.

Возвращает MenuItem | null элемент с указанным id

Вставляет элемент меню в позицию pos меню.

События экземпляра

Объекты, созданные с помощью new Menu или возвращенные Menu.buildFromTemplate , генерируют следующие события:

Примечание. Некоторые события доступны только в определенных операционных системах и помечен как таковой.

Возвраты:

Генерируется при вызове menu.popup() .

Возвраты:

Генерируется, когда всплывающее окно закрывается вручную или с помощью menu. closePopup() .

Свойства экземпляра

Объекты меню также имеют следующие свойства:

Массив MenuItem[] , содержащий элементы меню.

Каждое меню состоит из нескольких MenuItem и каждого MenuItem может иметь подменю.

Примеры​

Пример создания меню приложения с помощью простого API шаблона:

  const { app, Menu } = require('electron') 
 
 const isMac = process.platform === 'darwin' 
 
 const template = [
 
 ...(isMac ? [{ 
 метка: app.name, 
 подменю: [ 
 { роль: 'о'}, 
 { тип: 'разделитель'}, 
 { роль: 'услуги ' }, 
 { тип: 'разделитель' }, 
 { роль: 'скрыть'}, 
 { роль: 'hideOthers'}, 
 { роль: 'показать'}, 
 { тип: 'разделитель'}, 
 { роль: 'выход' } 
 ] 
 }] : []), 
 
 { 
 метка: 'Файл', 
 подменю: [ 
 isMac ? { роль: 'закрыть' } : { роль: 'выйти' } 
 ] 
 }, 
 
 { 
 метка: 'Изменить', 
 подменю: [ 
 { роль: 'отменить' }, 
 { роль: 'повторить' }, 
 { тип: «разделитель» }, 
 { роль: «вырезать» }, 
 { роль: «копировать» }, 
 { роль: «вставить»}, 
 . ..(isMac? [
 {роль: 'pasteAndMatchStyle'}, 
 {роль: 'удалить'}, 
 {роль: 'выбрать все'}, 
 {тип: 'разделитель'}, 
 { 
 метка: 'Речь' , 
 подменю: [ 
 { роль: 'startSpeaking' }, 
 { роль: 'stopSpeaking' } 
 ] 
 } 
 ] : [
 { роль: 'удалить' }, 
 { тип: 'разделитель' }, 
 { role: 'selectAll' } 
 ]) 
 ] 
 }, 
 
 { 
 label: 'View', 
 submenu: [
 { role: 'reload' }, 
 { role: 'forceReload' }, 
 { role: 'toggleDevTools'}, 
 {тип: 'разделитель'}, 
 {роль: 'resetZoom'}, 
 {роль: 'zoomIn'}, 
 {роль: 'zoomOut'}, 
 {тип: 'разделитель'}, 
 { роль: 'togglefullscreen' } 
 ] 
 }, 
 
 { 
 метка: 'Окно', 
 подменю: [
 {роль: 'свернуть'}, 
 {роль: 'увеличить'}, 
 ...(isMac? [
 {тип: 'разделитель'}, 
 {роль: 'спереди'}, 
 {тип: 'разделитель'}, 
 {роль: 'окно'} 
] : [
 {роль: ' close' } 
 ]) 
 ] 
 }, 
 { 
 роль: 'помощь', 
 подменю: [ 
 { 
 метка: 'Подробнее', 
 щелчок: async () => { 
 const { shell } = require ('электрон') 
 await shell. openExternal('https://electronjs.org') 
 } 
 } 
 ] 
 } 
 ] 
 
 const menu = Меню.buildFromTemplate(template) 
 Menu.setApplicationMenu(menu) 
  

Копировать

Процесс рендеринга

Чтобы создать меню, инициированное процессом рендерера, отправьте требуемый информацию основному процессу с использованием IPC, и основной процесс отображает меню от имени визуализатора.

Ниже приведен пример отображения меню, когда пользователь щелкает страницу правой кнопкой мыши:

  
 window.addEventListener('contextmenu', (e) => { 
 e.preventDefault() 
 ipcRenderer.send('show-context-menu') 
 }) 
 
 ipcRenderer.on('context-menu-command', (e, command) => { 
 
 }) 
 
 
 ipcMain.on('show-context -menu', (event) => { 
 const template = [ 
 { 
 label: 'Menu Item 1', 
 click: () => { event.sender.send('context-menu-command', 'menu -item-1') } 
 }, 
 { type: 'separator' }, 
 { label: 'Menu Item 2', type: 'checkbox', checked: true } 
 ] 
 const menu = Menu. buildFromTemplate(template) 
 menu.popup(BrowserWindow.fromWebContents(event.sender)) 
 }) 
  

Копировать

macOS имеет совершенно другой стиль меню приложения, чем Windows и Линукс. Вот несколько заметок о том, как сделать меню вашего приложения более похожим на нативное.

Стандартные меню

В macOS существует множество системных стандартных меню, таких как Службы и Меню Windows . Чтобы сделать ваше меню стандартным меню, вы должны установить роль одному из следующих, и Электрон распознает их и сделает их стали стандартными меню:

Стандартные действия пунктов меню

macOS предоставила стандартные действия для некоторых пунктов меню, например About xxx , Скрыть xxx и Скрыть другие .Чтобы установить действие пункта меню на стандартное действие, необходимо установить атрибут роль пункта меню.

Имя главного меню

В macOS метка первого элемента меню приложения всегда соответствует названию вашего приложения. имя, независимо от того, какой ярлык вы установите. Чтобы изменить его, измените пакет приложений Файл Info.plist . Видеть О информационных файлах списка свойств Чтобы получить больше информации.

Метод setMenu окон браузера может установить меню определенных окна браузера.

Вы можете использовать до , после , beforeGroupContaining , afterGroupContaining и id для управления размещением элемента при построении меню с помощью MenuT.buildF.

• до — вставляет этот элемент перед элементом с указанной меткой. Если ссылочный элемент не существует, элемент будет вставлен в конец меню. Также подразумевает, что рассматриваемый пункт меню должен быть помещен в ту же «группу», что и пункт.
• после — вставляет этот элемент после элемента с указанной меткой. Если ссылочный элемент не существует, элемент будет вставлен в конец меню. Также подразумевает, что рассматриваемый пункт меню должен быть помещен в ту же «группу», что и пункт.
• beforeGroupContaining — Предоставляет средства для объявления одного контекстного меню размещение их содержащей группы перед содержащей группой элемента с указанной меткой.
• afterGroupContaining — Предоставляет средства для объявления одного контекстного меню размещение их вмещающей группы после вмещающей группы элемента с указанной меткой.

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

Примеры​

Шаблон:

  [ 
 { id: '1', метка: 'one' }, 
 { id: '2', метка: 'two' }, 
 { id: '3', label: 'three' }, 
 { id: '4', label: 'four' } 
 ] 
  

Copy

Menu:

Template:

  [ 
 { id: '1', label: 'one ' }, 
 { тип: 'разделитель' }, 
 {id: '3', метка: 'три', beforeGroupContaining: ['1'] }, 
 {id: '4', метка: 'четыре', afterGroupContaining : ['2'] }, 
 { type: 'separator' }, 
 { id: '2', label: 'two' } 
 ] 
  

Копировать

Меню:

  - 3 
 - 4 
 - --- 
 - 1 
 --- 
 - 2 
  

Копия

Шаблон:

  [ 
 { id: '1', метка: 'один', после: ['3'] }, 
 { id: '2', label: 'two', before: ['1'] }, 
 { id: '3', label: 'three' } 
 ] 
  

Copy

Menu:

11 Примеры плавающих полос вы должны использовать сегодня [ БЕСПЛАТНО Шаблоны ] | Мониша Тангавел | Optinly

Липкое меню! Плавающие бары! И довольно много скользящих навигационных панелей дополняют недавнюю тенденцию. Липкие или плавающие полосы — не что иное, как постоянный родственник благородных всплывающих окон.

Не все, кроме ловких дельцов, будут пробовать липкие батончики. Поскольку он немного занимает веб-страницу, многие владельцы компаний не могут сохранить его на своей веб-странице. Это то место, где они упускают огромную возможность увеличить конверсию потенциальных клиентов.

Предоставляет посетителям единый доступ к любой веб-странице вашего сайта. Такая крутая техника!!

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

Вместо того, чтобы объяснять на страницах, пример объяснит больше, чем слово. Для начала вот список примеров липких плавающих полос. Несмотря ни на что, просто попробуйте и посмотрите, какие колебания положительно влияют на вашу кривую прибыли.

Активная кампания имеет простую плавающую панель подписки, доступную в нижней части веб-сайта.У него есть форма регистрации по электронной почте, которая отлично подходит для создания вашего маркетингового списка по электронной почте. В любом случае, у него также есть политика использования файлов cookie, закрепленная в нижней части.

В кампании используется привлекательная почтовая тема, контрастирующая с главной веб-страницей. ActiveCampaign также изменила копию, включив в нее социальное доказательство и любопытство. Это выигрышная комбинация, которая приводит к 800 новым подпискам каждый месяц.

Советник Coach - следующий пример плавающего бара. Возможно, вы видели кампанию с плавающей полосой во всех сообщениях блога.Черная полоса приветствия контрастирует с белыми веб-страницами. Это привлекательный пример плавающей панели для использования на веб-сайте.

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

На веб-сайте Ubersuggest вы можете увидеть прикрепленное предупреждение об обновлении в заголовке и доступную закрепленную боковую панель.Они проделывают невероятную работу по размещению меню сбоку страницы, не занимая при этом много места.

Как сохранить плавающую панель, не занимая много места? Является ли это возможным?

Конечно, да! Вы можете использовать его со скрытым переключателем меню.

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

Плавающие боковые панели на таких сайтах, как Sweaty Betty, стали популярными плавающими панелями в глазах интернет-маркетологов. Они рассматривали его как альтернативу приветственному бару.

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

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

Удивительно, но коэффициент конверсии составляет около 8,45%. Только представьте, каким будет коэффициент конверсии, если вы предпочитаете плавающие панели для своего сайта.

Envira Gallery — еще один удивительный пример плавающей панели, которая отлично подходит для производителей контента. Галерея Envira делает это простым, используя плавающие панели опций, чтобы побудить посетителей углубиться в сайт.

У Envira удивительная форма Да/Нет. Стратегический поворот здесь. Они отключили кнопку «Нет», чтобы перенаправить посетителей на часть основного контента.

Умный ход, не правда ли?

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

Если вы сталкивались с какими-либо известными новостными сайтами или сайтами, такими как Elementor, вы могли столкнуться с плавающим виджетом видео.Это всплывающее окно входа, которое превращается в постоянное липкое видео, когда посетители посещают сайт. Вместо «Да / Нет» или других липких полос есть огромные шансы на конверсию при использовании опции липкого виджета видео.

Когда посетитель заходит на сайт, на веб-странице остается виджет видео с плавающей полосой. Когда посетителя привлекает контраст, есть шансы либо кликнуть на видео, либо остаться на сайте. Итак, выберите подходящее конвертирующее видео в качестве липкого плавающего виджета видео.

Сайт Джеффа Булы отражает панель навигации, похожую на плавающую панель OptinMonster. Он имеет тенденцию сливаться, когда посетитель прокручивает страницу вверх или вниз. Тем не менее, это довольно эффективно, когда посетители впервые попадают на сайт.

Черная полоса приветствия сочетается с убедительным социальным доказательством, чтобы соблазнить предложение бесплатной информации. Вы также можете использовать зеленую кнопку CTA на плавающей панели, чтобы привлечь и побудить посетителя к действию.

Search Engine Journal имеет одну из любимых навигационных панелей среди маркетологов.Вы можете заметить плавающую полосу на всех страницах. Если вы посетите домашнюю страницу, вы найдете логотип, встроенный прямо в поле «Избранная история». Это один из основных компонентов отличного веб-сайта в стиле журнала. Но, если вы прокрутите вниз, вы действительно поймаете действительно крутую анимацию.

Плавающая полоса текста смещается вправо, и появляется анимация логотипа. Это помогает придать динамичный вид. Липкие панели имеют красивые выпадающие меню, отличные цвета, типографику и т. д.

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

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

Жевательная резинка использует концепцию напоминания о продуктах электронной коммерции.Это действительно крутой плавающий бар. Когда посетитель прокручивает страницу продукта на сайте электронной коммерции, владелец сайта может разместить липкую панель «Добавить в корзину», когда посетитель прокручивает основное изображение.

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

Наконец, вот привлекательный плагин WordPress с липкой плавающей панелью, используемый в WPForms. Это липкая полоса обратного отсчета в действии. Для сравнения, липкая полоса обратного отсчета в конечном итоге привлекает посетителей на целевую страницу.

Используя таймер обратного отсчета, вы можете легко создать срочную покупку продуктов. Это также помогает продемонстрировать четкое предложение и скидки на продукт на сайте. Это помогает посетителям получить ясность о продаже.

Итак, пример с плавающей полосой готов!

Теперь это бонусное время для вас!!

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

ПОЖАЛУЙСТА!

Шаблон Sticky Bar 1:

Этот шаблон можно использовать для создания списка адресов электронной почты для предстоящего бета-тестирования продукта. Шаблон от Optinly также кажется хорошим вариантом для увеличения количества подписчиков по электронной почте.

Шаблон липкой панели 2:

Если у вас несколько веб-сайтов или интернет-магазинов, вы можете использовать плавающие панели таргетинга на местоположение, чтобы направлять посетителей на целевую страницу.

Шаблон липкой панели 3:

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

Шаблон Sticky Bar 4:

Вы можете использовать этот шаблон, чтобы выделить и перенаправить посетителей на ваш наиболее конвертируемый блог.

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

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

Часто задаваемые вопросы

Как создать плавающую панель на моем сайте WordPress?

Создание плавающей панели для вашего сайта WordPress кажется очень простым. Нажмите здесь и ознакомьтесь с пошаговым руководством по созданию привлекательной плавающей панели на вашем веб-сайте.

Для чего используется плавающая панель?

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

Могу ли я использовать плавающие полосы для своего сайта электронной коммерции?

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

Создание строки меню для приложения FSEDIT

Процедура PMENU: создание строки меню для приложения FSEDIT

---

Особенности процедуры:

Опция оператора PROC PMENU: Варианты выписки ITEM: МЕНЮ оператор оператор SELECTION оператор SUBMENU

---

Этот пример создает строку меню, которую можно использовать в приложении FSEDIT для замены строка меню по умолчанию.Выбор, доступный в этих раскрывающихся меню, не разрешать конечным пользователям удалять или дублировать наблюдения.

 libname proclib  'SAS-data-library '; 

proc pmenu catalog=proclib.menucat;

проект меню;

пункт меню «Файл»=f; пункт 'Редактировать' submenu=editmnu; пункт меню «Прокрутка»=s; пункт меню "Помощь"=h;

меню f; пункт 'Назад' selection=g; пункт «Сохранить»; выбор g 'конец';

подменю editmnu sashelp.ядро.редактировать;

меню s; пункт «Следующие наблюдения» selection=n; пункт «Предыдущие наблюдения» selection=p; пункт «Верх»; пункт «Низ»; выбор n 'вперед'; выбор p 'назад';

меню h; пункт «Ключи»; пункт «Об этом приложении» selection=hlp; выбор hlp 'sethelp user. menucat.staffhlp.help; помощь'; покидать;


Следующая команда SETPMENU связывает настраиваемую строку меню с окно ФСЕДИТ.

 setpmenu proclib.menucat.project.pmenu;pmenu на 

Вы также можете указать строку меню в командной строке в FSEDIT или с CALL EXECCMD на языке управления экраном.

См. Ассоциирование строки меню с сеансом FSEDIT, чтобы узнать о других методах связывания настраиваемая строка меню с окном FSEDIT.

Copyright 1999 SAS Institute Inc., Кэри, Северная Каролина, США. Все права защищены.

Примеры исходного кода для наших учебных модулей

Пример компонентов веб-решения из учебного курса Well House Consultants
Подробнее о компонентах веб-решения [ссылка]

Исходный код: примеры.текстовый модуль: A100


Эта страница является только образцом — вы запустили сценарий «Исходный код
пример» на веб-сайте Well House Consultants, но
вы не сказали нам, какой пример вам нужен. Пожалуйста, следуйте
ссылкам, которые предоставлены, чтобы найти конкретный пример
, который вы ищете.

Узнайте об этом предмете

Книги по этой теме

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

Другие примеры

Этот пример взят из нашего учебного модуля «Компоненты веб-решения». Вы найдете описание темы и некоторые другие тесно связанные примеры на индексной странице модуля «Компоненты веб-решения».

Полное описание исходного кода

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

Многие другие учебные модули доступны для загрузки (для ограниченного использования) с наш центр загрузки под Лицензия Open Training Notes.

Прочие ресурсы

• Наш центр решений предлагает ряд более объемных технических статей.
• Наш архив форума Opentalk содержит центр вопросов и ответов.
• Рот Лошади дает ежедневный совет или мысль.
• Дополнительные ресурсы доступны через ресурсный центр.
• Все эти ресурсы можно найти через нашу поисковую систему
. • И здесь есть глобальный индекс.

Цель этого веб-сайта

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

Автор веб-сайта

Этот веб-сайт написан и поддерживается Консультанты Уэлл Хаус.

Условия использования

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

Эта программа защищена авторским правом Well House Consultants Ltd. Вы запрещено использовать его для проведения собственных учебных курсов без нашего предварительного письменного разрешения. Смотрите наши страницу о предоставлении учебных курсов для более подробной информации.

Любое из наших изображений в этом коде НЕ МОЖЕТ быть повторно использовано на общедоступном URL-адресе без нашего предварительное разрешение.Для личного использования добросовестно мы часто предоставляем вам разрешение что вы предоставляете обратную ссылку. При коммерческом использовании на веб-сайте взимается лицензионный сбор за каждое используемое изображение - подробности по запросу.

Пример строки меню — Документация по Enaml 0.9.1

 #-------------------------------------------------- ---------------------------------------------------------
# Copyright (c) 2013, Nucleic Development Team.
#
# Распространяется на условиях Модифицированной лицензии BSD.
#
# Полная лицензия находится в файле COPYING. txt, распространяемый вместе с этим программным обеспечением.
#------------------------------------------------- -----------------------------
""" Пример виджета `MenuBar`.  Этот пример демонстрирует использование виджета `MenuBar`. `MenuBar`
может иметь произвольное количество дочерних элементов, которые должны быть виджетами «Меню».
«Меню» может иметь произвольное количество дочерних элементов, которые должны быть «Меню».
виджеты или виджеты «Действие». Дочерний элемент `Menu` становится подменю, а
«Действие» представлено в виде кликабельного пункта меню. `MenuBar` должен быть
используется как дочерний элемент `MainWindow`.В этом примере также демонстрируется виджет ActionGroup. `Группа действий`
используется для логической группировки нескольких виджетов «Действие» вместе. Изменения к
состояние «включено» или «видимо» группы действий применяется ко всем
Виджеты «Действие» в этой группе. Кроме того, `ActionGroup`
первичный способ сделать виджеты `Action` эксклюзивными. Поведение по умолчанию
группы состоит в том, чтобы сделать все дочерние виджеты `Action` взаимоисключающими. Это можно отключить, установив «exclusive = False» в «ActionGroup».<< autodoc-me >>
"""
из enaml.widgets.api импортировать MainWindow, MenuBar, Menu, Action, ActionGroup  enamldef Main(MainWindow):
 Строка меню:
 Меню:
 заголовок = '&Файл'
 Действие:
 text = 'Новый файл\tCtrl+N'
 triggered :: print 'Создан новый файл'
 Действие:
 text = 'Открыть файл\tCtrl+O'
 triggered :: print 'Открыть файл активирован'
 Действие:
 text = 'Открыть папку...'
 triggered :: print 'Открытие папки запущено'
 Меню:
 заголовок = '&Редактировать'
 Действие:
 text = 'Отменить\tCtrl+Z'
 triggered :: print 'Отмена сработала'
 Действие:
 text = 'Повторить\tCtrl+R'
 сработало :: print 'Повторить сработало'
 Меню:
 title = 'Отменить выбор'
 Действие:
 text = 'Отменить вставку\tCtrl+U'
 triggered :: print 'Отменить вставку сработало'
 Действие:
 text = 'Повторить вставку\tCtrl+Shift+U'
 включено = ложь
 triggered :: print 'Повторить вставку активирован'
 Действие:
 разделитель = Истина
 Действие:
 text = 'Вырезать\tCtrl+X'
 triggered :: print "Вырезать сработало"
 Действие:
 text = 'Копировать\tCtrl+C'
 triggered :: print 'Копирование запущено'
 Действие:
 text = 'Вставить\tCtrl+V'
 triggered :: print 'Вставить сработавший'
 Меню:
 заголовок = '&Вид'
 Группа действий:
 Действие:
 проверяемый = Истина
 текст = 'Центр'
 toggled :: print '%s toggled %s' % (текст, 'вкл.