Несколько советов по юзабилити сайта

Несколько советов по юзабилити сайта

Несколько советов по юзабилити сайта, которые способны повлиять на увеличение прибыли:

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

1) Обратите внимание на логотип и его размещение

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

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

Рис 1 Логотип

2) Уделите внимание внешнему оформлению ссылок

Пользователь должен сразу видеть, где в тексте ссылка. Поэтому идея убрать подчеркивание или изменить цвет до стандартного черного, изначально проигрышная. С мобильного телефона сориентироваться, где в таком случае ссылка – невозможно, тут нет курсора. Тут просто нажимаешь на экран. Анкор (текст ссылки) должен четко отражать содержание страницы, на которую попадет пользователь.

Рис 2 Оформление ссылок
Выше — пример хорошо выделенных в тексте ссылок.

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

Рис 3 Ссылка в виде кнопки

Если ссылка – на скачивание файла, это ее следует пометить специальным значком перед самой ссылкой или прямо в тексте ссылки написать например PDF.

Рис 4 Ссылка на скачивание

3) Кликабельные кнопки

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

А если наоборот, кнопка светлее фона, обводка должна быть темнее фона.

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

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

Пример хорошо реализованной кнопки.

Рис 5 Кликабельные кнопки

4) Цветовая палитра

Цвета на вашем сайте должны соотноситься с его тематикой. И подобрать их правильно очень важно.

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

Как показывает практика, на сайте лучше не использовать цветовую палитру из больше чем 3-4-х цветов.

Интернет-сервисы для подбора цветов:
https://color.adobe.com/ru/create/color-wheel/
http://paletton.com/

5) Не забывайте об оптимизации фотографий

Фотографии могут иметь большой вес, и этим самым увеличивать время загрузки страницы. Это аж никак не хороший пользовательский опыт. Поэтому пропорции и максимальный размер фото нужно продумать заранее. Картинки не должны быть слишком маленькими или слишком большими. Рекомендуется использовать изображения шириной 900-1000 пикселей и высотой 600-700 пикселей.

6) Отступы между элементами

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

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

7) Таблицы и диаграммы

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

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

Автор: Алексей Лазутин

Специалист по SEO и контент-маркетингу

Вконтакте