Рубрика: Платформа

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

1. Функциональное состояние

Поля со списками должны, подобно кнопкам, реагировать на действия пользователя, показывая, что готовы (или не готовы) к взаимодействию. Среди ключевых «реакций» можно выделить такие:

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

2. От 5 до 10 вариантов выбора

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

3. Изображения

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

4. Название списка

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

5. Календарь

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

 

Похожие материалы:

Форма входа и регистрации на сайте: советы веб-дизайнеру

Кнопка, на которую нажмут: 5 дизайн-приемов по созданию CTA

Что нужно знать о UX-дизайне кнопок на сайте?

6 бесплатных инструментов для основательного UX-тестирования

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят

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

1. Товар не соответствует рекламе

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

Решение. Честно описывать свой продукт и на сайте, и в объявлениях.

2. Слабо прописаны выгоды

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

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

3. Нарушена структура продающей страницы

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

Решение. Привести структуру продающей страницы к плюс-минус следующему виду:

• стартовый экран;

• знакомство + ключевой оффер;

• доказательная база (кейсы, отзывы, развенчанные мифы);

• аргументация цены;

• ударная концовка.

Подробнее об этом читайте в материале Анатомия landing page: структура продающего текста

4. На сайте есть технические факапы

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

Решение. Тщательно протестировать ресурс на наличие технических неисправностей.

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

 

Похожие материалы:

Анатомия landing page: что такое надзаг, заг и подзаг?

Анатомия landing page: блок аргументов

Анатомия landing page: аргументация цены

Анатомия landing page: финальный текст

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

1. Мобильный шопинг

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

2. Упрощенный интерфейс

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

3. Дополненная реальность

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

4. Голосовые помощники

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

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

 

Похожие материалы:

Как будет выглядеть солидный интернет-магазин летом 2020

Как голосовой поиск повлияет на SEO

Уводим бизнес в онлайн: пошаговая инструкция

Как выиграть конкуренцию в e-commerce: 5 шагов к успеху

4 AR-возможности для среднего бизнеса

Как дополненная реальность изменит digital

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят

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

1. Google Analytics

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

2. UsabilityHub

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

• Five Second Test – пользователи смотрят на страницу ровно 5 секунд и дают оценку по своему первому впечатлению;
• Click Test – пользователи некоторое время взаимодействуют со страницей, и вы получаете результат в виде тепловой карты их кликов;
• Navigation Test – пользователи проверяют навигацию страницы и оценивают, удобно ли им было совершить целевое действие;
• Preference Test – пользователи видят несколько вариантов дизайна и выбирают тот, который понравился.

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

3. Firebase

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

4. UX Checklist

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

5. Qualaroo

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

6. Mixpanel

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

Каждый из этих инструментов успел проявить себя как добротное и надежное решение, которое всегда должно быть под рукой, если ваша деятельность так или иначе связана с UX. Поэтому забирайте и пользуйтесь на здоровье. А если вас интересует разработка продающих сайтов или мобильных приложений, обращайтесь к нам по номеру +38-063-717-60-04 или пишите на hello@greatpro.com.ua. С радостью подскажем, проконсультируем и поможем. Удачи!

 

Похожие материалы:

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят

Что нужно знать о UX-дизайне кнопок на сайте?

Что такое UX-копирайтинг, зачем он нужен и где этому научиться?

Онлайн-инструменты для тестирования сайта

6 признаков того, что ваш сайт устарел

4 ошибки, которые с головой выдают слабого веб-дизайнера

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

1. Отказаться от локальных терминов

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

2. Не использовать «м/ж-конструкции»

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

Довольны ли вы качеством обслуживания?

— Доволен(на)
— Не доволен(на)

Или даже:

— Доволен / довольна
— Не доволен / не довольна

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

Довольны ли вы качеством обслуживания?

— Да, очень
— Скорее да
— Скорее нет
— Определенно нет
— Затрудняюсь ответить

