Оформление шапки: Шапка профиля в Инстаграм 2022: как оформить правильно

Содержание

Шапка профиля в Инстаграм 2022: как оформить правильно

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

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

Какой должна быть шапка профиля

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

1. Аватар

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

— Сфера

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

Сфера деятельности

— 3D-эффект

Создайте аватарку, выходящую за пределы стандартных размеров, так называемый 3D-аватар. Это смотрится эффектно, и, как минимум, вызовет у пользователей желание зайти в профиль и рассмотреть картинку поближе.

Выход за пределы аватара

— Арт-портрет

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

Арт-искусство

— Сториз-эффект

Создайте на фотографии профиля сториз-эффект, это поможет увеличить количество посещений. Кроме обычной розовой рамки, можно сделать зеленое обрамление для аватара, напоминающее активную сториз для категории “Близкие друзья”.

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

Эффект сторис

2. Имя профиля

Не путайте с ником в инстаграм. Имя — строчка под аватаркой, именно она индексируется в поиске Инстаграмм, и по ней Вас смогут найти новые пользователи и клиенты.

— Сфера деятельности

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

Направление деятельности

— Имя владельца

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

Имя владельца

— ГЕО

Укажите географическое положение в шапке, если у Вас локальный бизнес. Так клиентам будет легче отыскать профиль. При этом указывать город в строке БИО бессмысленно, так как оно не будет индексироваться в поиске instagram.

Локация

— Ограничение ЦА

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

Категория аудитории

— Смайлы

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

Эмоджи в имени

— Акция

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

Актуальная акция

3. Описание

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

— Слоган

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

Популярный слоган

— Список услуг

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

Оказываемые услуги

— Условия сотрудничества

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

Условия сотрудничества

Лайфхак. Хотите продавать в инстаграм 5 новым клиентам ежедневно? Тогда рекомендуем Вам использовать массовые подписки и лайки, которые считаются самым выгодным способом для привлечения подписчиков и покупателей. Главный помощник для массовых действий – это Instaplus.pro. Кликайте и тестируйте сервис -> Instaplus. pro («Inscale» скидка 20%).

— УТП

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

Отличия от конкурентов

— Призыв

Разместите мотивирующий призыв подписаться на Вас, ориентируясь на и интересы ЦА. Например, предложите скидку за подписку.

— Ценность

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

Выгоды от сотрудничества

— Факты

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

Конкретные цифры

— Экспертность

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

Демонстрация экспертности

На правах рекламы

— Документы

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

Основания на деятельность

— Подарок

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

Подарки за действие

— Актуальные акции

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

Актуальные предложения

— Анонс мероприятий

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

Анонсы

— Другие направления

Укажите в БИО отметки аккаунтов через символ @, если Вы ведете несколько проектов. Так пользователи смогут ознакомиться со всеми направлениями Вашей деятельности и повысят охваты на других аккаунтах. Например, в аккаунте женской одежды уместно разместить ссылку на детский шоурум или страничку с косметикой. При этом важно 1-2 словами описать, куда ведет указанная ссылка, чтобы избежать недопониманий.

Ссылки на проекты

Лайфхак. Хотите повысить охваты и вовлеченность в соцсетях? Тогда рекомендуем LiveDune, сервис быстро и безопасно сделает аналитику соцсетей и предоставит варианты продвижения. Кликайте и тестируйте 7 дней бесплатно -> LiveDune (Промокод «INSCALE» скидка 30%)

4. Ссылка

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

— Сайт

Разместите ссылку на корпоративный сайт компании с УТМ-меткой, чтобы отслеживать эффективность продвижения профиля.

Корпоративный сайт

— Онлайн-запись

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

Онлайн-запись

— Цены

Дайте ссылку на прайс-лист. Такой подход опять же побережет время на обработку тысячи одинаковых вопросов “а сколько стоит?”

Прайс-лист

— Связь

Поместите ссылку на whats-app для связи клиента с Вами. Многим удобнее общаться в мессенджерах. К тому же, например, для интернет-магазинов общение по заказам по номеру телефона внушает больше доверия, нежели переписка в Direct.

