Основы юзабилити. 10 принципов успешного интерфейса от Якоба Нильсена. Правила оформления главной страницы, формы регистрации, посадочных страниц и корзины в интернет-магазине.

1. Основы юзабилити
Юзабилити? Нет, не слышал

2. Что такое юзабилти?
 Юзабилити – удобство пользователя
при работе с интерфейсом.
Интерфейс iOS, Android иWindows Phone

3. Главная страница сайта
Ответы на вопросы пользователей:
 Что вы (компания) делаете?
 Как вы можете им (пользователям)
помочь?
 Преимущества сотрудничества с Вами?
 Как они могут связаться с Вами?
 Что они должны сделать на Вашем
сайте, чтобы найти нужную им
информацию?

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. Форма регистрации

23. 404 ошибка
Неправильно:
Правильно

24. Структура сайта
 Адаптивная верстка
 Не желательно использовать фреймы
 Иерархия разделов по принципу «3
кликов»
 Ни в коем случае нельзя использовать
горизонтальную прокрутку!
 Использование хлебных крошек

25. Юзабилити-тестирование

26. Что почитать?
 Брайан и Джеффри Айзенберг
«Добавьте в корзину. Ключевые
принципы повышения конверсии веб-
сайта».
 Стив Круг «Веб – Дизайн: книга Стива
Круга или «не заставляйте меня
думать»

27. Спасибо за внимание!
 Вопросы?
27
writer@vlada-rykova.com
vk.com/vlada_growl
facebook.com/VladaRykova
twitter.com/VladaGrowl
plus.google.com/+ВладаРыкова