3. Правильно склонять слова рядом с числами

Еще один убийца человечности – неправильное склонение слов, стоящих возле изменяющегося числа. Согласитесь, фразы в духе «Сейчас на платформе 123 пользователей» режут глаз похлеще, чем Бунюэль в своем «Андалузском псе».

Здесь есть два выхода: простой и надежный, а также красивый и посложнее. Первый заключается в том, чтобы формулировать подобные фразы так, чтобы число никак не влияло на склонение слов. Например, «Пользователей на платформе: 123». Второй – пушить программистов, чтобы настроили не только изменение чисел, но и склонений.

4. Поработать с кнопками

Текст на кнопке не должен вводить пользователя в заблуждение. Нажимая на кнопку, он должен четко понимать, что после этого произойдет. Поэтому нелишним будет помещать на кнопки чуть более подробный и небанальный текст. Например, на вопрос «Отменить последнее действие?», вместо стандартных ответов «Ок» и «Отмена», лучше использовать «Да, отменить» и «Вернуться назад». Это удобно и понятно с первого раза.

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

 

Похожие материалы:

Что такое UX-копирайтинг, зачем он нужен и где этому научиться?

Сам себе редактор: 6 способов всегда сдавать текст без ошибок

Продающий текст своими руками: гид для «неписателя»

Must have инструментарий для работы с текстом

Что нужно знать о UX-дизайне кнопок на сайте?

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

1. Кнопка выглядит как кнопка

Кнопка – это в первую очередь элемент взаимодействия, а не декора. Знакомясь с интерфейсом, пользователь должен с первого взгляда понимать, что здесь кликабельно, а что нет. Поэтому важно, чтобы кнопка выглядела как кнопка: прямоугольная, с прямыми или закругленными углами (в крайнем случае, если этого требует дизайн, круглая), отбрасывающая тень, плюс-минус стандартная по размеру.

2. На кнопку удобно нажимать

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

3. Кнопка реагирует на взаимодействие

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

• реагировать на наведение курсора в десктопных версиях;

• переходить в «нажатое» состояние после того, как по ней кликнули курсором или пальцем;

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

4. Текст на кнопке не вводит в заблуждение

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

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

5. Кнопок много… еще как бывает

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

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

 

Похожие материалы:

Кнопка, на которую нажмут: 5 дизайн-приемов по созданию CTA

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят

Как будет выглядеть солидный интернет-магазин летом 2020

Что такое UX-копирайтинг, зачем он нужен и где этому научиться?

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

1. Налаживаем структуру

Целевая страница – это не совсем «чистый лист», на котором копирайтер с дизайнером могут дать стопроцентную волю своему креативу. Здесь есть некоторые правила, доказанные годами практики. И главное из них заключается в том, что от порядка подачи информации на лендинге зависит его убедительность и эффективность. Плюс-минус базовая схема работающего лендинга выглядит так:

1) стартовый экран (интригующие заголовок с подзаголовком, которые заставляют читателя остаться на странице);

2) знакомство + оффер (самая важная часть лендинга, включающая в себя раскрытие клиентских болей и выгод);

3) доказательная база (отзывы, кейсы и развенчанные мифы, призванные снять сомнения покупателя);

4) раскрытие цены (аргументы в пользу того, что у вас за те же деньги покупатель получит больше, чем у конкурентов, и что эти вложения точно себя окупят);

5) ударная концовка (мощный призыв к действию и, если уместно, приятное спецпредложение, которое станет той последней каплей, перевесившей чашу весов в вашу пользу).

2. Добавляем конкретику

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

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

3. Делаем упор на «боли»

Лендинг – это не о крутости товара и компании в целом. Это о покупателе, его болях и задачах, а главное – о способе их решения и о выгодах, которые получит клиент, нажав кнопку «Заказать». Всякому человеку хочется читать о себе, а не о вас. Поэтому, будь вы хоть трижды лауреатом премии «Качественное качество», расскажите об этом коротко и ближе к концу, уделив основное внимание болям покупателя и его конечным выгодам.

