подробное руководство по дизайну сообществ ВК
Социальная сеть Вконтакте давно перестала быть всего лишь местом общения и поиска друзей. Сейчас это полноценная платформа для продажи товаров, услуг, продвижения компаний. Оформление групп, сообществ, пабликов Вконтакте – важнейший маркетинговый инструмент. Качественный дизайн страницы формирует доверие потребителей к компании. Перед запуском таргетированной рекламы, рекомендуем убедиться в том, что группа оформлена красиво, навигация продумана, а заказ товаров и услуг удобен.
Размеры изображений для Вконтакте с учетом нового дизайна
Не так давно команда социальной сети Вконтакте запустила новую версию сайта с измененным дизайном. Из-за обновления изменились параметры и принцип отображения аватарок, фотографий, товаров и меню групп. Чтобы группа выглядела стильно на любом устройстве, рекомендуем воспользоваться памяткой и скорректировать размеры изображений.
Актуальные размеры изображений ВК
Рассмотрим каждый элемент подробнее.
Аватар сообщества
Ошибка: изображение меньше 200х200 px
200х500 px — максимальный рекомендуемый размер изображений для аватара. Но при загрузке картинок до 7000 px ошибку не выдает. Лучший вариант — 200х300 px.
Пример
Загружаем изображение размером 200х800 px, с соотношением сторон 2:8. Файл успешно загружается, сайт не выдает никакой ошибки. Но требует выделить активную область изображения, которую и будет видеть пользователь. Здесь возникает проблема: выделить всю картинку нельзя, использовать получиться только область размером 200х500 px. Важно учитывать этот параметр при составлении технического задания для дизайнера.
Соотношение сторон аватара ВК
Прикрепленные изображения
После обновления дизайна социальной сети, многие пользователи столкнулись с тем, что прикрепленное изображение занимает не всю ширину ленты: остается кусок пустого пространства справа. Раньше картинки к постам растягивались автоматически, заполняя всю ширину. Теперь ширина ленты фиксирована, поэтому минимальная ширина изображения — 510 px. Лучше всего смотрятся квадраты и прямоугольники альбомной ориентации.
Пример
Возьмем изображение в форме квадрата с размером сторон 510 px. Добавив его к посту, мы увидим, что изображение отлично выглядит как в ленте полной версии сайта, так и в приложении. Фотография полностью заполняет пространство по ширине, не оставляя белых промежутков.
Изображение 510х510 px в ленте новостей
Не хуже, но немного по-другому выглядит прямоугольная фотография с шириной 510 px.
Изображение альбомной ориентации с шириной 510 px
Недостаток прямоугольного изображения виден в ленте на мобильных устройствах: фотография занимает меньше месте, а следовательно, привлекает меньше внимания пользователей.
Разница между квадратным и прямоугольным изображением в мобильной ленте ВК
Нельзя назвать это различие критичным, но пользователям мобильного приложения намного привычней видеть фотографии квадратной формы (как в Instagram).
Изображения к публикациям со ссылкой
При добавлении ссылки к посту ВК автоматически прикрепляет изображение из описания публикуемой странички.
При вставке ссылки в текст поста автоматически подтягивается заголовок и изображение
Информацию о заголовке, фотографию сеть берет из кода разметки Open Graph:
В строке «image» хранится изображение с котиком
При отсутствии информации в коде Open Graph, ВК берет данные из мета-тегов: Title, Description, а в качестве иллюстрации подтягивает первое изображение из статьи. Вы можете легко заменить фотографию, нажав на стрелочки под надписью «Ссылка».
Подбираем иллюстрацию к посту с ссылкой
Чтобы добавить свою иллюстрацию из сохраненных файлов или с компьютера, кликаем на значок фотокамеры.
Добавляем собственную иллюстрацию к посту с ссылкой
Как и ко всем другим изображения есть требования к минимальному размеру: 573х240 px. Можно загрузить картинку большего размера, но важно соблюдать рекомендуемые пропорции 2,2:1.
Рекомендуемое соотношение сторон для иллюстрации к посту со ссылкой
Блок с товарами
Минимальный размер изображений для обложки товара 400 px, максимальный — 7000 px по ширине или высоте. Лучше всего выглядят фотографии квадратного размера 1000х1000 px. У каждого товара есть обложка и 3 фотографии, которые показываются при открытии товара.
Блок товаров фитнес-клуба
Вики-страницы
Чтобы обложка вики-страницы выглядела в ленте органично, нужно подобрать изображение с шириной не менее 610 px. Картинки большего размера автоматически сжимаются до рекомендуемого.
Если добавить на вики-страницу картинку размером 1366х768 px, не скорректировав размер, то изображение некрасиво растянется.
Изображение сильно растянулось из-за того, что ширина автоматически скорректировалась до 610 px, а высота осталось неизменной.
Если изменить размеры вручную, то изображение будет выглядеть намного привлекательней.
Вручную откорректированное изображение с правильными размерами
Оформление вики-страниц рассмотрим подробнее чуть ниже.
Как сохранить исходное качество изображений Вконтакте
Чтобы ускорить загрузку страниц и контента, ВК сжимает изображения при загрузке. Независимо от того, добавляете вы фотографии на свою личную страницу или загружаете новую аватарку в бизнес-группу, качество будет снижаться. Особенно заметно сжимание картинок темного цвета.
Пример
Сжатие изображение при загрузке в ВК
Как избежать снижения качества?
За рекомендацией пришлось обратиться в поддержку соцсети, т.к. в открытом доступе такой информации нет. Представитель команды посоветовал следовать такому алгоритмы: открыть изображение в программе Photoshop, в меню выбрать команду «Сохранить для Web» — настройки качества 100% — галочка напротив строки «Преобразовать в sRGB».
Сохраняем изображение в Photoshop
Выполнив все рекомендации поддержки, мы заметили, что изображение все равно сжимается. Не так сильно, но все же заметно. Чтобы сохранить исходное качества, оптимально будет делать изображение в два-три раза больше требуемого размера. Тогда сжатие будет минимально заметно.
Пример
Если требуется подготовить аватар группы размером 200х500 px, то размер исходной картинки должен быть около 400х1000 px. Для меню 510х400 px, лучшим вариантом будет исходник 1200х800 px.
Картинка на фоне темно-синего цвета, которую мы использовали чуть раньше, имеет исходный размер 510х350 px. Чтобы добиться лучшего качества, мы увеличили ее размер в два раза, а затем сохранили в Photoshop по совету поддержки. Вот результат:
Выглядит лучше, но не идеально
Что же делать? Будем использовать то, что есть и учитывать особенности соцсети. Чтобы изображение выглядело лучше, заменим темно-синий фон белым, а текст сделаем синим. На светлом фоне сжатие изображений не так заметно.
Выглядит намного лучше
Дизайн шапки группы Вконтакте
Шапка группы — это первый элемент, который замечает пользователь, заходя на вашу страничку. Важно, чтобы это пространство было использовано с максимальной пользой. Можно считать, что шапка — это первая точка контакта потребителя с вашим брендом. Есть несколько вариантов оформления шапки, рассмотрим подробнее каждый из них на примерах крупных компаний.
1. Обложка сообщества + закрепленный пост
После обновления дизайна владельцам сообществ стал доступен новый элемент оформления — обложка. Размер изображения — 1590х400 px. Чтобы добавить обложку нужно зайти в настройки группы и нажать «Загрузить».
Загрузка обложки сообщества
Никаких ограничений по содержанию нет. Можно написать название компании, УТП, добавить слоган, вывести текущую акцию.
Обложка группы Вегетарианские рецепты: привлекательное фото, название и слоган.
Обложка
Закрепленный пост обычно продолжает тему, начатую в обложке. Например, в случае со Сбербанком — рассказывает более подробно о Зеленом Марафоне.
2. Обычное текстовое описание
Ряд брендов не используют обложку и закрепленные посты, чтобы посетители могли сразу увидеть информацию о группе и ссылку на сайт.
Текстовое описание популярного издания о стартапах – vc.ru
Описание группы клуба Фильм про
3. Текст + хэштеги
Работают хэштеги или нет — вопрос очень спорный. С одной стороны, мы видим, что даже такой гигант как Instagram уделяем им внимания, вводя новую функцию — подписка на хэштеги. С другой стороны, ни одного кейса от специалистов на эту тему нам не встречалось. Сообщества добавляют хэштеги в описание, чтобы страница получала больший вес при поиске внутри сети по соответствующим запросам.
Описание с хэштегами, журнал WebDesignMagazine
Описание с хэштегами, смартфон Nokia Lumia
4. Описание через вики-страничку
Блок с текстовым описанием ограничивает владельцев групп определенным количеством знаков. Чтобы рассказать о своем бренде, услуге или товаре подробно, с картинками, ссылками и качественным оформлением, некоторые используют вики-странички. В пост добавляется ссылка на вики-страничку с подробным описанием и картинка с призывом.
Группа предпринимателя, идущего к своей цели
Нажав на кнопку «Просмотреть», пользователь попадает на вики-страничку с подробной информацией о проекте.
Вики-страница с описанием проекта
5. Без шапки
Этот вариант отлично подходит тем группам, которые ничего не продают и делают ставку исключительно на контент. Пользователь, попадая в группу, сразу видит последние записи на стене.
Группа без шапки – PSD’ец
Группа с пустым описанием Atmospheric Bass Music
6. Открытое меню
Открытое меню отличается тем, что пользователь сразу видит его содержание. Чтобы добиться такого эффекта, нужно создать изображение дублирующее пункты вики-странички. При нажатии будет раскрываться вики-меню идентичное изображению.
Картинка, дублирующая пункты меню
При нажатии пользователь открывает вики-страницу с меню группы:
Кликабельное меню с идентичными разделами
Еще один пример
Кнопки на картинке не кликабельны, а вот при нажатии на «Просмотреть» откроется полноценное меню:
Пример открытого меню
7. Закрытое меню
Закрытое меню отличается тем, что пользователь не видит на картинке его пункты. Обычно на анонсе пишут что-то вроде «Меню», «Навигация», «Все материалы в одном месте» или «Жми сюда».
Закрытое меню Lady’s Club
Меню Motion Hub
По большому счету, вы можете написать на картинке что угодно. Но стоит позаботиться о том, чтобы пользователь понимал, зачем ему кликать именно сюда. Вот несколько интересных вариантов.
Пост-меню паблика Мой компьютер
Закрытое меню группы английского языка
Меню интернет-магазина для девушек CosmoMarket
8. Меню слитое с аватаркой
Этот вариант предполагает оформление меню и аватарки группы в едином стиле. Не просто в одном цвете и с одинаковым шрифтом, а так, чтобы один элемент был продолжением другого. Выглядит стильно и органично.
Слитное меню сообщества вики-разметки
Меню группы о помаде для увеличения губ
9. Спрятанное меню
Этот вариант можно сделать только в группе. Для публичных страниц такой метод не доступен. Вместо картинки-анонса размещается ссылка на навигационную страничку. Главное достоинство — экономия места. Посетители видят и информацию о бренде, и ссылку на меню. Минус — не всем пользователям очевидно, что по ссылке можно перейти.
Бренд одежды Oodji. Чтобы открыть меню, надо нажать на ссылку «Меню группы #oodji»
Само меню
Пример уже открытого меню Спортмастера
10. Изображение
Подходит для информирования аудитории о текущей акции, новых товарах, условиях доставки, скидках или уникальном предложении вашей организации.
Сообщество Лайфхакерша разместило картинку с призывом, но кнопка не клибабельна
Comedy Radio анонсирует запуск приложения
11. Изображение и аватар в едином стиле
Напоминает слитное меню, но изображение не кликабельно. Аватар и картинка выглядят как единый рисунок, лишь разделенный белой полосой. Визуально очень привлекательно.
Империя пиццы и суши информирует о режиме работы, дает контакты для заказа
Coca-Cola использует красивую картинку со слоганом
12. Гифка как продолжение аватара
Потрясающий вариант, который еще не успел надоесть пользователям! Гифка с автоматическим воспроизведением является продолжение аватара, собирая шапку группы в единую композицию. При этом часть композиции — статична, а часть — подвижна. Выглядит оригинально, завораживающе и привлекательно.
Оригинальная шапка группы Тоталь
13. Автоматически воспроизводимое видео
Еще один способ добавить интерактивности сообществу — разместить видео в шапке. С 2015 года видео в шапке начинают воспроизводится автоматически. Движущие элементы в кадре всегда привлекают больше внимания, чем статичное изображение. Видео проигрывается без звука, поэтому не вызовет раздражения у посетителей.
Как сделать, чтобы видео включалось само?
Нужно соблюсти всего лишь 3 условия:
- Загрузить нужный ролик через ВК — видео, загруженные через Ютуб или Вимео не включаются автоматически.
- Дополнить видео можно только текстом. Прикрепить ссылку или картинку не получится.
- После загрузки видео нужно опубликовать на стене, а затем закрепить пост.
Видео с упражнениями в сообществе Лайфхакер
Coca-Cola делится любимыми рекламными видео
13. Популярная запись
Выберите самый популярный пост вашего сообщества с максимальным количеством лайков и репостов. Закрепите его. Так новые посетители сразу получат доступ к вашему лучшему материалу. И, вполне вероятно, поделятся им на своей страничке, увеличив охват записи.
Страница Рецепты, пост с огромным количеством репостов
Группа Идеи дизайна интерьера закрепили кладезь материалов о ремонте. Посмотрите, сколько репостов и лайков!
14. Действующие акции
Чтобы максимально оперативно донести до покупателей информацию о скидках, акциях, новых товарах или подарках, разместите ее в шапке группы. Это первый элемент, который видит пользователь, когда заходит в группу. Но чтобы получить хороший охват, разместите запись сначала в ленте на несколько часов, а затем закрепите в шапке. Не все пользователи заходят в группу, большая часть из них получает информацию из ленты новостей.
Сеть баров Killfish рассказывает об акции
Интернет-магазин напоминает о скидках
Сбербанк использует вовлекающий инструмент — тест на финансовую грамотность. Скидку получают только те, кто наберет определенное количество баллов. Благодаря тому, что пользователь немного потрудился и поиграл одновременно, скидка кажется более ценной.
Интерактивный тест от Сбербанка
15. Анонсы мероприятий
Думаем, вы уже догадались, что шапка — это отличное место для размещения актуальной информации. Поэтому просто посмотрим интересные примеры.
Группа сериала Теория большого взрыва анонсирует новый сезон
Группа Пилот разместила в шапке график концертов
16. Розыгрыши
Сеть Детский мир разыгрывает запас подгузников
Лотерея Столото дарит Айфон
17. Опросы
Мини-исследование Gillette
Опрос на странице ресторана
18. Объявления
Объявление выделено словом «Важно» на красном фоне
Суши Терра информирует о временных неполадках
19. Вакансии
Ресторан ищет официантов
20. Ссылки на другие соцсети
Инфографика в примерах делится ссылкой на свой профиль в Перископе
Студии Дениса Каплунова ссылается на аккаунт в Пинтересе
21. Продажа товаров/услуг
Группа по оформлению групп «Вконтакте» предлагает свои услуги
Сервис Церебро.Таргет предлагает подключиться
22. Самый популярный продукт
Популярный товар магазина 24shop
23. Отзывы клиентов/покупателей
Отзыв — самый сильный инструмент повышения доверия
Как сделать привлекательный аватар
Аватар сообщества — это еще один важный элемент оформления группы Вконтакте. Он оказывает влияние на привлечение пользователей из поиска по группам, из блока «Интересные страницы» других пользователей, рекомендаций. Рассмотрим основные критерии эффективного аватара.
1. Миниатюра
Если вы принимаете решение разместить текст на миниатюре, то он должен быть достаточно крупным.
Пример неудачных надписей — слишком мелко
Примеры удачных надписей — текст крупный
Лучше, чтобы надпись помещалась внутри миниатюры
Примеры неудачных аватаров — текст не помещается внутри миниатюры
Надпись внутри выглядит опрятней
Важно, чтобы пользователь с первого взгляда мог разобрать, что изображено на картинке.
Очень странные аватарки. Некоторые сообщества развлекательного характера делают это специально, чтобы человек зашел посмотреть, что же там такое.
Примеры удачных решений — все четко и понятно
Если есть возможность, то лучше не используйте стоковые, заезженные картинки. Такие аватарки снижают доверие пользователей.
Крупные компании никогда не используют бесплатные или стоковые картинки
Подбирайте яркие цвета, чтобы миниатюра выделялась на фоне конкурентов.
Не совсем корректный пример) На фоне ярких аватарок бледная выделяется, но в ленте пользователя такая миниатюра останется незамеченной.
Хороший способ выделится — использовать стиль минимализм. Отсутствие текста, 1-2 цвета, простые формы выделят вас на фоне кричащих конкурентов.
Анти-минимализм — куча картинок, надписей, шум
Стильно и аккуратно
Если вам нужно привлечь внимание к своей группе, подключите эмпатию. Подумайте, что вас самих заставляет переходить в группу? Как вы выбираете, на что кликать, а на что нет? Вот, например, один из довольно старых приемов — красный огонек, имитирующий новое сообщение. До сих пор вызывает желание перейти по ссылке. Некоторые рефлексы сильнее разума.
Красный огонек как часть аватара
Нельзя сказать, что этот прием 100% сработает. Но если хорошо подумать, можно подобрать оптимальный вариант именно для вашей ниши и аудитории. Вот, например, стильный и оригинальный вариант:
Черный круг вместо миниатюры на первом месте и черный круг внутри белого на втором. Однозначно вызывает интерес.
2. Текст на миниатюре
Хоть миниатюра и не отличается крупными размерами, ее можно использовать для информирования о самых главных преимуществах компании. Рассмотрим популярные варианты.
Анонс нового продукта/услуги/события
Анонс нового сезона, коллекции, премьеры всегда привлекает внимание любителей новинок
Ваше УТП
Выберите одно преимущество: круглосуточно, дешево, быстро и т.д.
Контакты
Поможет тем, кто уже готов купить, быстро найти ваш номер
Супер цены
Если у вас крутая цена — пишите ее прямо на миниатюре
Бесплатная доставка
Особенно актуально для ресторанов доставки еды
Часто компании с бесплатной доставкой добавляют эту информацию в название группы через | от названия самой организации.
Не стесняйтесь рассказывать о бесплатных услугах
Акции и скидки
-50% выглядит органично и привлекательно
Розыгрыши
Ну как пройти мимо потенциальной халявы?
Вакансии
Соцсети — хороший вариант поиска лояльных сотрудников
Держите в голове вашу цель и портрет ЦА, а вдохновение придет во время работы над оформление группы.
3. Продающий дизайн аватара
Сам аватар играет еще большую роль, чем миниатюра. От его качества зависит впечатление клиента о вас, как о компании, которой стоит или не стоит доверять свои деньги. Собрали шесть основных правил по дизайну аватара.
- Качество изображения должно быть высоким. Плохая картинка сразу оттолкнет посетителя. Кратко: делайте размер в два-три раза больше рекомендуемого, чтобы не было искажения качества после сжатия.
- Следуйте единому стилю. Идеально — аватар и меню в фирменном стиле компании. Хорошо — в единой цветовой гамме с пересекающимися элементами. Такое сочетание меню и аватара выглядит эффектно.
- Аватар и миниатюра могут быть разными. Выделите на аватаре область, которую будете использовать в качестве миниатюры, а остальное изображение сделайте в другом стиле.
- Делите аватар на части. Верхняя — под миниатюру, нижняя — под остальную информацию.
- Добавьте призыв к действию. Нарисуйте стрелочку, указывающую на кнопку «Подписаться» или «Написать сообщение». Не все пользователи знают, что можно писать сообщения группе.
- Оставьте немного пространства. Слишком большое количество информации воспринимается как шум: мозг не может выделить что-то одно и предпочитает вообще ничего не воспринимать.
Аватар и меню группы Аудиокниги
Аватар и меню в едином стиле, группа Лучшее
Знаменитый аватар группы Палата №6 оригинально сочетается с меню
Примеры гармоничного сочетания
Разделенные на части аватары
Аватары со стрелочками
Слишком много информации
Благодаря свободному пространству, информация считывается легче
Важные элементы аватара
Окончательное решение о размещении тех или иных элементах на аватаре следует принимать исходя из специфики бизнеса, ниши и аудитории. Собрали список элементов, встречающихся чаще всего.
Адрес сайта
Актуально для интернет-магазинов
Контакты и режим работы
Подойдет доставкам, ресторанам, магазинам
Розыгрыши призов/скидки
Имеет смысл, если акция длится дольше 1-2 недель
Топ-товар или новинка
Или товар, который вы хотите вывести в топ 😉
Условия доставки
Кратко: по всей России, бесплатно, круглосуточно
Дополнительные сервисы
Например, реклама мобильного приложения
УТП
Пишите о своем уникальном торговом преимуществе
Новинки/анонсы
Актуально для кинотеатров, магазинов одежды, музыкальных исполнителей
Официальное сообщество
Если у вас есть значок «официальное сообщество» от ВК — расскажите об этом
Расписание/график
Подойдет для певцов, гастролирующих театров, цирков
Ссылки на другие аккаунты
Лучше, конечно, разместить активную ссылку, но так тоже можно
Подробное описание
То, что не влезло в заголовок: слоган, девиз
Награды
Признанный лидер отрасли? Победитель конкурса? Укажите это!
Пишите все, что считаете важным для покупателей. Но не забывайте оставлять свободное пространство.
Как объединить аватар и меню
Чтобы сделать аватар и меню из одного изображения, рекомендуем использовать Photoshop или аналогичную программу для обработки фото. Всего 9 шагов.
- Используйте шаблон. Ширина 510 px для меню и 200 px для аватара. Или 1200 px для меню и 400 px для аватара.
- Подберите качественное изображение, скачайте его на ваш компьютер. Откройте картинку в программе.
- Скопируйте и вставьте в шаблон. Откорректируйте положение картинки так, как собираетесь ее нарезать.
- Нанесите эффекты, добавьте надписи и все, что посчитаете нужным.
- Чтобы часть изображения, расположенная в месте пробела не исчезала, сдвиньте ее как на гифке:
- Откройте инструмент «Раскройка», затем «Фрагменты по направляющим».
- Уберите лишнее и подкорректируйте изображение.
- Сохраните изображение. Файл — Сохранить для Web — 100% качество.
- Найдите изображения на своем компьютере. Обычно все рисунки из Фотошопа сохраняются в отдельной папке. Добавьте аватар и анонс для меню.
Объединенные меню и аватар, сделанные по шаблону из статьи
В шаблоне вы можете изменить высоту аватара. По умолчанию стоит 500 px.
Здесь высота картинки 340 px
Как правильно оформлять картинки для постов в ВК
Придумать фирменную фишку для оформления постов в ВК не так просто, как кажется на первый взгляд. Нужно учесть и эстетическую составляющую, и функциональную, и продающую. Чтобы найти свой стиль, рекомендуем посмотреть, что делают другие. Собрали немного примеров для вдохновения.
Нетология оформляет посты в едином стиле
Оригинальные посты компании Knorr
Пример сочетание эстетики и функциональность в группе Факт дня
Три разных, но перекликающихся типа постов в группе Интернет-маркетинг от А до Я
Оформлять картинки каждый раз по-новому было бы слишком трудозатратно. Поэтому обычно используют 2-3 шаблона, в которых легко заменить текст, изображение, поменять цвета. Создать такие шаблону не сложно, потому как все известные стили базируются всего на семи приемах.
1. Затемнение/осветление изображения
Делает текст более читаемым за счет контрастности надписи к фону.
Пример из паблика Почему я этого не знал?
Тот же прием в группе Цитаты и статусы
Осветление фона в Adme
Осветление от Павла Деева
2. Контрастная фигура
Надпись размещается на отдельной однотонной фигуре (круг, полоска, треугольник) контрастной по отношению к цвету текста.
Гармоничное изображение
Контраст от Cossa
Brain Academy, хамелеон и синяя полоса
3. Выделение текста построчно
Каждая строка текста выделяет контрастной полоской. Выглядит стильно.
Мудрость от Adme
Бизнес цитаты
4. Нарезка изображений
Одна часть картинки заменяется нейтральным фоном, на котором размещается текст
Правильное образование
Реклама астрологического теста
5. Замутнение
Изображение немного размывается с помощью инструмента «Расфокусировка», а текст остается в фокусе и выглядит более четко.
fishki.net
Автор неизвестен
6. Изображение с нейтральным фоном
На некоторых картинках есть будто специально отведенное место для текста. Подбирайте такие иллюстрации для мотивационных постов.
Пинтерест Милы Корниенко
Хорошо сказано
7. Тень, обводка
Выделите текст с помощью темной тени или белой обводки.
Простые мудрости
1001 мем
fishki.net
Рекомендуем также добавлять к каждой картинке логотип вашей компании, водяной знак или адрес страницы/сайта. Так вы не только повысите узнаваемость торговой марки, но и обезопасите контент от использования конкурентами. Постарайтесь гармонично вписать логотип в изображение.
Где искать изображения хорошего качества?
Используйте сервис бесплатных фотографий — https://www.pexels.com. Вбивайте ключевое слово на английском и смело используйте любое изображение. Авторы не против. Если не нашли подходящее, попробуйте поискать в Гугл или Яндекс. Выставите фильтр по размеру, цвету. Но обязательно проверяйте тип лицензии, чтобы не нарушить авторские права.
Как делать крутые картинки без дизайнера и Фотошопа?
Не всегда нужны навыки профессионального дизайнера. Сейчас есть множество сервисов с готовыми шаблонами, крутыми шрифтами и иконками. С их помощью вы сможете самостоятельно создавать оригинальные изображения к постам Вконтакте.
1. Fotor.com
Выбирайте раздел Design — крайний справа.
Нужный нам раздел
Выбираем соцсеть для которой будем делать картинку: Инстаграм – квадраты, Фейсбук – прямоугольники.
Есть и другие форматы, но эти два подходят лучше всего
Кликаем, открывается окно с шаблонами. В левой части экрана выбираем самый подходящий вариант. Не все шаблоны бесплатны, но выбрать есть из чего.
Шаблоны с бриллиантом — платные
Вместо фоновой картинки сервиса подставляем свою.
Добавьте свои изображения, нажав на большой значок плюса в правой верхней части экрана.
Вставляем, корректируем размер, пишем свой текст. Если нужно — добавляем логотип.
Редактура текста
Готовое изображение сохраняем на компьютер: нажимаем на значок дискеты — выбирает формат — готово.
Готово! Вы восхитительны.
2. Canva.com
Один из наших любимых сервисов. Нужно зарегистрироваться через Фейсбук или Гугл+, но оно того стоит.
Окошко регистрации, Canva
Можно выбрать изображение под соцсети или задать собственный размер, что позволяет создавать здесь не только картинки к постам, но и обложки, аватарки, шапки.
Шаблоны для Инстаграм и ВК
Выбираем шаблон поинтересней и удаляем стандартный фон.
Здесь сотни красивейших шаблонов
Чтобы добавить свою картинку, переходим во вкладку Uploads, загружаем с компьютера. Меняем текст, шрифты, размеры, добавляем лого, иконки, фигуры, полоски.
Жмем на Download, выбираем формат и скачиваем
Сохраняем красивую картинку в свои файлы. Всё!
Как видите, создавать крутые картинки для постов можно и без дизайнера.
Что лучше: прикрепленные изображения или встроенные?
Когда вы создаете запись со ссылкой (например, публикуете анонс своей новой статьи из блога), у вас есть два возможных варианта действия: пе
шапку, меню, обложку, аватарку, для бизнеса
Всем привет! Сегодня я расскажу вам о том, как оформить группу в ВК, чтобы она была удобной, красивой и интересной для пользователей. А еще мною были составлены базовые советы и рекомендации в виде простой пошаговой инструкции, которая поможет в этом непростом деле.
Как вы знаете, ВКонтакте уже давно используется не только для общения, но и для бизнеса. Многие компании, независимо от их размера, создают себе сообщества, в которых предлагают подписчикам услуги и товары. Однако, группу в ВК создать может каждый, а вот красиво её оформить, чтобы выглядела стильно и ярко, увы, нет.
Размеры изображений и общие советы
Несколько лет назад разработчики ВКонтакте полностью изменили правила оформления групп, чем создали определенные проблемы: дизайн есть, а вот габариты изображений уже не подходят. Соответственно, теперь, прежде чем заняться оформлением паблика, нужно знать рекомендуемые размеры. Конечно, вставить можно любую картинку, но будет ли она корректно отображать – вот в чем вопрос.
А вот, собственно, и современные стандарты в пикселях:
- Максимальный размер аватарки – 200х500;
- Рекомендуемый размер аватарки – 200х200;
- Размер меню по ширине — 510. Высота может быть неограниченная. Если вы хотите, чтобы высота заканчивалась вместе с аватаркой, то указывайте 510х308;
- Обложка – 1590х400;
- Размер товаров 1000х1000;
- Превью фотоальбома – 1200х800;
- Превью видеофайла – 1280х720;
- Квадратная фотография в ленте – 510х510;
- Прямоугольное изображение с шириной 510 и высотой меньше 510;
- Картинка для статьи – 510х286;
- Изображение под ссылку – 537х240.
Ну а чтобы вам было нагляднее, вот очень подробная иллюстрация:
Как самостоятельно оформить группу ВКонтакте
А теперь давайте посмотрим, как оформить группу в ВК так, чтобы она была готова к наполнению контентом, накрутке первых подписчиков и полноценной раскрутке белыми методами.
Аватарка и миниатюра
Если хотите самостоятельно оформить сообщество, то начните с создания и установки аватарки. Как я уже говорил выше, минимальный размер — 200 пикселей. Максимальный — может быть любой. Главное, чтобы сохранялось соотношение сторон 2:5. Ну а для загрузки нужно сделать следующее:
- перейти в группу, которую нужно оформить;
- нажать «Загрузить фотографию»;
- выбрать аватар для своего сообщества;
- нажать «Сохранить и продолжить»;
- выбрать миниатюру. Размер: 200х200. На странице она будет отображаться кругом.
Если хотите, чтобы сообщество выглядело красиво и эффектно, то старайтесь придерживаться определенного стиля. Да, на это придется потратить время, возможно даже очень много времени, но, если хотите сделать всё самостоятельно, качественно и привлекательно, то оно того стоит.
Настройки шапки группы
Если вы задумываетесь о том, как круто и красиво оформить группу, то без грамотного оформления шапки не обойтись. Верхний баннер – это возможность представить свой паблик в максимально хорошем свете еще на этапе презентации. Поэтому, к оформлению нужно подойти с особым трепетом и усердием.
Обложки сегодня бывают:
- статические;
- анимированные;
- обновляемые.
Первые две можно сделать самому, а вот обновляемые создаются при помощи специальных сервисов, чаще всего платных. На обложках может быть такая информация, как: последний комментатор, самый активный пользователь, последний подписавшийся, погода в определенном городе и т.п.
Полный размер баннера – 1590х400. Однако «активно» использовать лучше всего определенную часть. Дело в том, что на мобильных телефонах отображается лишь информация на куске баннера в 1196 пикселей. Поэтому, если хотите, чтобы пользователи мобильных устройств корректно видели всю информацию, то делать лучше следующим образом:
По краям располагайте фон, а в середине всю значимую информацию. Ну а чтобы установить обложку, нужно:
- зайти в «Управление»;
- нажать «Добавить» в блоке «Основная информация»;
- выбрать обложку или видеоролик и настроить отображение. В общей сложности по времени это займет не более 5 минут.
Для живой обложки рекомендуется загружать видео, длительностью не больше 30 секунд и с разрешением 1080х1920. Вес — не больше 20 МБ.
Если вы используете обложку, то увидите только миниатюру аватара.
Закрепленный пост
Закрепленный пост позволит сделать своеобразную активную кнопку, если вы планируете создавать Wiki-меню. Размер закрепленного поста – 510х308 пикселей. Он оптимален, чтобы меню группы и аватарка выглядели, как единое целое.
Для того, чтобы сделать пост-меню понадобится:
- создать Wiki-страницу с будущим меню;
- вставить ссылку в пост на стенке;
- установить изображение;
- нажать «Отправить» и закрепить пост;
После проделанной работы при нажатии на ссылку будет редирект на указанную Wiki-страницу.
Вики-страница
Именно Вики-страницы – это основной элемент меню для любого сообщества. При помощи Wiki-страниц можно сделать любое оформление, рассказать любую информацию. По факту – это как страницы на веб-ресурсе, но в рамках одной группы.
Вики-страница имеет ограниченную ширину – всего лишь 607 пикселей. Поэтому любое изображение будет уменьшено до этих размеров.
Раньше все страницы надо было редактировать руками, сейчас все намного легче, потому что появилось множество сервисов. Самым популярным является wikiposter. С помощью него создание и оформление происходит в два счета.
Фото и видео в группе
Если вы планируете активно использовать фотографии и видеоконтент, то подробную инструкцию найдете в моей статье — «Как создать альбомы ВКонтакте». Помните, что фотографии помогут преподнести ваш товар пользователям, а видео – отличный развлекательный контент.
Для фотоальбома размер превью равен 1200 на 800 пикселей, а вот для видеофайла – 1280х720.
Как добавить обсуждения
Я уже говорил о том, что обсуждения – это лучший способ коммуникации с пользователями в группе. Для того, чтобы создать обсуждения вам нужно:
- перейти в «Управление», а затем в «Разделы»;
- напротив пункта «Обсуждения» выбрать «Открытые»;
Теперь переходим в само сообщество и в самом низу, под видеозаписями находим кнопку «Добавить обсуждение».
Вам нужно будет указать название, написать основной текст. Также можно прикрепить фото или видеофайл. Кстати, ссылку на обсуждение можно потом опубликовать отдельным постом на стене, чтобы акцентировать внимание подписчиков.
Товары
Товары – это незаменимый инструмент для бизнеса в социальной сети ВКонтакте. В статье: «Как создать и разместить товары ВКонтакте» я уже рассказал всю необходимою информацию.
В качестве оформления могу посоветовать создавать категории товаров и красивые обложки. Да, качественное фото выглядит хорошо, но оформление в едином стиле выглядит еще лучше.
Документы и ссылки
Документы позволят загружать в сообщество GIF-файлы и изображения, размер которых превышает стандартный. Также можно загружать файлы, DOC-документы, программы и многое другое.
Для загрузки нужно:
- в правом нижнем углу выбрать «документы»;
- нажать «Добавить»;
- выбрать интересующий файл;
После того, как загрузка остановится, документ можно прикрепить к посту.
Насчет ссылок дело обстоит еще проще. Ссылку можно опубликовать двумя способами:
- в боковом меню над контактами;
- отдельным постом на стене;
В первом случае она никуда, никогда не денется и всегда будет видна пользователям. Во втором вы сможете делать эффектное оформление и привлечь внимание подписчиков.
Помните, что ссылки на сторонние ресурсы, нарушающие правила ВКонтакте, закреплять нельзя. Вы можете лишиться своего сообщества!
Заключение
Теперь и вы знаете, как правильно оформить группу в ВК самому, какие размеры должны быть у изображений и каким еще образом можно украсить своё детище. Но, если не уверены в своих силах, то лучше обратиться к профессионалам, которые давно практикуются в создании красивых дизайнов для социальных сетей. Так вы точно утрете нос конкурентам и увеличите свой заработок.
На этом у меня все. Подписывайтесь и до встречи в следующих статьях! Пока-пока!
Секреты Вконтакте. Как создать единый блок аватара и меню.
Секреты Вконтакте – это новый цикл публикаций блога, в которых я раскрою тонкости создания сообществ и групп социальной сети Вконтакте. Я покажу вам как технические так и организационные моменты. Вместе мы научимся создавать красивые и популярные сообщества в крупнейшей социальной сети рунета. Кстати, если у вас еще нет сообщества Вконтакте, смотрите это видео.
Сегодня я покажу, как создать красивый единый блок “Аватар+Меню”. Вы наверняка видели вот такие красиво оформленные группы, где меню и аватар представляют собой одну картинку.
Смотрится весьма красиво, не правда ли? Не смотря на кажущуюся сложность сделать такой блок в своей группе сможет каждый. При этом вам не нужно знание секретов Фотошопа. Я покажу, как сделать это в обычном графическом редакторе Paint, который есть на каждом компьютере.
Итак, нам понадобятся:
- картинка, из которой мы сделаем аватарку группы и меню;
- графический редактор Paint;
- программка Rect, для измерения ширины и высоты меню.
Открываем редактор Paint и нашу заготовленную картинку. Картинка должна быть не более 799 px по высоте и не менее 600 px по ширине. Стрелкой №1 на скриншоте я указал место, где можно глянуть текущие размеры картинки. А стрелкой №2 – инструмент, которым можно эти размеры изменить.
Получив подходящие нам размеры картинки, вырезаем из нее аватарку. Для этого используем инструмент “Выделить” (стрелка №3). Выделяем область шириной 200 px (стрелка №4 показывает, где можно следить за шириной выделяемой области). Вырезаем эту часть картинки (стрелка №5).
Не закрывая текущий Paint, запускаем еще один. Вставляем в него нашу вырезанную часть картинки. Это и будет аватаркой нашей группы Вконтакте. Делаем на ней привлекательно-завлекательные надписи и сохраняем как изображение в формате PNG.
После этого аватар уже можно загрузить в нашу группу Вконтакте.
Теперь нам необходимо узнать точный размер блока меню. Для этого воспользуемся полезной и простой программкой для вебмастера Rect . Программа не требует установки, не создает и не модифицирует никакие файлы. >>> Скачать программку Rect — http://vitalykim.ru/soft/Rect.exe <<<
Идем на страницу нашей группы и замеряем расстояние в пикселях от кромки поля с заголовком “Обсуждения” или “Опросы” (смотря что у вас будет идти первым после ссылки на меню группы) до нижнего края аватарки. Ширину и высоту программа Rect нам покажет посредине окошка. Кстати, ширина блока меню должны быть исключительно 388 пикселей.
Итак, нужная в данном случае высота – 295 пикселей. Кстати, советую вам заранее подготовить описание вашей группы, потому как от его объема будет зависеть высота блока меню.
Возвращаемся в Paint с оставшейся картинкой и вырезаем из правого нижнего угла блок меню размером 388*295 пикселей.
Вставляем вырезанную картинку в заранее открытый новый Paint и вписываем в нее текст ссылок меню. Как оформить текст, смотрите сами. Редактор позволяет вставлять различные фигуры и маркеры. Я же придерживаюсь мнения, что секрет хорошего дизайна – это минимализм, будь то Вконтакте или обычный сайт. По этой причине я использую обычный подчеркнутый текст. Именно такими мы привыкли видеть ссылки.
Теперь уже знакомыми нам инструментами “Выделить” и “Вырезать” выделяем и вырезаем каждый пункт меню. Вставляем картинку каждого пункта в новый Paint и сохраняем как изображение в формате PNG.
Итого, у нас должно получится 5 картинок, составляющие одно целое. Почему пять, если ссылок 4? Нижнюю часть я вырезал как отдельную картинку без ссылки. Эти картинки мы загружаем в отдельный альбом нашей группы Вконтакте. Они нам очень скоро понадобятся.
Переходим на главную страницу группы и жмем на ссылку “Редактировать” в строке меню. Она должна появиться там при наведении курсора мышки.
В редакторе меню включаем режим wiki-разметки. И вписываем туда следующие строки.
UPD: Внимание! Сейчас, чтобы все отображалось корректно, необходимо поменять местами тег nopadding и размеры картинки. Точку с запятой соответственно ставить после размеров картинки.
Каждая строка соответствует одной из составных картинок блока меню.
В коде я выделил:
- розовым – id картинки. Где его взять? В адресной строке вашего браузера при просмотре картинки.
- зеленым – размеры картинки и команда “nopadding”, которая показывает картинку без отступов.
- желтым – ссылка на желаемую страницу группы.
Не забываем сохранить измененную страницу. В итоге у нас должен получиться вот такой единый блок аватарки и меню.
Наличие такого меню, конечно же, не является причиной популярности сообщества. Но, на мой взгляд, делают страницу группы гораздо приятнее для участников и гостей. Кстати, если вы только начинаете свой путь администратора Вконтакте, вам будет полезна публикация Администратор социальных сетей.
Чтобы не упустить другие секреты социальной сети Вконтакте, обязательно подпишитесь на обновления блога. Под кнопками социальных сетей есть ссылка.
Данное руководство не актуально для публичных страниц Вконтакте. Рекомендую воспользоваться этим мануалом для пабликов – Как закрепить меню Вконтакте.
Всё.
на своем сайте.
Размер и расположение меню: Руководство по дизайну меню ресторана
Поначалу создание меню ресторана может показаться простым: составьте список блюд, добавьте цену и оставьте принятие решения клиенту. На самом деле меню может быть стратегическим и убедительным инструментом. Но вам решать, как разработать дизайн меню вашего ресторана, макет меню и размер меню, чтобы принимать решения об обеде и повышать прибыльность.
Теперь, когда вы узнали, как устанавливать цену для своих пунктов меню, мы опишем шаги, которые необходимо предпринять для его разработки.
Настройте свое меню на успех
Разработка и оптимизация вашего меню Контрольный список
Настройте свое меню на успех
Разработка и оптимизация вашего меню Контрольный список
Чтобы ваше меню было эстетически приятным, сбалансированным, ориентированным на прибыль и функциональным, этот раздел будет охватывать одновременно:
- Инструменты для дизайна меню ресторана
- Различные типы макетов меню и размеры меню
- Советы по созданию меню с использованием макета, цвета, фона и ценового форматирования
- Требования к информации о пищевой ценности
- Мастера дизайна меню ресторана
Первое, что вам нужно учитывать при создании дизайна меню ресторана, это то, что ваше меню должно легко обновляться.Некоторые меню будут меняться в зависимости от сезона. Изменения будут происходить естественным образом по мере того, как кухонные процедуры и операции превращаются из теории в реальность. Имея это в виду, создайте свое меню так, чтобы было несколько вариантов.
Вы можете:
Нанять графического дизайнера
Графический дизайнер, специализирующийся на дизайне меню, работает с вами над созданием меню, воплощающего вашу концепцию и пункты меню. Всегда нанимайте дизайнера, который специализируется на дизайне меню ресторана и понимает психологию разработки меню, также известную как разработка меню.(Подробнее об этом мы поговорим в следующей статье «Разработка меню: увеличение прибыли».)
Плюсов:
Графические дизайнеры создают материалы с учетом вашего бренда. У них есть технический набор навыков для использования программ, которые удовлетворят ваши эстетические и практические потребности. Они создают меню ресторана, уникальное для вашей концепции, и будут сотрудничать с вами, пока вы не будете удовлетворены. В большинстве случаев они предоставляют вам цифровые и печатные форматы, а некоторые могут даже выполнять процесс печати за вас.
Минусы:
Вам придется повторно нанимать графического дизайнера всякий раз, когда вам нужно изменить пункты меню.
Дизайн-агентство против внештатного дизайнера
У вас есть выбор: нанять дизайнерское агентство или нанять внештатного дизайнера. Агентства будут выбором для сетей ресторанов, которые имеют большой бюджет для дизайнерских проектов с очень широким объемом. Агентства дороже из-за накладных расходов и накладных расходов. Для вашего первого ресторана более экономичным вариантом будет внешний дизайнер.Дизайнеры-фрилансеры имеют более низкую цену и уделяют вам такое же внимание и опыт, как агентство, но без больших цен.
Стоимость:
Внештатные дизайнеры взимают плату, используя следующие модели ценообразования:
- Контракт: установленная цена, основанная на котировке, указанной в начале проекта.
- Почасовая ставка: почасовая оплата, основанная на времени, затраченном на создание меню, и внесенных корректировок на основе ваших отзывов.
- Ценообразование на основе ценности: цена, основанная на способности отдельного дизайнера добавлять ценность.Их ценностное обещание может заключаться в быстром обслуживании или опыте увеличения продаж (например, в разработке меню), а не только в эстетике.
Как нанять:
У вашего консультанта по ресторану наверняка есть несколько дизайнеров, которых они могут порекомендовать. Вы можете нанять фрилансера старомодным способом через сайт объявлений о вакансиях или попросив рекомендации в ресторане, меню которого вы восхищаетесь. Кроме того, вы можете найти дизайнера через любую из этих ассоциаций графического дизайна:
Профессиональная ассоциация дизайна (США)
Ассоциация зарегистрированных графических дизайнеров (Канада)
Программа для создания меню
Самый экономичный вариант; Программное обеспечение для создания меню позволяет быстро создавать новые меню, настраивая профессионально разработанные шаблоны.Коллекции дизайнов предоставляют широкий выбор вариантов, а процесс редактирования интуитивно понятен, поэтому любой может создать профессионально выглядящее меню.
Плюсов:
- Экономически эффективный подход, который позволяет вам контролировать свой бренд.
- Вам не придется иметь дело с хлопотами, связанными со сторонним дизайнером.
Вы можете обновлять и перепечатывать в удобное для вас время. - Вам не нужны дизайнерские навыки. Макеты, соответствующие шрифты и цвета, разделы предметов созданы для вас.
- Некоторые из них, например MustHaveMenus, выходят за рамки меню и включают в себя маркетинг в магазине и шаблоны социальных сетей, которые вы можете использовать для своего ресторана.
Минусы:
- Вам придется вручную вводить все пункты меню.
- Поиск идеального шаблона может занять некоторое время, методом проб и ошибок.
Вот два лучших варианта программного обеспечения для дизайна меню для ресторанов:
MustHaveMenus
- 12,95 $ в месяц
- Ресторанный
- Самая большая коллекция шаблонов меню в сети
- Интуитивно понятное программное обеспечение для редактирования, предназначенное для создания меню
- Команда обслуживания клиентов, разбирающаяся в ресторанах
- Дополнительные маркетинговые материалы, такие как визитные карточки, листовки и сообщения в социальных сетях
- Профессиональная печать
iMenuPro
- 15 $ в месяц
- Ресторанный
- Большая коллекция шаблонов меню
- Нет обслуживания клиентов в режиме реального времени
- Без профессиональной печати
Лучшие практики для дизайна меню ресторана
Теперь, когда вы знаете свои варианты создания меню, давайте рассмотрим все, что вам нужно учитывать, когда дело доходит до дизайна меню ресторана.
Форматы
В зависимости от концепции вашего ресторана и количества пунктов меню вы можете выбрать один из четырех основных форматов.
На одной странице:
Все меню размещается на одной странице, вертикальной или горизонтальной. Этот формат обычно используется ресторанами высокой кухни, фиксированными меню prix fixe и ресторанами, предлагающими блюда с фермы до стола, которые постоянно меняют свои меню в зависимости от сезонных ингредиентов.
Плюсов:
- Посетители ресторана примут решения быстрее.Если горизонтально, вы можете легко разместить пункты меню в соответствии с движениями глаз посетителей.
Минусы:
- Посетители реже заказывают много блюд, а формат не подходит для широкого разнообразия пунктов меню.
Две панели, одинарный фальц:
Это самый распространенный вид ресторанного меню. Как и книга, меню открывается так, что все пункты меню видны на двух страницах.
Плюсов:
- Легко читать.Оптимальный формат для стратегического размещения прибыльных блюд.
Минусы:
- Если у вас много пунктов меню, этот формат может быть недостаточно большим.
Трехпанельный, двустворчатый:
Для больших меню, трехпанельные, двукратные меню позволяют ресторанам демонстрировать широкий выбор блюд. Их часто можно найти в пабах, повседневных и семейных ресторанах.
Плюсов:
- Вмещает широкий выбор пунктов меню.
Минусы:
- Не так легко читать, как одностраничное или двухстраничное меню.
Буклет для многих панелей:
Для очень больших меню этот буклет включает самые разнообразные блюда. Этот формат меню чаще всего встречается в ресторанах семейного типа и хорошо подходит для общих тарелок.
Плюсов:
- Вмещает большое количество пунктов меню.
Минусы:
- Сложнее разработать для получения прибыли.Посетителям сложнее запомнить больше блюд. Они усложняют процесс принятия решений и создают большую рабочую нагрузку.
Для более глубокого анализа компоновки дизайна с целью повышения рентабельности прочтите о проектировании меню.
Длина
Начни с малого. Чтобы позаимствовать концепцию из теории продукта, ваше первое меню должно быть минимально жизнеспособным продуктом (MVP). MVP диктует, что ваш продукт должен начинаться с минимальных функций, необходимых для удовлетворения потребностей клиентов и обеспечения обратной связи для дальнейшего развития.Применительно к разработке меню эта методология диктует, что вы должны начать с небольшого количества пунктов меню. Как только вы начнете продавать и получать отзывы клиентов, вы можете вносить дополнения.
Тем не менее, длина вашего меню будет зависеть от концепции вашего ресторана. Большинство меню созданы для работы со стандартными размерами бумаги 8,5 x 11 дюймов. Если ваше меню превышает 12 на 18 дюймов, подумайте о том, чтобы иметь отдельные меню для вина, десерта и детей, чтобы размер оставался управляемым.Вы не хотите ошеломлять своих гостей. Чтобы обозначить посуду, используйте настольные палатки, доски меню или меловые доски.
Кол-во единиц
Разработчики меню предлагают, чтобы каждая категория меню состояла не более чем из семи пунктов: семь закусок, семь основных блюд, семь десертов, семь коктейлей и т. Д. В то время как старые стратегии меню пытались включить что-то для всех, новые лучшие практики меню следуют за меньшим. -больше философии. Посетителям легче выбирать, когда им не из чего выбирать.Бонус: меньшее количество пунктов меню сокращает расходы на еду и подготовку кухни и ускоряет обслуживание.
Способы оформления меню
Под заказ:
- Расставьте предметы в том порядке, в котором их заказывают посетители. Начните с закусок, затем основных блюд и завершите десертами.
По категории:
- Распределите элементы меню по логическим группам. Помимо закусок, основных блюд и десертов, рассмотрите возможность добавления дополнительных категорий для салатов, пасты, морепродуктов и других сгруппированных блюд, таких как тако, крылышки и т. Д.Другими словами, любое блюдо вы подаете разными способами.
По столбцу:
- Используйте столбцы и строки для структурирования содержимого. Используйте столбцы, чтобы упорядочить элементы в одной категории, например закуски. Используйте строки для разделения каждого пункта меню. С первого взгляда это упрощает понимание меню. Другими словами, не бросайте пункты меню на страницу бессистемно. Сделайте так, чтобы читатель мог логически идентифицировать категории в вашем меню.
Куда падает взгляд:
- Когда посетители читают ваше меню, их глаза естественным образом обращаются к определенным областям страницы, обычно к верхней части страницы.Считайте эти районы первоклассной недвижимостью. Они должны быть домом для пунктов меню, которые приносят наибольшую прибыль и самую высокую прибыль.
Каждый формат меню имеет разные области, привлекающие внимание посетителей. Узнайте, что они из себя представляют, в нашем разделе, посвященном разработке меню.
Для элементов, на которые вы хотите привлечь внимание, рассмотрите возможность использования поля для обращений. Эта практика также известна как обрамление. Выделив отдельный элемент или категорию элементов, вы привлекаете внимание читателя. Чтобы соответствовать передовым методам разработки меню, поместите в эти коробки блюда, которыми вы хотите быть наиболее известны, или блюда с высокой прибылью, например, макароны или рисовые миски.Ящики для звонков — это эффективный способ привлечь внимание посетителей, но используйте их экономно. Чем больше у вас ящиков для вызовов, тем менее эффективными они будут.
Советpro: использование цвета, крупного или уникального шрифта, фотографий, иллюстраций и полей для выносок — все это называется «магнитами для глаз». Магниты для глаз — это графические приемы, которые перенаправляют взгляд посетителя с его естественного образа чтения на определенную часть меню. экономно используйте магниты для глаз, чтобы направлять взгляд посетителя, но не заглушать его.
Брендинг вашего меню
Следующие элементы дизайна меню ресторана выполняют двойную функцию. Они описывают ваше меню, усиливая бренд вашего ресторана. Если ваш бренд насмешливый, то названия, описания и внешний вид должны быть такими же. Точно так же, если ваш бренд элегантен, то те же элементы должны носить более формальный характер. Другими словами, «жаркое из крупы» может подходить для некоторых названий пунктов меню, тогда как «свиной окурок» может действительно хорошо работать с другими.
Именование
Название, которое вы выбираете для каждого блюда, должно направлять внимание посетителя на определенный аспект этого блюда, будь то ингредиент, текстура, ощущение или аромат. Название вызывает у посетителей впечатление от этого блюда. Необязательно придерживаться одного стиля описания. Поэкспериментируйте с различными стратегиями именования и помните о более крупном формате дизайна.
Попробуйте назвать блюда на основе:
- Основной ингредиент — например,Говяжья вырезка, рыба-меч, конфи из утки.
- Сенсорные или ароматические дескрипторы — например, аппетитный, кисло-сладкий, пикантный, сладкий.
- Культурные и географические термины — например, Каджун-жареный, по-тайски, южный, скандинавский, итальянский, по-деревенски
- Ностальгические термины — например, Домашний, комфортный, традиционный, классический, для бабушки / дедушки, для мамы / папы
- Дескрипторы приготовления — например, Тушеный, медленного приготовления, сухой выдержки, на углях, копчение, домашняя резка, Шашлык
Описание
Держите описания пунктов меню по существу.Основная функция описания — сообщить посетителю, что в блюде, как оно было приготовлено и с чем оно связано. Если вы решили добавить к своему описанию, будьте краткими. Ограничьте его любой дополнительной информацией о заметных отличиях, мастерстве и любых сенсорных / культурных / ностальгических дескрипторах, описанных выше.
Советpro: применяя более привлекательные тактики описания к вашим высокоприбыльным блюдам и более простые описания к менее прибыльным блюдам, вы увеличиваете вероятность того, что высокоприбыльные блюда будут проданы.
Создание описаний на основе:
- Ингредиенты: Перечислите ингредиенты каждого блюда. Быть конкретной. Вместо «паста» скажите «лингвини». Вместо «рис» скажите «дикий рис».
- Опишите стиль приготовления: используйте короткие описания приготовления для описания каждого ингредиента, например, слегка приправленный, обжаренный, маринованный или отжатый вручную.
- Язык воспоминаний. Как мы уже упоминали в разделе имен, используйте следующие дескрипторы: сенсорные, вкусовые, культурные, географические, ностальгические или связанные с процессом приготовления пищи.
- Отличительные признаки: укажите в описании бестселлеров и фаворитов поклонников. Это также можно выразить с помощью символа рядом с названием элемента.
- Мастерство: Опишите весь процесс приготовления. Например: жареная свинина, прожаренная на медленном огне, идеально тушенная, а затем заправленная пикантным грибным соусом.
Фото
Как и коробки для вызовов, фотографии притягивают взгляд. Как правило, в большинстве элитных ресторанов фотографии не используются. Многие посетители и повара ассоциируют фотографии с недорогими ресторанами, хотя иногда их используют сети и рестораны семейного типа.Опасность фотографий в том, что они субъективны. Не все фотографии нравятся всем. В большинстве ресторанов лучше, чтобы ваши гости видели блюдо в том виде, в каком оно несется, в сопровождении запаха и атмосферы, чем загромождают меню изображениями.
Если вы все же используете фотографии, используйте профессиональные фотографии и делайте это экономно, ограничивая количество фотографий одной на панель.
Вместо фотографий используйте иллюстрации. Они по-прежнему служат для того, чтобы привлечь внимание посетителей к определенной части вашего меню, но их легче адаптировать к вашему бренду и они более универсальны.
Цвет
Опять же, цвета — это магнит для глаз, который направляет взгляд посетителя на определенные разделы или блюда в вашем меню. Они также помогают читателям группировать визуальную информацию.
Например: если вы используете красный цвет для перечисления категорий меню, когда читатель увидит красный цвет, они поймут, что этот раздел является отдельным от определенной категории меню. Если вы используете синие поля вызова и синий шрифт для специальных блюд, когда читатель увидит синий цвет, он поймет, что это отделено (или важно) от остальной части меню.
Цвет и бренд: Цвет усиливает бренд и настроение вашего ресторана. Если вы используете цвет, проконсультируйтесь со своим целевым рынком о цветах, которые им нравятся, и придерживайтесь своей темы. Например: если у вас оживленный кубинский ресторан, вы можете использовать такие цвета мака, как красный, оранжевый и желтый. Иначе обстоит дело с французским рестораном изысканной кухни, который должен придерживаться более нейтральной цветовой палитры.
Теория цвета: Основанная на эволюции, люди привыкли связывать определенные цвета с потреблением.Некоторые цвета действительно могут стимулировать аппетит. Говорят, что красный и желтый усиливают аппетит, потому что они связаны с «безопасными» продуктами. Серый, коричневый, черный и синий, как известно, снижают аппетит, потому что они связаны с ядами.
Регулировка оттенка цвета: простой способ привлечь внимание, не добавляя слишком много цветов в микс, — это настроить оттенок одного цвета. Это также известно как точечный скрининг. Например, если вы решите выделить пункты меню жирным черным шрифтом, вы можете настроить описания на серый, чтобы черные заголовки выделялись на видном месте.
Где использовать цвет:
- Заголовки пунктов меню
- Границы
- Выносные
- Графика
- Особые предметы
Профессиональный совет: не утомляйте глаз посетителей. для фона, текста, изображений, иллюстраций избегайте высококонтрастных и насыщенных цветовых сочетаний.
Шрифты
Еще одна дизайнерская тактика, еще один магнит для глаз. Как и в случае с цветом, используйте шрифт, чтобы воплотить тему и концепцию вашего ресторана. Используйте шрифт стратегически, чтобы привлечь внимание клиентов к определенным блюдам и разделам вашего меню.
Шрифт и удобочитаемость. Убедитесь, что ваш шрифт легко читается. Наименьший размер, который вы должны использовать, — 20-30 пунктов. Всегда распечатайте прототип своего меню и попросите нескольких друзей или коллег прочитать его, чтобы убедиться, что размер шрифта, тип и цвет читаемы.
Шрифт и бренд: курсивный или курсивный шрифт придает вашему меню более формальный вид и требует внимания посетителей для чтения. С другой стороны, некоторые печатные шрифты более удобны и удобны для чтения. В зависимости от вашего бренда и концепции вы можете предпочесть один опыт другому.
Шрифт для цифрового и печатного: шрифты с засечками (шрифты с небольшими линиями по краям букв) удобны для печати. Они созданы для того, чтобы читатели могли легко различать буквы. Шрифты без засечек (шрифты без этих мелких линий) удобны для работы в Интернете. При создании окончательного вывода меню рассмотрите возможность использования шрифта для печати, отличного от цифрового. Вот пример:
Шрифт и согласованность: Шрифт наиболее эффективен как магнит для глаз, когда вы ограничиваете свое меню тремя шрифтами. Больше и читательский глаз не знает, где остановиться.
Хотя вы можете играть со шрифтами между описаниями, пунктами меню, категориями, окнами выноски и заголовками, убедитесь, что в каждой категории используется одинаковый шрифт (т. Е. Все описания используют один и тот же шрифт, а все категории используют один и тот же шрифт. Но описания и категории могут быть разными шрифтами).
Полужирный и курсив: аналогично цвету используйте полужирный и курсивный шрифт, чтобы помочь читателям сгруппировать визуальную информацию (например, все описания написаны курсивом) и направить их к важным блюдам (например.г. пункты меню, выделенные жирным шрифтом, обозначают специальные пункты).
PRO TIP: Создайте иерархию текста, используя комбинацию цвета, шрифта и размера шрифта. Категории должны быть самыми большими, за ними следуют элементы, а затем описания и цены. Каждый уровень иерархии должен иметь одинаковые характеристики цвета, шрифта и размера (т.е. все категории синие, размер 70 и Pacifico. Все описания серые, размер 30 и Calibri.
)Фон
Делайте: делайте это просто.
Общий дух фона вашего меню — сделать его простым. Вы не хотите отвлекать посетителей фоном, который отвлекает от пунктов меню. Также вам не нужен фон, который затрудняет чтение описаний. Сохраняйте нейтральный контраст и приглушенные цвета.
Do: используйте отрицательное пространство.
Негативное пространство (или пробел) позволяет глазам посетителей сделать перерыв и обработать информацию в вашем меню. Вызовите коробки и другие магниты для глаз более эффективны, когда они выделяются на фоне чистого холста.Другими словами…
Не делайте этого: ваше меню переполнено.
Дайте вашим предметам и описаниям возможность встать на ноги. Меньше текста позволяет читателю понять и переварить то, что он читает.
Стоимость
Есть несколько способов указать цены в меню. Вы можете выбрать цену для пунктов меню в любом из следующих форматов:
Теория девяноста девяти центов: эта стратегия ценообразования основана на идее, что, когда вы сохраняете цену на уровне X,99 цента вместо округления до следующего доллара, читатели связывают цену с менее дорогим числом.В сознании потребителя цена товара ниже, чем на самом деле, и поэтому он более охотно покупает. Отметим: все меньше и меньше ресторанов придерживаются этого старого стандарта. Вместо этого многие предпочитают округлять до следующего доллара.
Теория $. Исследование, проведенное в 2009 году Корнельским университетом, показало, что, когда рестораны убирают знак доллара из цены меню, клиенты тратят значительно больше, чем меню со знаками доллара или те, в которых указана цена.
Меню Информация о питании
И США, и некоторые провинции Канады вводят маркировку калорий в меню ресторанов.Эти законы были созданы, чтобы снизить ожирение и повысить прозрачность работы ресторанов. В целом, эти законы способствуют формированию у потребителей понимания пределов здоровых калорий.
Относится ли это ко мне?
Правила США и Онтарио предусматривают, что любой ресторан, принадлежащий сети или предприятиям с более чем 20 ресторанами, должен указывать количество калорий в своем меню и заявление об отказе от ответственности.
Если ваш ресторан не принадлежит сети или ресторанной корпорации с более чем 20 ресторанами, вам не нужно соблюдать правила маркировки калорий (на данный момент.) Однако вы можете выбрать включение калорий. Для ресторанов, для которых здоровье и питание являются центральным элементом своего бренда, вы можете подписаться на правило маркировки калорий в качестве маркетинговой инициативы.
Правила маркировки
США
Короче говоря, Правило маркировки меню, являющееся частью Закона о доступном медицинском обслуживании, требует от ресторанов и других предприятий общественного питания раскрывать калорийность каждого пункта меню. Рестораны и магазины розничной торговли с 20 и более местами должны соответствовать новому правилу до 7 мая 2018 г.
Заявление об отказе от ответственности в США:
О стандартных продуктах питания и меню: «2000 калорий в день используются для общих рекомендаций по питанию, но потребности в калориях различаются».
О продуктах питания, предназначенных для детей: «1200–1400 калорий в день используются для общих рекомендаций по питанию для детей в возрасте от 4 до 8 лет и от 1400 до 2000 калорий в день для детей в возрасте от 9 до 13 лет, но потребности в калориях различаются».
Канада (Онтарио)
В Канаде правила маркировки калорий устанавливаются отдельными провинциями.В 2017 году Онтарио стал первой канадской провинцией, которая потребовала подсчета калорий в меню. Это правило является частью Закона о выборе здорового меню, который вступил в силу 1 января 2017 года. Закон требует, чтобы любой сетевой ресторан с более чем двадцатью местами добавлял в меню информацию о калориях.
Онтарио Заявление об отказе от ответственности:
Об обычных продуктах питания и меню: «Среднестатистическому взрослому человеку требуется примерно от 2000 до 2400 калорий в день. Однако индивидуальные потребности в калориях могут отличаться.”
Продукты питания, предназначенные для детей: «Взрослым и молодым людям (от 13 лет и старше) требуется в среднем 2000 калорий в день, а детям (в возрасте от 4 до 12 лет) — в среднем 1500 калорий в день. Однако индивидуальные потребности различаются ».
Форматирование
Законы США и Канады требуют, чтобы информация о калориях также указывалась для каждого блюда. Калории должны быть включены в меню в следующем формате:
США:
Калорий должно появиться:
- рядом с названием или ценой соответствующего стандартного пункта меню размером шрифта не меньше, чем размер названия или цены соответствующего стандартного пункта меню (в зависимости от того, что меньше)
- того же цвета, что и название соответствующего пункта меню
- с тем же фоном, что и для соответствующего пункта меню
Онтарио:
Калорий должно появиться:
- того же размера и надписи, что и цена в меню (включая доски меню).
Заключение
Если еда — это душа вашего ресторана, то дизайн меню — это сердце. Как и многие другие вещи в индустрии, дизайн меню — это одновременно искусство и наука. Меню, которое одновременно функционально, эстетично и соответствует вашему бренду, — ваша лучшая приманка для получения прибыли. Теперь, когда мы рассмотрели основы искусства дизайна меню ресторана, пора заняться наукой использования вашего меню для увеличения продаж.
Минимальный размер группы
Пояснения> Группы > Минимальный размер группы
Описание | Обсуждение | Также
Описание
Сколько человек нужно для создания группы? 5? 10? На самом деле это три.
Один человек один. Два человека — это пара отношений. Когда доходит до в-третьих, это большой скачок в восприятии. Внутри этих трех есть большая чувство сплоченности и коллективной власти. Если к ним присоединяется другой человек, происходит дальнейшее улучшение, но это не такой большой шаг, как между двумя и тремя.
Тот же эффект отражается и в восприятии других. Двое можно рассматривать как человек и сторонник. К трем относятся более серьезно.Опять четыре увеличивает доверие, но это не такой большой шаг, как между двумя и три.
Воздействие группы во многом зависит от того, насколько слаженно они действуют. Если они появляются как один голос, тогда даже два могут иметь гораздо большую силу, чем один.
Обсуждение
В социальной психологии двух людей часто называют диадой, и они действуют иначе триада. В диаде каждый может сосредоточиться исключительно на другом. Это большой шаг от «только меня», но реляционная пара — это скорее одно партнерство, чем группа нескольких других.
В триаде внимание человека переключается между двумя другие. Этот процесс совместного внимания и заботы является важным элементом групп и помогает объяснить шаг между двумя и тремя людьми.
Когда размер группы достигает четырех, она может действовать как две диады. чем сплоченная и целеустремленная группа, что может привести к потере группы идентичность и последующая власть. В небольших группах нечетное число уменьшает шанс разделения на четные и, возможно, противостоящие подгруппы.
Существует круг влияния между тем, как люди в группе себя чувствуют, и какое уважение им оказывают другие. Если группа действует уверенно, им будет передано больше власти, что только действовать для дальнейшего повышения уверенности.
См. Также
Теория минимальных групп
8 типов меню, о которых вы должны знать
Как и кухня, которую вы обслуживаете, и атмосфера, которую вы создаете, ваше меню отражает качество вашего ресторана и влияет на выбор ваших клиентов.Меню всегда должны быть легко читаемыми, чистыми и актуальными. Однако общий формат вашего меню зависит от множества факторов.
Все современные ресторанные меню делятся на восемь различных категорий. Узнав их различия, вы сможете выбрать лучшее меню или меню для вашего ресторана. Рестораны, которые стратегически подходят к форматам своих меню, могут принести больше доходов и порадовать больше клиентов четкими и удобными вариантами выбора.
La Carte
По-французски la carte буквально означает «по меню».В ресторанной индустрии la carte — это высококлассный термин, используемый для обозначения меню, в котором перечислены товары, цена и заказ которых отдельно. Если вы хотите предоставить своим гостям большую гибкость, составьте индивидуальный список вариантов в меню a la carte. Они будут платить за каждую отдельную сторону, которую они выберут, а такие закуски, как стейк или запеченный баклажан, будут самостоятельными.
Du Jour Menu
Du jour означает «дня», и этот термин не ограничивается супами или коктейлями. Меню Du jour предлагает гибкость для небольших и загруженных ресторанов, поскольку их можно настраивать каждый день или даже в течение дня.Эти меню, которые обычно пишутся на классных досках или отображаются на цифровых дисплеях, могут включать в себя что угодно, от отдельного специального элемента до списка вариантов входа в этот день. Обычно они представлены вместе со стандартным статическим меню.
Циклическое меню
Если вы меняете пункты меню в зависимости от дня недели, сезонной доступности или выбора шеф-повара, вам понадобится практичный способ отображения простых, но постоянно меняющихся вариантов. Меню Du jour необходимо менять ежедневно, но циклические меню содержат полный список текущих и предстоящих пунктов меню.Кафетерии часто используют меню еженедельного или ежемесячного цикла, потому что готовят разные блюда на одном и том же оборудовании. Кроме того, круизные лайнеры, курортные отели и больницы также могут использовать велосипедные меню.
Prix Fixe Menu
Французский для «фиксированной цены», prix fixe описывает меню, которое в буквальном смысле имеет фиксированную цену. Для каждого блюда может быть несколько вариантов, но в конечном итоге каждый гость получит одинаковое количество блюд, обычно это закуска, салат или суп, основное блюдо и десерт, и заплатит одинаковую стандартную цену независимо от того, какой индивидуальный выбор они выберут.Меню Prix Fixe можно также назвать меню для особых случаев, поскольку они обычно используются только для особых случаев, таких как День Благодарения, Рождество или Пасха.
Table d’hte
Еще один французский кулинарный термин, table d’hte означает «стол хозяина» и описывает меню, похожее на меню prix fixe, но с более высококлассным выражением. Этот термин сначала относился к еде, разделяемой между гостями дома и их хозяевами, которые собрались за одним столом, чтобы насладиться одними и теми же блюдами.Однако, в отличие от фиксированного призового меню, цены на отдельные блюда могут отличаться. Меню табльдот также является отличным выбором для праздничных блюд и блюд, которые поощряют совместное использование, таких как пасхальный бранч или испанские тапас.
Меню напитков
Если вы предлагаете несколько вариантов пива, вина, коктейля или даже сока и газировки, вы можете разделить их на отдельное меню напитков. Гости, которые начинают с воды, могут заказывать напитки позже, если у них есть меню напитков для просмотра во время еды.Некоторые меню напитков содержат фотографии фирменных коктейлей, обширные списки выбора крафтового пива или информацию об ингредиентах и традициях, которые послужили основой для создания каждого напитка.
Меню десертов
Многие стандартные меню имеют разделы с десертами, но поскольку серверы собирают меню после того, как основные блюда заказаны, гости не могут обращаться к этим разделам позже. Вот почему некоторые рестораны предлагают отдельные десертные меню, которые могут отображаться прямо на столах или выдаваться после того, как все гости закончили есть.В элитных ресторанах может даже появиться тележка с десертами, в которой есть каждый пункт меню, что затрудняет отказ от сладких угощений, даже если все наелись.
Wine Captains Books
В большинстве сидячих ресторанов есть отдельное меню напитков, но очень высококлассные рестораны часто имеют особенно обширные винные погреба, и взыскательные посетители хотят выбрать идеальное разнообразие, чтобы дополнить свою еду. Серверы могут предлагать варианты сочетания, но в книге винных капитанов должны быть указаны годы и виноделы каждой доступной бутылки.
Выберите лучший формат меню для вашего ресторана
Одно меню не подходит для всех ресторанов. Независимо от того, подаете ли вы четыре блюда для гурманов или ассортимент основных продуктов быстрого приготовления, в вашем меню каждый вариант должен быть понятным и привлекательным. Какой из десяти форматов меню ресторана вам подходит?
15 UX Guidelines to Help Users
Помощь пользователям в навигации должна быть приоритетной задачей почти для каждого веб-сайта и приложения. В конце концов, даже самая крутая функция или самый интересный контент бесполезны, если люди не могут их найти.И даже если у вас есть функция поиска, обычно не следует полагаться на поиск как на единственный способ навигации. Большинство дизайнеров осознают это и включают в свои проекты некоторые формы меню навигации.
Определение : Меню навигации — это списки категорий или функций контента, обычно представленные в виде набора ссылок или значков, сгруппированных вместе с визуальным оформлением, отличным от остального дизайна.
Меню навигации включает, помимо прочего, панели навигации и гамбургер-меню.
Меню настолько важны, что вы можете найти их практически на каждом веб-сайте или в программном обеспечении, с которым вы сталкиваетесь, но не все меню созданы одинаково. Слишком часто мы наблюдаем, как пользователи борются с меню, которое сбивает с толку, которым трудно манипулировать или просто трудно найти.
Избегайте распространенных ошибок, следуя этим рекомендациям по использованию меню навигации:
Сделать видимым
- Не используйте крошечные меню (или значки меню) на больших экранах . Меню не следует скрывать, когда у вас достаточно места для их отображения.
- Разместите меню в знакомых местах. Пользователи ожидают найти элементы пользовательского интерфейса там, где они видели их раньше, на других сайтах или в приложениях (например, левая панель, верхняя часть экрана). Заставьте эти ожидания работать в вашу пользу, разместив меню там, где люди ожидают их найти.
- Сделать ссылки меню интерактивными . Пользователи могут даже не осознавать, что это меню, если параметры не выглядят интерактивными (или недоступными). Меню может показаться просто декоративными картинками или заголовками, если вы включаете слишком много графики или слишком строго придерживаетесь принципов плоского дизайна.
- Убедитесь, что ваше меню имеет достаточный визуальный вес. Во многих случаях меню, размещенное в знакомых местах, не требует большого окружающего белого пространства или насыщенности цвета, чтобы быть заметными. Но если дизайн загроможден, меню, в которых отсутствует визуальный акцент, можно легко потерять в море графики, рекламных акций и заголовков, конкурирующих за внимание зрителя.
- Используйте цвета текста ссылки, контрастирующие с цветом фона . Удивительно, как много дизайнеров игнорируют правила контрастности ; навигация в цифровом пространстве достаточно дезориентирует, даже если вам не нужно щуриться на экран, чтобы прочитать меню.
Даже дизайнеры, знакомые со всеми этими рекомендациями, все равно могут создавать меню, которые не замечаются пользователями, потому что так трудно объективно оценить свою собственную работу — особенно по субъективным критериям, таким как наличие чего-либо. Если вы знаете, где это находится (потому что вы положили это туда), то, конечно, вы можете это увидеть! Вот почему так важно тестировать свои меню с пользователями.
Сообщите текущее местоположение
- Сообщите пользователям, «где» в настоящее время видимый экран находится в опциях меню .»Где я?» — один из основных вопросов, на который нужно ответить пользователям для успешной навигации. Пользователи полагаются на визуальные подсказки из меню (и других элементов навигации, таких как хлебные крошки), чтобы ответить на этот важный вопрос. Отсутствие указания текущего местоположения, вероятно, является самой распространенной ошибкой, которую мы видим в меню веб-сайтов. Как ни странно, эти меню больше всего нуждаются в ориентировании пользователей, поскольку посетители часто не входят с главной страницы.
Координатное меню с задачами пользователя
- Используйте понятные метки ссылок .Выясните, что ищут пользователи, и используйте знакомые и актуальные ярлыки категорий. Меню — это , а не , место, где можно подружиться с выдуманными словами и внутренним жаргоном. Придерживайтесь терминологии, которая четко описывает ваш контент и функции.
- Упростите сканирование ярлыков со ссылками. Вы можете сократить количество времени, которое пользователи тратят на чтение меню, выровняв вертикальные меню по левому краю и загрузив ключевые термины спереди.
- Для больших веб-сайтов используйте меню, чтобы пользователи могли предварительно просматривать содержимое нижнего уровня. .Если типичное путешествие пользователя включает в себя детализацию по нескольким уровням, мегаменю (или традиционные раскрывающиеся меню) могут сэкономить время пользователей, позволяя им пропустить уровень (или два).
- Предоставляет локальные меню навигации для тесно связанного содержимого . Если люди часто хотят сравнивать связанные продукты или выполнять несколько задач в одном разделе, сделайте эти соседние страницы видимыми с помощью локального меню навигации, а не заставляйте людей «перемещаться» вверх и вниз по вашей иерархии.
- Используйте визуальную коммуникацию .Изображения, графика или цвета, которые помогают пользователям понять параметры меню, могут помочь в понимании. Но убедитесь, что изображения поддерживают задачи пользователя (или, по крайней мере, не усложняют их).
Упростите манипулирование
- Сделайте ссылки меню достаточно большими, чтобы их было легко нажимать или нажимать . Слишком маленькие или расположенные слишком близко друг к другу ссылки являются огромным источником разочарования для мобильных пользователей, а также излишне затрудняют использование дизайна на большом экране.
- Убедитесь, что раскрывающиеся меню не слишком маленькие или слишком большие .Слишком короткие раскрывающиеся меню, активируемые при наведении указателя мыши, быстро превращаются в упражнение, вызывающее разочарование, поскольку они, как правило, исчезают, когда вы пытаетесь навести на них указатель мыши, чтобы щелкнуть ссылку. С другой стороны, слишком длинные вертикальные раскрывающиеся списки затрудняют доступ к ссылкам в нижней части списка, поскольку они могут быть обрезаны ниже края экрана и потребовать прокрутки. Наконец, слишком широкие раскрывающиеся списки, активируемые при наведении указателя мыши, легко принять за новые страницы, вызывая у пользователей недоумение относительно того, почему страница, казалось бы, изменилась, даже если они ничего не нажимали.
- Подумайте о «липких» меню для длинных страниц. Пользователи, которые достигли нижней части длинной страницы, могут столкнуться с утомительной прокруткой, прежде чем они смогут вернуться к меню вверху. Меню, которые остаются видимыми вверху области просмотра даже после прокрутки, могут решить эту проблему и особенно приветствуются на небольших экранах.
- Оптимизация для легкого физического доступа к часто используемым командам . Для раскрывающихся меню это означает размещение наиболее распространенных элементов рядом с целью ссылки, которая запускает раскрывающийся список (чтобы мыши или пальцу пользователя не приходилось перемещаться так далеко.В последнее время некоторые мобильные приложения даже начали возрождать круговые меню, в которых все пункты меню находятся рядом, располагаясь по кругу (или полукругу).
«Вау» пользователей инновационными и интересными методами взаимодействия с меню
Вообще-то… нет.
Попытка произвести впечатление на ваших пользователей крутыми эффектами должна быть , а не одним из ваших приоритетов при создании меню. Другие дизайнеры могут быть впечатлены новым дизайном меню, но пользователи, как правило, больше впечатляются отличным контентом, который красиво представлен и легко доступен через знакомые меню.
Конечно, иногда новые типы меню улучшают взаимодействие с пользователем. (Мегаменю — отличный пример этого явления.) Или, иногда новые технологии настолько отличаются, что некоторые из этих рекомендаций не применимы — например, рекомендации по визуальному весу не имеют отношения к системам распознавания голоса. Но таких случаев немного, и большинство интерфейсов будет проще в использовании, если они будут придерживаться этих принципов.
(Узнайте больше о меню в нашем дневном курсе по дизайну навигации.)
Easy Context Menu 1.6 Скачать
Это позволяет быстро и легко получить доступ к наиболее часто используемым компонентам Windows. Просто установите флажки рядом с элементами, которые вы хотите добавить. После добавления просто щелкните правой кнопкой мыши и выберите ярлык компонента, чтобы запустить его. Easy Context Menu является портативным и бесплатным программным обеспечением.
Как использовать:
Распакуйте ZIP-архив в выбранную папку и запустите программу. Выберите нужные элементы контекстного меню, установив соответствующий флажок, затем нажмите кнопку «Применить изменения».
Простое контекстное менюимеет шесть основных категорий и три подкатегории:
- Контекстное меню рабочего стола
- Контекстное меню «Мой компьютер»
- Инструменты
- Системные инструменты
- Параметры выключения
- Контекстное меню дисков
- Контекстное меню папки
- Контекстное меню файла
- EXE файл Контекстное меню
Внутри находятся все небольшие инструменты Sordum: удаление временных файлов, перезапуск проводника Windows, отображение или скрытие скрытых файлов / папок, отображение или скрытие расширений файлов, восстановление кеша значков оболочки, выбор всех файлов, копирование IP-адреса, уменьшение объема памяти, исправление Print Spooler, Take Ownership (в котором нет проблем с UAC, и он также работает в Windows XP).
Вы можете выбрать отображение или скрытие значка для любого элемента, щелкнув его правой кнопкой мыши и выбрав «Включить значок». Нажмите «Включить значок» еще раз, чтобы отключить его.
В том же меню можно расположить значки (вверху, посередине или внизу) или перейти непосредственно к разделу реестра для этого элемента. Параметр «Включить щелчок с нажатой клавишей Shift» устанавливает элемент как скрытый в меню до тех пор, пока вы не нажмете клавишу Shift, которая затем сделает его видимым.
Добавьте любую программу в свое контекстное меню:
С помощью простого контекстного меню очень легко добавить любую программу в контекстное меню.Для этого:
- Открыть редактор списка
- Перетащите нужную программу в редактор
- Нажмите кнопку «Сохранить изменения» и закройте редактор списка.
- Теперь вы увидите недавно добавленную программу в главном окне ECM. Просто выберите его и нажмите кнопку «Применить изменения».
Как очистить меню правой кнопки мыши:
Контекстное меню часто используется поставщиками программного обеспечения, которые добавляют бесполезные записи, не спрашивая разрешения.Вы можете использовать новую функцию очистки контекстного меню ECM, чтобы удалить все ненужные записи.
Просто выберите ненужную запись и нажмите кнопку «Удалить», чтобы удалить ее из контекстного меню. Это так просто.
Что нового:
- [Исправлено] — не работает функция «Записки» правой кнопкой мыши
- [Исправлено] — Проблема записи реестра Windows 10
- [Исправлено] — Проблемы с ограниченным доступом пользователей
- [Исправлено] — Если вы измените имя группы в редакторе списка, целевое комбинированное меню не обновится само.
- [Исправлено] — Для блокировки клавиатуры требуется разрешение администратора
- [Исправлено] — всплывающая подсказка не работает должным образом
- [Исправлено] — Экран Attrib слишком узкий
- [Исправлено] — Ошибка командной строки и некоторые незначительные ошибки перевода
- [Добавлено] — Значок загрузки сохраненных настроек
размер меню и размер меню
Procurando размер меню !!! Esse é o lugar certo! Você já sabe que não importa o que esteja procurando, vai encontrar no AliExpress.Temos milhares de ótimos produtos em todas as categoryposíveis. Quer marcas famosas, roupas baratas ou compras no atacado? Garantimos que voiceê vai encontrar o que procura. Aqui voiceê encontra desde lojas oficiais até vendedores independentes. Aproveite a comfort, segurança e differentes opções de pagamento, tudo com frete rápido e seguro, independente de quanto voiceê gastar.
Todos os dias vêê encontra novas ofertas exclusivas, descontos e вероятности deconomizar ainda mais com cupons.Não perca tempo! Размер меню есть и есть все, что нужно для этого. Представьте себе, что вам нужно, чтобы изменить размер меню без AliExpress. Com os menores preços online e taxas de frete baixas, voêconomiza muito mais.
Если вы хотите, чтобы размер меню соответствовал размеру меню, он был выбран аналогичным продуктом, или AliExpress é um ótimo lugar para compare preços e vendedores.Ajudaremos voiceê a decidir se vale a pena pagar mais por uma marca famosa ou se o produto mais barato também é bom. Além disso, se quiser se dar um presente e comprar a opção mais cara, o AliExpress semper garante que Você pague o melhor preço, включая quando isso envolve sugerir que Você espere um pouco mais por uma promoção.
Или AliExpress тема orgulho em garantir que vê esteja semper bem informado для fazer suas escolhas ao comprar de uma das centenas de lojas e vendedores da nossa plataforma.Todos os vendedores são avaliados por seu atendimento, preços e qualidade por consumidores de verdade. Além das avaliações, você também pode compare preços, ofertas de frete e descontos entre diferentes vendedores para o mesmo produto através dos comentários de consumidores contando suas Experências e, assim, pode comprar com confiança. Parece bom demais para ser verdade? Você não Precisar acreditar na gente, só Precisa escutar nossos milhões de consumidores satisfeitos!
Novo нет AliExpress? Temos uma dica especial para voê.Antes de clicar em «Comprar agora», dê uma olhada nos cupons e Economize ainda mais! Você encontra cupons de lojas, do AliExpress e ainda pode ganhar cupons todos os dias com jogos no nosso App. Além de tudo isso, como a maioria dos nossos vendedores oferece frete grátis, voiceê pode ter a certeza de estar comprando menu size com um dos melhores preços da internet.
Aqui, voiceê semper encontrará o melhor da tecnologia, moda e marcas.Нет AliExpress, квалификация, preço e atendimento são prioridade. Comece agora mesmo a melhor Experência de compras da sua vida !!!
.