Связь с клиентом

— Теги

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

Фирменные теги

— Лид-магнит

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

Бесплатные материалы

— Другие площадки

Добавьте ссылку на профиль в другой соц.

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

Другие площадки

— Мультиссылка

Объедините с её помощью несколько активных ссылок в одну, избавьтесь от громоздкого описания профиля и создайте страницу-визитку или лендинг, а также оптимизируйте трафик перехода в социальные сети. Для создания мультиссылки рекомендую taplink.ru (по промокоду “INSCALE7” 7 дней бесплатно).

Мультиссылка

5. Текст шапки

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

— Четыре строчки

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

Первые строчки

— Абзацы

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

Деление на абзацы

— Шрифты

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

Шрифты и выделения

— Эмоджи

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

Эмоджи

— Капс

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

Акцент капсом

— Иностранщина

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

Язык описания

— Выравнивание

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

Выравнивание посередине

— Дополнительное пространство

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

Расширение описания

Интересно. Хотите сотрудничать с блогером, но переживаете что он накручивает себе статистику? Тогда рекомендуем TrendHero. Сервис покажет реальную активность в профиле и сравнит интересы вашей ЦА и ЦА интересующего блогера. А еще Вы увидите качество его постов и историй по охватам. Кликайте и проверяйте -> TrendHero

коротко о главном

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

ВКЛЮЧАЙТЕСЬ В СОЦСЕТИ УЖЕ 40 000+ С НАМИ

Екатерина

Сергей

Иван

Елена

Екатерина

Формула 1:

Кто я? Как Вы себя позиционируете одним словом — «модель», «копирайтер», «мастер маникюра» и т. д.;
Что я делаю? Чем Вы занимаетесь одним предложением — “веду подготовку к ЕГЭ и ОГЭ”, “создаю кулинарные шедевры”;
Чем я полезен? Ваше привлекательное предложение — “дарю скидку 10% на первый заказ”, “всем ученикам методические рекомендации в подарок”;
Как со мной связаться? Ваши контакты, ссылки на соцсети или сайт.

Формула 2:

Кто я? По аналогии с первым шаблоном — «репетитор», «дизайнер», «бровист» и т.д.;
Кому я помогаю? Категория целевой аудитории, на которую направлен Ваш контент — “готовлю 10-11 классы к ЕГЭ”;
Как достигаю результат? Что помогает Вам нести пользу и ценность целевой аудитории — “обучаю по авторской методике”;
Как протестировать? Возможность затестить Ваш продукт через ссылку на лид-магнит -“смотри первый урок бесплатно”.

Шапка профиля в Инстаграм 2022: как оформить правильно

Какой должна быть шапка профиля

1. Аватар

— Сфера

Сфера деятельности

— 3D-эффект

Выход за пределы аватара

— Арт-портрет

Арт-искусство

— Сториз-эффект

Эффект сторис

2. Имя профиля

— Сфера деятельности

Направление деятельности

— Имя владельца

Имя владельца

— ГЕО

Локация

— Ограничение ЦА

Категория аудитории

— Смайлы

Эмоджи в имени

— Акция

Актуальная акция

3. Описание

— Слоган

Популярный слоган

— Список услуг

Оказываемые услуги

— Условия сотрудничества

Условия сотрудничества

— УТП

Отличия от конкурентов

— Призыв

— Ценность

Выгоды от сотрудничества

— Факты

Конкретные цифры

— Экспертность

Демонстрация экспертности

На правах рекламы

— Документы

Основания на деятельность

— Подарок

Подарки за действие

— Актуальные акции

Актуальные предложения

— Анонс мероприятий

Анонсы

— Другие направления

Ссылки на проекты

4. Ссылка

— Сайт

Корпоративный сайт

— Онлайн-запись

Онлайн-запись

— Цены

Прайс-лист

— Связь

Связь с клиентом

— Теги

Фирменные теги

— Лид-магнит

Бесплатные материалы

— Другие площадки

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

Другие площадки

— Мультиссылка

Мультиссылка

5. Текст шапки

— Четыре строчки

Первые строчки

— Абзацы