4. Перепроверяем юзабилити

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

5. Устраняем технические факапы

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

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

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

 

Похожие материалы:

Анатомия landing page: структура продающего текста

Как влюбить клиента в ваш сайт?

5 коронных способов обосновать цену на сайте

6 признаков того, что ваш сайт устарел

Кнопка, на которую нажмут: 5 дизайн-приемов по созданию CTA

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят

Шаблонный или уникальный дизайн сайта? Выбираем идеальное решение

Онлайн-инструменты для тестирования сайта

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

1. Полезный контент

Несколько лет назад специалисты The New York Times Consumer Insight Group провели обширное исследование с целью выявить реальную мотивацию людей, которые делятся чужим контентом в социальных сетях. И вот что получилось:

• 68% опрошенных отметили, что репосты для них – это способ заявить окружающим о своих интересах и убеждениях;
• 84% таким образом выражают свое теплое отношение к автору материала, бренду;
• 94% хотят поделиться важным контентом с друзьями.

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

2. Превью

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

3. Фото и видео

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

4. Принципы типографики

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

• дефолтные шрифты;
• длина строк по 50-60 символов для десктопа и 30-40 для смартфона;
• соотношение контраста между текстом и фоном на уровне 4:1;
• межстрочный интервал на 30-40% больше высоты символов;
• никаких висячих строк;
• минимум переносов.

5. Расположение кнопок

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

6. Адаптивная верстка

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

7. Дополнительная мотивация

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

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

 

Похожие материалы:

Оптимизация сайта под социальные сети: 5 принципов SMO

Нужен ли блог на коммерческом сайте?

5 способов повысить вовлеченность в соцсетях

Три проблемы современного блоггинга

10 заповедей типографики в веб-дизайне

Соцсети + Видео = Лю…?

Секреты веб-дизайнера: как добавить сайту солидности

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

Какой цвет выбрать?

Сначала разберем наиболее выигрышные для сайта цвета.

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

2. Синий. Здорово подходит для банков и юридических сайтов, так как ассоциируется у читателя с надежностью и спокойствием.

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

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

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

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

Какие цвета лучше не использовать?

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

На этом всё. Пишите свои соображения о выборе цвета для сайта в комментариях и не болейте. Удачи.

 

Похожие материалы:

Секреты веб-дизайнера: как добавить сайту солидности

Как влюбить клиента в ваш сайт?

10 заповедей типографики в веб-дизайне

Как будет выглядеть солидный интернет-магазин летом 2020

Кнопка, на которую нажмут: 5 дизайн-приемов по созданию CTA

Шаблонный или уникальный дизайн сайта? Выбираем идеальное решение

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

Плюсы и минусы шаблонного дизайна

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

Из главных преимуществ шаблона выделим следующие.

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

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

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

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

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

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

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

Плюсы и минусы уникального дизайна

Уникальный дизайн создается с нуля и полностью затачивается под задачи бизнеса и хотелки заказчика.

Начнем с преимуществ такого решения.

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

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

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

Теперь о недостатках.

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

2. Стоимость. Безусловно, при создании уникального дизайна команда задействует несоизмеримо больше сил и времени – и за это нужно платить.

Что выбрать?

В общем-то, оба варианта имеют немало достоинств и применимы в конкретных случаях.

Шаблонное решение здорово подойдет, если:

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

Уникальный дизайн стоит выбрать, если:

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

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

 

Похожие материалы:

Каким будет хороший сайт в 2020 году?

Как влюбить клиента в ваш сайт?

4 признака идеального ТЗ на разработку сайта

Онлайн-инструменты для тестирования сайта

Как будет выглядеть солидный интернет-магазин летом 2020

Юзабилити-х**билити: 6 мифов, в которые до сих пор верят