Основы юзабилити

Preview:

Citation preview

Основы юзабилити

Юзабилити? Нет, не слышал

Что такое юзабилти? Юзабилити – удобство пользователя

при работе с интерфейсом.

Интерфейс iOS, Android и Windows Phone

Главная страница сайта

Ответы на вопросы пользователей:

Что вы (компания) делаете?

Как вы можете им (пользователям) помочь?

Преимущества сотрудничества с Вами?

Как они могут связаться с Вами?

Что они должны сделать на Вашем сайте, чтобы найти нужную им информацию?

Главная страница сайтаЧто вы делаете? Как поможете? Как связаться?

Главная страница сайтаПреимущества сотрудничества. Что должны сделать?

10 принципов успешного интерфейса1. Гугловская простота 2. Лаконичность и информативность3. Скорость загрузки сайта4. Доступность и универсальность 5. Удобный поиск6. Проверенные технологии7. Информация «О компании»8. Цены на товары и услуги на виду9. Кроссбраузерность10. «Живой сайт». Регулярные обновления

Простота интерфейса

VS

Информативность и лаконичность

Четкие заголовки

Читабельный текст, соответствующий тематике сайта

Скорость загрузки сайтаОптимальное время загрузки сайта 1,5-3 секунды

Важно: небольшие страницы, быстрые сервера

Доступность и универсальность

Мультиязычность

Для людей с ограниченными способностями

Удобный поиск

Проверенные технологии

Последние технологии нередко несовершенны и могут повредить работе ресурса

Информация «О компании»

Цены на товары и услуги на виду

Кроссбраузерность

http://browsershots.org/

Регулярные обновления

Горизонтальная навигация

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

Фасетная навигация

Посадочные страницы• Заголовок• Призыв к действию и конверсионная кнопка• Описание• Клиенты и отзывы• Изображение, видео

Корзина

Форма регистрации

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

Правильно

Структура сайта Адаптивная верстка

Не желательно использовать фреймы

Иерархия разделов по принципу «3 кликов»

Ни в коем случае нельзя использовать горизонтальную прокрутку!

Использование хлебных крошек

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

Что почитать?

Брайан и Джеффри Айзенберг«Добавьте в корзину. Ключевые принципы повышения конверсии веб-сайта».

Стив Круг «Веб – Дизайн: книга Стива Круга или «не заставляйте меня думать»

Спасибо за внимание!

Вопросы?

27

writer@vlada-rykova.com

vk.com/vlada_growl

facebook.com/VladaRykova

twitter.com/VladaGrowl

plus.google.com/+ВладаРыкова