Деление на абзацы

— Шрифты

Шрифты и выделения

— Эмоджи

Эмоджи

— Капс

Акцент капсом

— Иностранщина

Язык описания

— Выравнивание

Выравнивание посередине

— Дополнительное пространство

Расширение описания

коротко о главном

ВКЛЮЧАЙТЕСЬ В СОЦСЕТИ УЖЕ 40 000+ С НАМИ

Екатерина

Сергей

Иван

Елена

Екатерина

Формула 1:

Кто я? Как Вы себя позиционируете одним словом — «модель», «копирайтер», «мастер маникюра» и т. д.;
Что я делаю? Чем Вы занимаетесь одним предложением — “веду подготовку к ЕГЭ и ОГЭ”, “создаю кулинарные шедевры”;
Чем я полезен? Ваше привлекательное предложение — “дарю скидку 10% на первый заказ”, “всем ученикам методические рекомендации в подарок”;
Как со мной связаться? Ваши контакты, ссылки на соцсети или сайт.

Формула 2:

Кто я? По аналогии с первым шаблоном — «репетитор», «дизайнер», «бровист» и т.д.;
Кому я помогаю? Категория целевой аудитории, на которую направлен Ваш контент — “готовлю 10-11 классы к ЕГЭ”;
Как достигаю результат? Что помогает Вам нести пользу и ценность целевой аудитории — “обучаю по авторской методике”;
Как протестировать? Возможность затестить Ваш продукт через ссылку на лид-магнит -“смотри первый урок бесплатно”.

Дизайн шапки веб-сайта: 8 советов для бизнеса

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

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

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

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

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

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

Содержание поста

1. Главный образ
2. Ценностное предложение
Делайте его простым и релевантным
Сосредоточьтесь на вознаграждении клиентов, а НЕ на своем продукте
Отличайтесь от конкурентов
3. Навигация
Не ставьте форму выше функции
Определяйте пункты меню на основе потребностей, а не правил
Экспериментируйте с дизайном
4. Поиск по сайту
5. Важно Призывы к действию
Привлекайте внимание с помощью привлекательных вариантов дизайна
Показывайте призывы к действию на лучших позициях
Расскажите, кто вы и что могут сделать посетители
6. Важнейшие функции сайта
7. Корзина покупок
8. Контактная информация
Вынос

1. Главное изображение

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

Видите ли, никакая формула не поможет подобрать идеальный образ героя. Имея так много возможностей, вам придется выбирать визуальные элементы веб-сайта, основываясь на двух факторах: 9.0075

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

Например, урезанный веб-дизайн с минимальными изображениями или без них — популярный выбор в 2022 году, и на то есть веская причина — посмотрите, как красиво Grown Alchemist реализует его в разделе героев.

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

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

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

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

2. Ценностное предложение

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

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

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

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

Сохраняйте простоту и актуальность

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

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

Чтобы узнать, как стимулировать конверсию с помощью прямого общения, ознакомьтесь с ценным предложением Ultimate Meal Plans, которое обещает « Планирование питания стало проще. Индивидуальные планы питания, списки продуктов и рецепты доставляются каждую неделю».

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

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

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

Таким образом, составляя свое уникальное ценностное предложение, делайте это таким образом, чтобы сфокусироваться на ваших клиентах, как это делает Curology, бренд, который обещает «Полный комплекс услуг по уходу за кожей […] персонализированный экспертами для клинически доказанных результатов».

Выделитесь среди конкурентов

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

Попробуйте использовать этот раздел, чтобы сразу выделить свой бренд среди конкурентов.

Например, Google делает это на целевой странице Chrome, указывая, что приложение «Браузер, созданный Google». Просто? Определенно. Но это работает.

Источник: google.com

3. Навигация

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

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

Но хотя вы, возможно, читали о передовых методах навигации, таких как правило 3-х кликов, вы все еще можете задаться вопросом: что исследование UX может сказать о навигации?

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

Не ставьте форму выше функциональности

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

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

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

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

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

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

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

Экспериментируйте с дизайном

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

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

4. Поиск по сайту

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

