В этой статье мы с командой, основываясь на личном опыте, выделим универсальные критерии, отличающие «хороший» сайт от бесполезного (в лучшем случае). Ознакомление с нашей подборкой поможет вам повысить свой уровень осознанности и сформировать понимание того, каким НЕ должен быть ваш собственный сайт.
К тому же, проблемы из некоторых пунктов вы можете встретить даже на крупных ресурсах с многомиллионной аудиторией (и речь не только про Facebook). Было бы здорово избежать их в своей практике, верно?
Итак, список открывает…
Понимание своей целевой аудитории и грамотное взаимодействие с ней
Ни один бизнес не существует в вакууме, каждый продукт имеет свою нишу и конкретную целевую аудиторию. Сложно представить сценарий хуже, когда сайт обращается к пользователю, даже не представляя кем тот является и как найти с ним общий язык.
Если посетитель не смог разобраться, зачем ему предлагаемый товар или услуга, он без раздумий закроет вкладку. Чтобы этого избежать, в самом начале разработки сайта следует уделить время анализу ниши, конкурентов и формированию портретов целевой аудитории.
Только основываясь на проведенных исследованиях можно приступать к составлению оффера и написанию текста. Но и это ещё не всё, результат проделанной работы стоит проверить на фокус-группе, когда первый рабочий прототип будущего сайта увидит свет.
Баланс между краткостью и информативностью
Всегда хочется поведать о своём детище побольше, в красках рассказать и показать, однако потенциальный клиент, контактируя с сайтом, в первую очередь желает получить необходимую для себя информацию, и чем проще этот путь - тем лучше. Хороший сайт найдёт способ подать продукт, рассказать о нём самое необходимое и замотивировать его приобрести, уложившись в 6-10 экранов.
Соблюсти должный баланс можно разными способами, вот несколько рекомендаций, которыми мы в студии пользуемся ежедневно:
- Обширные темы лучше выносить на отдельные страницы;
- Закрывать повседневные вопросы клиентов лучше всего в формате «вопрос-ответ» - так гораздо компактнее и доступнее для читателя;
- Если информация необязательна к ознакомлению, пользователю стоит дать выбор, читать дальше или пропустить. Например, добавив кнопку, нажатие которой вызывает всплывающее окно или разворачивает текстовый блок («спойлер»);
- Невозможно полностью покрыть потребность посетителя в информации, потому важно предусмотреть возможность задать вопрос прямо с сайта и получить оперативный ответ;
- Текст, грамотно составленный ещё на этапе проектирования страницы, избавляет от множества проблем в дальнейшем - не стоит недооценивать значимость этой работы.
Функциональность
Хороший сайт стремится выйти за рамки «текста с картинками», даже если его предназначение - просто быть интерактивной визиткой. Возможности современных инструментов поражают воображение, и почему бы с их помощью не избавиться от части рутинной работы?
Приведу лишь малую часть того, что может делать даже обычный, казалось бы, лендинг:
— Прогревать и продавать, причём - полностью автономно. Добавляем на сайт интерактивный конфигуратор-мультквиз, связанный с чат-ботом и системой рассылки, и получаем мощнейшую автоворонку, не требующую вашего вмешательства.
— Информировать и направлять. Назойливые виджеты с чатом в углу экрана уже порядком устарели. Можно ведь внедрить самообучаемого чат-бота в связке с нейросетью, и он один в силах заменить целый отдел поддержки.
— Вести учёт, анализировать и подсказывать. Даже на лендинге с формой сбора и обработки заявок может пригодиться CRM, позволяющая облегчить жизнь менеджерам и отделу аналитики, ведь функциональные возможности ограничены лишь воображением разработчиков;
— Управлять сотрудниками и их работой. Да, под капотом небольшого сайта-визитки может скрываться целая система мониторинга вашей компании, в которой сотрудники будут отмечаться, обмениваться файлами и хранить документы, пользоваться калькуляторами, создавать шаблоны и многое, многое другое.
Продуманный дизайн
Дизайн, сам по себе, служит множеству целей - упрощает взаимодействие, формирует атмосферу, настроение и имидж отдельного продукта или компании в целом. В этом же пункте я отмечу целую заповедь - не навреди.
К примеру, сайт с дизайном образца 2010 года, зачастую, отпугнёт потенциального клиента, если только место действия - не интернет-магазин сельхоз техники. Важно учитывать специфику ниши и взгляды целевой аудитории, в консервативном направлении трендовый дизайн могут посчитать дорогим и отталкивающим, тогда как в прогрессивном - за халтуру.
Актуальность содержимого
Клиент точно не будет рад, если фактическая цена услуги или товара будет отличаться от указанной, как и изменениям в комплектации товара, условиях доставки, графике работы и тд и тп.
Стоит следить и за такими мелочами, как крайний год в копирайте или датами в пользовательском соглашении/публичной оферте. То, что для одних покажется незначительным, других может заставить усомниться в качестве работы всей компании.
И небольшой совет: чтобы избежать недопонимания со стороны клиентской базы, лучше оставить за собой возможность экстренного оповещения об изменениях в графике работы или условиях оказания услуг, ведь всякое случается - внезапные выходные, выход из строя оборудования и тп. Хорошим тоном считается уведомление через блог на сайте, всплывающее окно или почтовую/СМС рассылку.
Грамотное техническое исполнение
Не важно, собран сайт на конструкторе, написан с нуля или разрабатывался под CMS, в 2021 году абсолютно любой сайт должен быть адаптивным, хорошо оптимизированным (или хотя бы не загружаться пол минуты) и корректно отображаться во всех современных браузерах.
Что стоит проверить перед запуском сайта?
- Сжаты ли фотографии и какой у них формат. Не стоит без нужды в прозрачном фоне использовать картинки в формате png, ведь «весят» они в разы больше jpg. Бонусом стоит добавить и версии тех же изображений в формате WebP, если браузер пользователя его поддерживает;
- Сжаты ли скрипты и стили? Этот процесс называется минификацией, если в расширении ваших JavaScript и CSS файлов содержится дополнительное .min, значит всё в порядке;
- Нет ли проблем с вёрсткой для разных экранов? С помощью инструментов разработчика в браузере Chrome, например, вы можете имитировать заход на сайт с множества разных девайсов - от небольшого смартфона до iMac 5K. Если ничего не уехало куда не должно и не скрылось где не нужно - двигаемся дальше;
- Как сайт смотрится через Firefox? А Edge, или Safari? Если при вёрстке сайта были использованы экспериментальные функции CSS или JavaScript, это может вызвать проблемы у пользователей;
- Прописаны ли у сайта ключевые слова, заголовок, присутствует ли иконка, отображающаяся сбоку от заголовка сайта во вкладке (favicon)?;
- Подходящий ли выбран хостинг для сайта, чтобы вытянуть наплыв пользователей и не потерять в скорости загрузки?
- Доступен ли сайт для других регионов? Ведь доменное имя «встаёт» постепенно с момента регистрации и настройки, часть пользователей может попасть на страницу «сервер не отвечает», если об этом позабыть.
Итог
Как бы не упрощался современными инструментами и сервисами процесс создания сайта, внимание к деталям и осознанность должны присутствовать на каждом этапе разработки.
Надеюсь, эта статья была для вас полезна. Вы всегда сможете найти ещё больше интересных материалов в моей группе: vk.com/snb_studio
Если же вы узнали в этой подборке свой сайт, не расстраивайтесь — мы с радостью поможем вам это исправить. Запишитесь на бесплатную консультацию, мы обсудим ваш проект и предложим решение!
С вами был Николай Стариченко и команда SNB.Studio, до скорых встреч!