37
ЗДРАВЫЙ СМЫСЛ или Между Хеллоуином и концом, Света

Здравый смысл в юзабилити

  • Upload
    promodo

  • View
    3.244

  • Download
    0

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Здравый смысл в юзабилити

ЗДРАВЫЙ СМЫСЛ

или

Между Хеллоуином и концом, Света

Page 2: Здравый смысл в юзабилити

Сайт как целое

Page 3: Здравый смысл в юзабилити

Лишняя, отвлекающая информация

Page 4: Здравый смысл в юзабилити

Сайт должен иметь смысл

Page 5: Здравый смысл в юзабилити

По главной странице сразу понятно, чему посвящен сайт

Все основные возможности доступны без регистрации

Page 6: Здравый смысл в юзабилити

Структура сайта, информационная

архитектура

Page 7: Здравый смысл в юзабилити

Информационная архитектура? Не, не слышал.

Page 8: Здравый смысл в юзабилити

Основной контент не отделен от дополнительного

Page 9: Здравый смысл в юзабилити

Навигация Главное меню

Page 10: Здравый смысл в юзабилити

Пункты меню должны располагаться в порядке убывания их значимости

Больше двух подуровней меню лучше не использовать

Page 11: Здравый смысл в юзабилити

Непонятно, в каком разделе сайта находишься

Важная информация закопана

Пункты, содержащие подменю, должны отличаются от остальных

Page 12: Здравый смысл в юзабилити

Структура страниц сайта

Блоки и элементы

Page 13: Здравый смысл в юзабилити

Значение иконок должно быть интуитивно понятно

И не надо взрывать мне мозг!

Page 14: Здравый смысл в юзабилити

По смыслу элемент кликабельный; на самом деле — нет.

Page 15: Здравый смысл в юзабилити

Элементов, привлекающих внимание, должно быть мало

Page 16: Здравый смысл в юзабилити

Заметные заголовки, правильное использование фона, рамок и пустого пространства позволяет визуально разделять страницу на заметные и логичные информационные блоки

Page 17: Здравый смысл в юзабилити

«Цена — рядом с товаром»: все связанные элементы должны находиться рядом друг с другом

Page 18: Здравый смысл в юзабилити

Поиск

Page 19: Здравый смысл в юзабилити

Поиск на отдельной странице — плохо.

Page 20: Здравый смысл в юзабилити

Текст

Page 21: Здравый смысл в юзабилити

Пишите сначала важное, потом остальное

Текст должен быть интересен или лаконичен

Текст должен быть структурирован

Кегль основного текста для чтения — 16px

Выравнивание абзаца — только по левому краю

Page 22: Здравый смысл в юзабилити

Сервис Readability.com

Page 23: Здравый смысл в юзабилити

Ссылки

Page 24: Здравый смысл в юзабилити

Cсылки должны визуально отличаться от остального текста

Page 25: Здравый смысл в юзабилити

Кнопки

Page 26: Здравый смысл в юзабилити

Кнопки должны выглядеть кнопками

Текст на кнопке — призыв к действию

Page 27: Здравый смысл в юзабилити

Хотя бы как здесь

Page 28: Здравый смысл в юзабилити

Формы

Page 29: Здравый смысл в юзабилити

Эту форму спасет только полное перепроектирование

Page 30: Здравый смысл в юзабилити

Форма должна быть лаконичной

В целевых формах (например, регистрация) должы быть только обязательные поля

Page 31: Здравый смысл в юзабилити
Page 32: Здравый смысл в юзабилити

Нельзя путать чекбоксы и радио-кнопки

Page 33: Здравый смысл в юзабилити

ДРУГОЕДЕЛО

Page 34: Здравый смысл в юзабилити
Page 35: Здравый смысл в юзабилити
Page 36: Здравый смысл в юзабилити
Page 37: Здравый смысл в юзабилити

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

Алексей Кириченко

[email protected]

+38 097 457-85-25