Правильное оформление сайта для улучшения поведенческих факторов

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

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

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

В этой статье мы рассмотрим несколько основных пунктов:

• «Шапка» сайта – информационная панель, расположенная в верхней части каждой страницы. Этот элемент пользователи видят первым, соответственно, надо проработать каждую деталь.
• «Футер» или «Подвал» сайта – информационная панель, расположенная в нижней части страницы. Обычно при проектировании ему уделяют мало внимания, поэтому всегда есть возможность его доработать.
• Навигация – выполненная правильно, облегчит пользователю поиск интересующей информации и оставит приятное впечатление о вашем сайте.
• Веб-формы – элементы, обеспечивающие обратную связь. Как правило, из-за неправильной «подачи» веб-форм вы можете потерять до 80% клиентов.
• Графические элементы – визуальная информация о вашей компании. Именно тщательная проработка графических элементов усиливает юзабалити и обеспечивает вам новых клиентов.
• Адаптивная верстка – заезженная тема. Отметим еще раз – без адаптивной верстки не будет и SEOдля пользователей мобильных устройств, ни контекстной рекламы, и посетители, зашедшие на ваш сайт с мобильного телефона, вероятней всего уйдут с него через 5-10 секунд, что, конечно же, занизит все остальные достижения по улучшению юзабилити сайта.

Шапка

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

Футер

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

Навигация

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

Веб-формы

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

Графика

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

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

Качественная адаптивная верстка увеличивает юзабилити и повышает ваши позиции в поисковых системах. Если вы ведете рекламную компанию в Яндекс.Директ или GoogleAdwords и не занижаете ставки для пользователей, которые заходят на ваш сайт через мобильные устройства, вы сливаете бюджет впустую – сейчас пользователи хотят видеть удобный сайт, который одинаково хорошо смотрится на разных устройствах. Сделать адаптивную верстку – первый шаг для улучшения юзабилити.

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