С каждым днем борьба за пользовательское внимание становится все ожесточеннее, а аудитория – все капризней. Как понять, что ей нужно? Для начала прочитайте нашу статью и узнайте, какие сайты не нравятся пользователям. Действуйте от противного!
1. Сайты, которые долго грузятся
У вас может быть самый прекрасный сайт – простой и содержательной, красивый и понятный. Его механика может быть разработана лучшими дизайнерами, но популярностью он пользоваться не будет, ровно как и приносить вам лидов. В чем же дело?
А дело может быть в долгой загрузке ресурса – человек, перешедший на него и прождавший несколько секунд, просто теряет терпение и нажимает «Закрыть вкладку». Большая часть вашей целевой аудитории не будет ждать даже несколько секунд и уйдет к конкурентам, сайт которых может быть хуже, но зато откроется быстро.
Решение: воспользоваться сервисом анализа скорости загрузки, например, PageSpeed Insights.
Механизм работы интуитивно понятен: вставьте ссылку на свой ресурс и ждите вердикта. После анализа сервис предложит вам варианты решения проблемы – может быть, дело в обилие тяжелых элементов, а может – в слабом движке сайта.
2. Сайты, у которых нет адаптивного или мобильного дизайна
Многие владельцы сайтов ошибочно принимают мобильную версию за адаптивную, или считают, что версии для любых устройств, кроме компьютера, не нужны. Результат – взбешенные поехавшей во все стороны версткой пользователи, гневно покидающие ваш сайт всего через несколько секунд после его открытия.
Скажем сразу: адаптивный дизайн – это жизненно необходимый элемент любого современного сайта и встроен во все шаблоны Ucraft. Мобильный трафик уже обгоняет компьютерный: по последним данным Statcounter на март 2020, около 52% всех веб-запросов поступают с мобильных телефонов против 45% с ПК. Это значит, что, отказавшись от адаптивного дизайна, вы рискуете потерять примерно половину своей аудитории и половину потенциальных клиентов.
Хорошо, необходимость в нем понятна. Но чем отличается мобильный дизайн от адаптивного?
- Мобильный дизайн – это упрощенная, дополнительная версия вашего сайта, рассчитанная только на телефон. На планшете все некрасиво расползается и плывет.
- Адаптивный дизайн в прямом смысле адаптируется к любому устройству, не упрощая структуру.
И у того, и у другого варианта есть свои недостатки. Например, при необходимости адаптивную верстку нельзя подкорректировать за пару минут. Тронешь один блок – поедет все. В мобильной версии все просто, зато она идет как второй сайт – при настройке SEO и рекламы придется все дублировать. Еще у адаптивной версии время загрузки может быть увеличено – но, опять же, эта проблема решается как в предыдущем пункте статьи.
Резюмируем: выбирайте подходящий для своего сайта вариант в соответствии со сферой деятельности, функционалом и прочими характеристиками. Главное, помните, что обойтись одной десктопной версией нельзя.
Также рекомендуем вам протестировать уже имеющиеся версии на предмет удобства: сделать это можно несколькими способами:
- Самому открыть сайт с разных устройств, проверить все разделы, как работают все кнопки, корзина (если у вас интернет-магазин);
- В некоторых браузерах – например, в Mozilla Firefox и Google Chrome – есть встроенная проверка адаптивности сайта. Для этого нужно зайти в меню, выбрать кнопку «Дополнительные настройки» и «Инструменты разработчика» или «Разработка». Затем нажмите сочетание клавиш [Ctrl]+[Shift]+[M]. На экране отобразится мобильный дизайн.
Также проверить оптимизацию можно с помощью сервиса Google.
3. Сайты, на которых много всплывающих окон
Нет ничего хуже ситуации, когда человек, погруженный в чтение и изучение информации на вашем сайте, вдруг лицом к лицу сталкивается со всплывающим окном. Потом еще с одним. Потом еще с другим – где-то в уголке. А потом резко заиграла реклама, и музыка из колонок оглушила полдома.
Каков процент вероятности, что после такого ваш сайт закроют с яростными криками? Нам кажется, что больше 90%. Так называемые поп-апы наиболее эффективны при правильной настройке. И поэтому прислушайтесь к следующим рекомендациям.
- Информация во всплывающем окне должна быть максимально лаконична, понятна и конкретна. В идеале – всего несколько слов, вроде «Получите подарок» или «Скидка 30% за подписку»;
- Лучше сделать немного окон, зато они будут правильно настроены к месту и ко времени. Нельзя настроить окно на появление в момент загрузки сайта – клиенты уходят, потеряв интерес;
- Предупреждение об использовании Cookie-файлов должно быть максимально ненавязчивым;
- Кнопка закрытия должна быть хорошо видна.
Помните, что всплывающие окна нужно специально настраивать для мобильной или адаптивной версии сайта, чтобы они отображались максимально корректно.
Примите во внимание: окна с призывом подписаться на обновления сайта вызывают негативную реакцию, если они всплывают сразу после открытия сайта. Гораздо эффективнее они сработают на пользователях, которые уже провели некоторое время на вашем сайте – что-то почитали, положили в корзину или просто посмотрели несколько страниц сайта.
4. Сайты, на которых много навязчивой рекламы
Даже если вы следовали всем вышеперечисленным правилам и ваш сайт великолепен – вспомните про рекламу. Где расположены баннеры, какого они размера, со звуком или без? Навязчивая реклама способна испортить вам все и отвернуть от вашего сайта потенциальную аудиторию.
Решение: делайте нативную рекламу в блоге вашего сайта или используйте лаконичные, приятные глазу баннеры. И, пожалуйста, избегайте аудио-скримеров и видео в режиме auto-play.
https://preview-thecoolschool.ucraft.site/events--news
5. Сайты, которыми неудобно пользоваться
Простота и комфорт – вот основа пользовательской симпатии к вашему ресурсу. Человек, первый раз зашедший на сайт и неспособный разобраться в нем за несколько секунд, с большей долей вероятности покинет его. И здесь бесполезно пенять на пользовательскую несообразительность – создавая структуру, нужно ориентироваться на самого базового пользователя.
В идеале, от цели посещения сайта пользователя должно отделять не более 3-5 кликов. Например, оставить заявку, заказать конкретный товар или услугу, или ознакомиться с каталогом. Главное правило интернета – если посетитель не может быстро найти товар (услугу, информацию), он его не купит (сохранит, прочитает, подпишется), каким бы хорошим тот ни был.
За то, чтобы все на вашем сайте «покупали», отвечает юзабилити – показатель простоты и удобства ресурса.
В зависимости от типа сайта (многостраничный, лендинг, интернет-магазин) и его версии нужно учитывать качество и уровень основных параметров удобства.
- Находясь на сайте интернет-магазина, посетителю важно сразу понять – где находится каталог и основные разделы, кнопка поиска, корзина, кнопка оформления заказа, информация о стоимость и времени доставки, контактах.
- Для лендинга обязательно меню (чтобы не пролистывать бесконечно экраны), фиксированное поле с номером телефона, подробная информация о товаре или услуге, кнопка заказа или заявки.
В шаблонах Ucraft с этой целью используется бургер-меню:
https://preview-calipsosurfclub.ucraft.site/
Разработка юзабилити сайта – нелегкая, но все же выполнимая задача. Или найдите специалистов, которые способны взять на себя эту ответственность, или займитесь этим сами. Разумеется, второй вариант сложнее. Кратко расскажем о том, как реализовать это собственными силами.
- Определите свою целевую аудиторию. Подумайте и поищите информацию о ее психологических особенностях, привычках и поведении в интернете. Грубо говоря, аудитория подростков легко разбирается с большинством веб-примочек, тогда как пенсионеров может запутать простое всплывающее окно.
- Составьте структуру сайта, следуя логике аудитории.
- Найдите несколько знакомых людей, подходящих под характеристики ЦА. Попросите их провести некоторое время на вашем сайте и протестировать все возможности. В идеале, чтобы они воплотили классический пользовательский сценарий вашего ресурса – сделали заказ, оставили заявку, нашли нужную информацию.
- Наблюдайте за их действиями и анализируйте – где путь к цели пользователя можно сократить и сделать еще удобнее? Что можно усовершенствовать?
- Изучите карту кликов и карту скроллинга теста.
- Внесите правки в сайт и тестируйте снова – до тех пор, пока трудности в использовании не исчезнут.
Чем больше тестов – тем лучше результат.
Кстати, дополнительно проведите несколько тестов на аудитории, не являющейся вашей целевой. Их опыт тоже будет ценным. Для самостоятельной оценки удобства сайта вам пригодится Яндекс.Метрика и инструмент Вебвизор.
Также вам пригодится сервис Optimal Workshop. Там есть много бесплатных и платных инструментов для тестирования и проверки юзабилити.
6. Сайты, на которых много ненужной информации
Наверняка всем знаком случай: гуглишь «как варить рис», переходишь по первой ссылке и встречаешь море контента. Вместо простого руководства в духе: «Положите рис в кипящую воду и варите 12 минут», вам приходится проматывать тысячи знаков об истории и происхождении риса, особенностях его выращивания, полезных свойствах. Бесит? Очень. Такие сайты обычно сразу закрываются.
Нет ничего плохого в том, что аудитория может узнать что-то новое. Плохо, если вы пытаетесь впихнуть ей это вместо нужной информации. Решить проблему несложно – вынесите на главный план контент, который человеку нужен здесь и сейчас. Пусть это будет рецепт варки риса. А ниже, после этого, предложите пользователю узнать больше о блюде, которое он приготовил.
Кстати, о контенте. Очень часто встречаются сайты, ради SEO-продвижения напичканные текстами с ключевыми словами. Скажем честно – выглядит это неуклюже, да и читать их неудобно. И еще, обратите внимание на то, как оформлены тексты на сайте. Хорошего шрифта мало, нужны еще: абзацы и отступы, правильное междустрочное расстояние, строки, которые не «висят». Не пренебрегайте, но и не злоупотребляйте использованием курсива, выделения, подчеркивания, цитат.
Для адекватной оценки и вычитки текстов рекомендуем сервис Главред.
7. Плохо оформленные сайты
Непродуманный дизайн, отсутствие единого стиля, плохие нечитаемые шрифты, некачественные картинки заставляют пользователя капризно сморщиться и закрыть вкладку в пользу вашего конкурента, оформление которого приятно глазу.
Необязательно вкладывать миллионные бюджеты в дизайн – достаточно сделать следующее:
- Проработайте фирменный стиль, пусть и самый простой – минимализм сейчас в моде. Нужен простой и понятный логотип, фирменные цвета, шрифты. Такое оформление демонстрирует вашу надежность.
- О шрифтах – не пожалейте несколько сотен рублей и купите права на коммерческое использование действительно классного шрифта. Искренне предупреждаем – игры в пиратов могут обернуться судебным разбирательством и штрафом. Для заголовков можно выбрать шрифт без засечек, тогда как для больших объемов текста – с засечками. Они облегчают чтение.
- Для поиска высококачественных изображений обратитесь к стокам, в том числе и платным. Только избегайте первичных ассоциаций – например, фото улыбчивых людей в бизнес-одежде при запросе «Успех».
- О цветах. Сочетайте яркие с нейтральными, холодные – с холодными, теплые – с теплыми. Для подбора сочетаемых цветов рекомендуем сервис ColorScheme.
Не хотите разбираться во всем сами? Воспользуйтесь готовыми шаблонами сайтов от профессиональных дизайнеров Ucraft.
Надеемся, эта статья помогла вам собраться с мыслями и предостерегла от возможных неудач. Остались вопросы? Напишите нам в службу поддержки, мы всегда готовы помочь вам в создании вашего сайта!