Client manual від CF.Digital: як самостійно провести аналіз сайту

Отже, давайте сьогодні розберемося в понятті web usability.

Сайти, реалізовані за правилами web usability, краще сприймаються користувачами, мають низький показник відмов і хороший показник часу, проведеного на сайті. Завдяки web usability, продукт стає комерційно успішним: приносить заявки та здійснює продажу. Іншими словами, web usability - це гармонія всіх аспектів вашого ресурсу. Для досягнення гармонії, кожна деталь в списку з 6 пунктів повинна бути опрацьована:

• Інтерфейс;
• Дизайн;
• Текстовий контент;
• Графічний контент;
• SEO friendly;
• Швидкість завантаження сайту;

Коктейль з цих 6 пунктів задає реакцію і формує враження відвідувача при вході на сайт. Щоб зрозуміти, що не так, потрібно розглянути кожен з інгредієнтів пильно і уважно.

Інтерфейс.

Якщо порівнювати сайт з людиною, то це основа, фактично скелет вашого usability. При розробці інтерфейсу продумується розташування функціональних елементів по відношенню один до одного, їх логіка роботи, взаємозв'язок розділів і підрозділів, які заточені на вчинення конверсійних дій.

Для того, щоб провести аналіз, наскільки вашому потенційному клієнтові зручно користуватися сайтом, забудьте, що ви знаєте ваш продукт як свої 5 пальців. Уявіть себе в ролі користувача, походіть по розділах, і складіть відповідь на ряд питань:

• Чи є мобільна або адаптивна версія сайту?
• Чи зручне переміщення між розділами?
• Чи зручні сортування, якщо вони є, пересічному споживачеві, який не розбирається в тематиці?
• Чи немає глибокої вкладеності розділів?
• Чи достатньо закликів до дії, і чи є вони взагалі? Допомога онлайн помічника або чат бота, заклик залишити номер телефону, швидка покупка і т.п.

Проаналізуйте сайти конкурентів, щоб виявити свої слабкі та сильні сторони і складіть список модернізацій, які необхідно внести на ваш сайт.

Для більш глибокого аналізу зручності користування існує ряд онлайн ресурсів з безкоштовними і платними функціями, які дозволяють виявити слабкі сторони вашого інтерфейсу. Найбільш популярні і зручні в користуванні:

1. Usabilityhub.com
2. Usabilla.com

Дизайн.

Це ваше обличчя, а привабливі особи завжди подобаються іншим людям. У даному випадку, вам не знадобляться ніякі онлайн інструменти, щоб оцінити якість дизайну. Адже якщо дизайн не відповідає сучасним трендам, він підлягає оновленню!

Текстовий та графічний контент.

Це ваш макіяж. Погодьтеся, іноді макіяж може бути сильно строкатим. Будь-який, навіть найзручніший і найкрасивіший сайт можна зіпсувати текстовим наповненням і графічними зображеннями.

Проаналізуйте тексти на вашому сайті. Чи є вони вичерпними? Чи не подані вони в вигляді «полотна», розбавлені вони форматуванням? Користувачі не будуть читати довгі тексти, оформлені у вигляді розповіді. Подайте інформацію з тезами, форматуванням у вигляді цитат, нумерованого списку, розбавте інфографікою. Зробіть їх візуально цікавими.

Як показує практика, найбільшої шкоди завдається саме зображеннями. Зображення, які ви використовуєте, повинні бути красивими, чіткими, зроблені професійним фотографом в єдиній стилістиці або куплені на фотобанку.

Подивіться на фото, які ви використовуєте: розповідають вони суть вашого продукту? Чи продають вони його і вашу компанію? Чи викликають потрібну вам емоцію? Якщо немає, придбайте собі пакет на одному з популярних фотобанків, і тіште своїх клієнтів яскравими і якісними зображеннями. Найбільш популярні фотобанки:

1. Shutterstock.com
2. Depositphotos.com
3. Fotolia.com

SEO friendly і Швидкість завантаження сайту

Цей стан вашого тіла: те, наскільки воно спортивне. Можна, на кшталт, і без спорту прожити, але його наявність змінить ваші форми і здоров'я. Під SEO friendly мається на увазі базова оптимізація сайту або наявність необхідних параметрів для цієї оптимізації і мінімізації помилок. Це далеко не всі вимоги, для того щоб сайт став максимально friendly, але основні з них:

1. Наявність ЛПУ: людиноподібного URL, тобто зрозуміла адреса сторінки. У даному випадку, адреси сторінок повинні бути без використання будь-яких незрозумілих символів: «=?:%» і цифр.

Правильний УПУ УРЛ: http://адреса_сайту/about/
Неправильний: http://адреса_сайту/1234rr?ff=%kfkfm/

2. Наявність заголовків Н1-Н6 на сторінках. Н1 - це і є сама назва сторінки, розділу, або статті. Решта теги Н2-Н6 додаткові, і використовуються для менш важливих блоків у дизайні або для форматування текстових даних, але вони так само повинні бути присутніми.
Перевірити наявність тегів можна на сайті: https://sitechecker.pro/ru/адреса_сайту в розділі «Н1-Н6 перевірка».
3. Наявність Title і Description. Заголовок HTML документа ви бачите у вкладці браузера, коли відкрита ваша сторінка, а також, коли ділитеся сторінкою в соціальній мережі. Title йде в заголовок посту, Description - в опис.
Перевірити наявність тегів можна на даному сайті: https://sitechecker.pro/ru/адреса_сайту розділ «Title перевірка» і «Description перевірка».
4. Наявність файлу robot.txt. В даному файлі повинні бути вказані сторінки, каталоги, які не повинні індексуватися пошуковими системами, а також посилання на карту сайту. Перевірити наявність файлу можна використовуючи лінк https: //адреса_сайту/robot.txt
5. Наявність карти сайту sitemap.xml. Карта сайту повинна бути реалізована за вимогами Google. Перевірити наявність файлу можна на https: //адреса_сайту/sitemap.xml
6. Відсутність помилок, або мінімізована кількість помилок (до 10), які видають валідатори HTML і CSS. Це якість і чистота вашої верстки дизайну, тобто HTML версії дизайну, яку бачать користувачі.

Перевірка валідності HTML: https://validator.w3.org/nu/
Перевірка валідності CSS: http://jigsaw.w3.org/css-validator/

7. Швидкість завантаження сторінки за даними Page Speed Insights повинна бути в зеленій зоні для деськтопной версії і мобільної/адаптивної версії сайту. Щоб показники були в зеленій зоні, сервіс підкаже в яких розділах і з якими файлами необхідно провести роботи.
8. Наявність favicon - просто красиво :-)

Якщо вас цікавить більш глибокий, детальний і професійний аналіз web usability, вам необхідно звернутися в digital агентство, яке підготує відповіді на всі ваші запитання або перейде до стадії розробки нового ресурсу, якщо поточний відверто застарів.

Ідеальне поєднання інтерфейсу, дизайну, контенту і зображень, які завантажаються моментально - чи це не рай в мережі інтернет?

Юліана Кобилінська, Head of New York office CF.Digital

Матеріал опубліковано на Sostav.ua