Согласно исследованию Econsultancy, не все посетители сайта пользуются функцией поиска. Тем не менее, когда они это делают, они в 1,8 раза чаще конвертируются и приносят в среднем 13,8% от общего дохода.

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

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

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

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

5. Важные призывы к действию

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

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

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

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

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

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

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

Показывать кнопки призыва к действию в основных позициях

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

Традиционный выбор, естественно, ниже вашего ценностного предложения.

Однако вы также можете зарезервировать место для важных CTA в меню навигации вашего сайта, как это сделал Отто.

Сообщайте, кто вы и что могут делать посетители

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

Убедитесь, что ваши призывы к действию четко (и заманчиво) сообщают инструкции о том, что происходит при нажатии кнопки, как это делается в заголовке Preset Love CTA, который приглашает посетителей на « Получить предустановленный набор.

6. Важнейшие функции сайта

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

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

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

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

Существует также альтернативный подход использования заголовка веб-сайта для представления ключевых функций UX, как показано на целевой странице MOZ Keyword Explorer.

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

7. Корзина покупок

По состоянию на ноябрь 2021 года средний показатель отказа от корзины составляет 69,82%, что означает, что предприятия теряют примерно две трети своих потенциальных покупателей из-за плохого дизайна UX.

На самом деле, по данным Baymard Institute:

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

Теперь вы можете подумать: какое это имеет отношение к шапке моего сайта? Ответ довольно прост!

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

А для еще более продвинутого подхода к максимальному использованию этого элемента UX вы можете сделать что-то похожее на Kopi Luwak Direct.

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

8. Контактная информация

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

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

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

The Takeaway

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

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

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

6-цилиндровый и 12-цилиндровый дизайн выпускного коллектора

Мелодичный звук

Надеюсь, вам понравились эти статьи о дизайне выхлопного коллектора. Сборка коллекторов из нержавеющей трубы, согнутой на оправке, с использованием надлежащих технологий изготовления важна, но решающее значение имеет правильная конструкция коллектора. В прошлом месяце мы рассматривали выхлопные коллекторы с углом поворота 180 градусов для двигателей V-8. Как уже говорилось, концепция 180 градусов была разработана, чтобы помочь выровнять импульсы выхлопа при неравномерном выстреле 9.0 градусов провернуть V-8, чтобы расширить диапазон мощности двигателя. Концепция оказалась очень успешной, о чем свидетельствуют гоночные автомобили Ford GT40 60-х годов. В этом месяце я хотел бы сосредоточиться на выхлопных коллекторах V-12 и шестицилиндровых двигателей.

Self I-6 DragsterСледует отметить, что шестицилиндровые и 12-цилиндровые двигатели по своей природе сбалансированы и равномерно работают. То есть для рядного шестицилиндрового (I-6) двигателя порядок зажигания таков, что цилиндры зажигаются попеременно между передними 3 и задними тремя цилиндрами с разделением 120 градусов (720/6). Цилиндры двигателя V-6, обычно расположенные в форме буквы «V» на 60 градусов, работают попеременно между рядами также с разделением на 120 градусов. V-12 — это, по сути, два I-6 (или два V-6), соединенных вместе в бедре, с цилиндрами, работающими попеременно от берега к крену, разделенными 60 градусами коленчатого вала (720/12). Мелодичный звук Ferrari V-12 свидетельствует о равномерности работы этих двигателей. Обычно выхлопы И-6 настраиваются как два коллектора 3-1. Передние 3 цилиндра объединены в один коллектор, а задние 3 в другой. Двигатель V-6 обычно имеет сборную систему 3-1 на каждом ряду. V-12 обычно имеет две такие установки (разъемы 4 x 3-1). Во многих случаях 3-1 объединяются в окончательный 2-1, в результате чего получается одна выхлопная труба от каждого ряда из 6 цилиндров.

При такой настройке выхлопа импульсы выхлопа в каждый коллектор 3-1 для всех этих комбинаций разделены на 240 градусов коленчатого вала. Импульсы выхлопа разнесены далеко друг от друга и не конкурируют за проходное сечение в коллекторе, что позволяет использовать относительно небольшое выходное отверстие коллектора и, как следствие, увеличить диапазон мощности. Кроме того, в отличие от 180-градусной конфигурации, необходимой для 90-градусных V-8, упаковка заголовка является прямой.

