Что такое юзабилити? И как сделать сайт привлекательным и удобным для посетителей - 12 ответов на эти вопросы. What is usability? And how to make the site attractive and comfortable for visitors - 12 answers to these questions.

1. 12 СПОСОБОВ
УЛУЧШИТЬ
ЮЗАБИЛИТИ
САЙТА
Guide to action

2. В переводе с английского означает «удобство
использования».
Задача web-юзабилити – задержать посетителя на
сайте, чтобы он нашёл полезную для себя
информацию.
Если веб-ресурс содержит все, что ожидал на нем
увидеть гость, то входящий трафик конвертируется в
заявки и звонки.
ЧТО ТАКОЕ
ЮЗАБИЛИТИ ?

3. КАКИЕ ПАРАМЕТРЫ
УЛУЧШАЮТ
ЮЗАБИЛИТИ САЙТА
?

4. 1. СКОРОСТЬ ЗАГРУЗКИ
СТРАНИЦ
Типичная проблема: страница
слишком долго грузится, в результате
чего посетитель уходит.
увеличьте скорость загрузки
страницы. Идеальный вариант – 1-3
секунды;
обратите внимание на верстку и
контент;
уменьшите размер страниц веб-
ресурса и изображений на нем;
оптимизируйте коды JavaScript и CSS
или сократите количество
редиректов.
Выход:

5. 2. ГЛАВНАЯ
СТРАНИЦА
Типичная проблема: главная
страница «захламлена»
информацией не по теме, и
пользователь не видит, где ему
найти то, в чем он нуждается.
Выход: расставьте все «по
полочкам», оставляйте только
информацию, имеющую прямое
отношение к тематике сайта и
потребностям клиента.

6. 3. ВИЗУАЛЬНЫЕ ЭФФЕКТЫ
Типичная проблема: вредные эффекты, которые
мешают и отвлекают внимание клиентов.
Выход:
проверьте свой ресурс на наличие
самовоспроизводящегося видео и рекламы;
добавьте полезных эффектов. Например,
«всплывающий» онлайн-чат для уточнения деталей с
менеджером.
используйте hello bar – дополнительное окошко, которое
висит вверху страницы и завлекает посетителя сделать
переход по ссылке или подписаться на группу в
социальных сетях, приобрести товар по сниженным
ценам и т. д.

7. 4
Типичная проблема: отсутствие кнопок
навигации, которые упрощают пользование
ресурсом.
УДОБНАЯ НАВИГАЦИЯ
добавьте на основную страницу значок обратной
связи («позвонить», «оформить заказ», «поместить в
корзину»);
разместите на всех страницах кнопку возврата либо
«хлебные крошки» (возможность вернуться в
предыдущий подраздел или выйти на главную).
Выход:

8. 5. ПОБУЖДЕНИЕ К
ДЕЙСТВИЮ
Типичная проблема: продаёте
товар и не делаете уверенного
предложения его приобрести.
Добавить подзаголовок
подтолкните посетителя к
действию. Хотя бы
восклицательным знаком в конце
зазывающей фразы или слова!
используйте призыв, выраженный
повелительным наклонением
(«напиши», «позвони», «купи»).
Выход:

9. 6. МАКСИМУМ ПОЛЬЗЫ
Типичная проблема: неактуальная
и несоответствующая конъюнктуре
рынка информация.
следите за предложениями бизнес-
оппонентов;
отслеживайте тенденции рынка и
новинки;
добавляйте/убирайте информацию
по мере необходимости;
размещайте дополнительно
продающие блоки.
Сделайте свой ресурс предельно
эффективным для клиента.
Выход:

10. 7.СЛИШКОМ МНОГО
ИНФОРМАЦИИ
Типичная проблема: создатели сайта не
слишком разбираются, что на самом деле
необходимо целевой аудитории.
Выход: уберите все лишние блоки.
Оставьте только те, которые заинтересовали
бы лично вас, будь вы посетителем своего
веб-ресурса.

11. 8
РАЗМЕЩЕНИЕ ИНФОРМАЦИИ
ПО ПРИНЦИПУ «F-ПАТТЕРН»
Типичная проблема: создатели веб-ресурса не
учитывают психологию посетителей и размещают
информацию в неправильном порядке.
Выход: самую важную информацию размещайте в
левой стороне экрана.
Запомните: первую строку текста посетитель читает
полностью, следующую – примерно наполовину, во
всех остальных – обращает внимание только на
начало.

12. 9.ТЕКСТОВЫЙ КОНТЕНТ
И ЕГО ОФОРМЛЕНИЕ
грамматические ошибки;
незавлекающий заголовок;
«вода» в описании товаров и услуг;
длинные и неструктурированные статьи;
мелкий или слишком крупный шрифт.
Оптимальный вариант – 14 или 16 кегль;
неподходящий цвет текста. Для текста
лучше применяйте чёрный. Для ссылок –
синий или голубой;
много картинок и фотографий.
Изображения должны дополнять
написанное.
Типичные проблемы:
Выход: учесть и исправить все
вышеперечисленное.

13. 10. ВИДЕОКОНТЕНТ
Типичные проблемы:
отсутствие видеоконтента на сайте;
видеоконтент не соответствует
тематике;
скучный и неинтересный
видеоконтент.
Выход:
размещайте видео на сайте, т. к.
наличие ролика о предлагаемом
товаре (услуге) повышает интерес
клиентов;
следите за тематикой и содержанием
видео. Оно должны оправдывать
ожидания посетителей;
выкладывайте только качественные
и незатянутые ролики.

14. 11. РЕКЛАМА
Типичная проблема: перегруз основной
страницы сайта рекламными объявлениями
либо нетематическими афишами.
Выход: выделите место под рекламу где-то в
стороне, чтобы взгляд на нее падал уже после
прочтения основной информации.

15. 12
АДАПТАЦИЯ ВЕБ-РЕСУРСА
ПОД МОБИЛЬНЫЕ
УСТРОЙСТВА
Типичная проблема: часто создатели сайта
забывают о том, что он должен выглядеть
полноценно и привлекательно с любого гаджета.
Выход:
используйте адаптивный дизайн;
разработайте мобильную версию сайта;
или закажите создание мобильного
приложения.

16. АГЕНТСТВО СИСТЕМНЫХ
ИНТЕРНЕТ-РЕШЕНИЙ WEZOM
wezom.com.ua
Присоединяйтесь к нам в соцсетях:
facebook.com/wezom.com.ua
twitter.com/wezom_ua
vk.com/wezom
Лучшие люди создают лучшие сайты ©