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

1. Основи юзабіліті
Юзабіліті? Ні, не чув

2. Що таке юзабілті?
 Юзабіліті – зручність користувача під
час роботи з інтерфейсом.

3. Головна сторінка сайту
Відповіді на запитання користувачів:
1. Що ви (компанія) робите?
2. Як ви можете їм (користувачам)
допомогти?
3. Переваги співпраці з Вами?
4. Як вони можуть зв'язатися з Вами?
5. Що вони мають зробити на вашому
сайті, щоб знайти потрібну їм
інформацію?

4. Головна сторінка сайту
Що ви робите? Як допоможете? Як
зв'язатися?

5. Головна сторінка сайту
Переваги співробітництва.
Що маємо зробити?

6. 10 принципів вдалого
інтерфейсу
1. Гуглівська простота
2. Лаконічність та інформативність
3. Швидкість завантаження сайту
4. Доступність та універсальність
5. Зручний пошук
6. Перевірені технології
7. Інформація про компанію
8. Ціни на товари та послуги на видному
місці
9. Кросбраузерність
10. "Живий сайт". Регулярні поновлення

7. Простота інтерфейсу
VS

8. Інформативність та лаконічність
Чіткі заголовки
Читабельний
текст, який
відповідає
тематиці сайту

9. Швидкість завантаження сайту
Оптимальний час завантаження сайту
1,5-3 секунди
Важливо: невеликі сторінки, швидкі сервери

10. Доступність та універсальність
Мультимовність
Для людей з обмеженими здібностями

11. Зручний пошук

12. Перевірені технології
Останні технології нерідко недосконалі
і можуть зашкодити роботі ресурсу

13. Інформація про компанію

14. Ціни на товари та послуги на
видному місці

15. Кроссбраузерність
http://browsershots.org/

16. Регулярні оновлення

17. Горизонтальна та вертикальна
навігація

18. Фасетна навігація

19. Посадкові сторінки
• Заголовок
• Заклик до дії та конверсійна кнопка
• Опис
• Клієнти та відгуки
• Зображення, відео

20. Кошик

21. Форма реєстрації

22. 404 помилка
Неправильно:
Правильно

23. Структура сайту
 Адаптивна верстка
 Ієрархія розділів за принципом "3
кліків"
 У жодному разі не можна
використовувати горизонтальну
прокрутку!
 Використання хлібних крихт

24. Юзабіліті-тестування

25. Дякую за увагу
 Питання?
25
writer@vlada-rykova.com
facebook.com/VladaRykova
t.me/vlada_rykova