Следует отметить, что некоторые двигатели V-6 считаются «нечетными», в первую очередь Buick V-6 конца 60-х и 70-х годов. Некоторые из этих двигателей имеют коленчатый вал со смещенным валом, который использовался в гонках, включая серии USAC, SCCA Trans Am и IMSA, в 70-х и начале 80-х годов. Эти двигатели имеют 9Угол между банками 0 градусов, как у V-8. Ходили слухи, что эти двигатели были получены из отливок V-8 с двумя удаленными цилиндрами. В одной из конструкций двигателя использовался кривошип с тремя шейками, разнесенными на 120 градусов. Итак, подобно тому, что происходит с V-образным твином Harley, цилиндры срабатывают через нечетные промежутки времени. В некоторых кругах они стали известны как «шейкеры». В этом случае последовательность интервалов работы цилиндров составляет 90-150-90-150-90-150. Чтобы свести к минимуму вибрацию 90-градусного V-образного угла, в другой конструкции использовался кривошип «смещенный стержень-шейка», что приводило к последовательности 108-132-108-132-108-132. Такое расположение было более плавным, но менее надежным для гонок из-за более узких шеек, необходимых для конструкции.

Хотя эти 90-градусные схемы V-6 требовали уникальной схемы распределителя и последовательности впрыска топлива, это мало повлияло на конструкцию выхлопа. Если вы заметили, выхлопные импульсы, попадающие в каждый коллектор, по-прежнему составляют 240 градусов. Например, для кривошипно-шатунного двигателя с общей шейкой срабатывает ряд 1, затем через 90 градусов срабатывает ряд 2 и через 150 градусов снова срабатывает ряд 1, что приводит к 240 градусам между срабатыванием цилиндра в каждом коллекторе. (т.е. 90+150=240). Аналогично, для кривошипа со смещенной шейкой 108 + 132 = 240 градусов. Теоретически, если бы в этой установке использовалась трубка X или Y, можно было бы ожидать «перенаселенности» во время 9Разделение огня 0 градусов. На практике мы обнаружили, что импульсы выхлопа кажутся «кондиционированными», проходя через первый коллектор и оказывая минимальное влияние на X- или Y-образную трубу.

Итак, теперь, когда мы объяснили, что двигатель V-12 является двигателем равномерного горения и не требует пересечения коллекторных труб через V-образный ряд, установите этот набор 180-градусных коллекторов на V-12. ! Много лет назад Джек Бернс разработал и изготовил набор 180-градусных коллекторов для буксирного катера с двигателем 396 cid Jaguar V-12 — по сути, 3 разъема 4-1. Всегда любопытный, Джек хотел увидеть влияние использования 180-градусного разделения огня на характеристики V-12. Установка двигателя на лодке для круговых гонок сделала его отличным кандидатом для этого эксперимента, поскольку коллекторные трубы можно было перенести на верхнюю часть двигателя над впускными трубами. Такое расположение привело к странному расположению трех коллекторов мегафона, расположенных над двигателем. Звук двигателя с выхлопом был описан некоторыми как звук легендарных автомобилей Формулы-1 Matra V-12 70-х годов.

IMSA GTP Group 44 JaguarМягко говоря, эта лодка привлекла внимание многих на гонках. На самом деле, Боб Туллиус, известный из группы 44, пронюхал о том, что делал Джек, и попросил попробовать заголовки на их динамометрическом стенде. То, что они обнаружили, было значительным увеличением как крутящего момента, так и лошадиных сил по сравнению с тем, что они использовали на ягуарах Group 44 Factory Racing IMSA GTP. Очевидно, что такая выхлопная система не подходит для гоночных автомобилей. Однако Джек проконсультировался с инженерами Group 44, чтобы разработать более традиционную схему 12-в-4, которая была значительным улучшением по сравнению с их предыдущей конструкцией выхлопного коллектора.

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