10 правил удобного интерфейса
Из классической книги Стива Круга «Не заставляйте меня думать»
Решил перечитать одну из классических книг по дизайну. Книга слегка устарела, но ключевые принципы до сих пор актуальны. Вот несколько идей, которые я выделил:
1. Мы не читаем страницы, а просматриваем их. Отыскиваем слова и фразы, которые задерживают наше внимание. Поэтому нужно хорошо подбирать заголовки и названия разделов, чтобы взгляд за них цеплялся. Обычно эти слова соответствуют нашей текущей задаче, нашим интересам и формулировкам, вызывающим отклик (скидка, распродажа, бесплатно).
2. Использовать условности, то есть общепринятые символы, которые понятны всем. Например: знак STOP, логотип располагать слева, иконка карандаша — это редактировать. Не нужно придумывать что-то оригинальное, ведь многие текущие условности появились неспроста, а через множество итераций.
3. Создавать визуальную иерархию. Чем больше элемент, тем он важнее и заметнее. Логически связанные элементы связывать и визуально (например, элементы меню располагать близко друг к другу). Вложенные элементы должны показывать, что являются частью чего-то другого.
4. Делить страницу на четко разграниченные области. Так пользователь быстрее поймет на каких частях ему нужно сосредоточиться, а какие можно игнорировать без ущерба.
5. Сделать очевиднее по каким элементам можно кликнуть. Хорошо, когда все кликабельные элементы сделаны в похожем стиле.
6. Подавить визуальный шум. Избежать того, чтобы каждый элемент страницы привлекал к себе внимание. Избавляться от всего, что не соответствует задаче экрана.
7. Отформатировать текст, чтобы его было удобно просматривать. Сделать отступы между абзацами, продуманные заголовки и логичные отступы между ними и текстом, короткие абзацы, списки и заметными ключевые места.
8. Нужно стремиться не сокращать количество кликов, а снижать сложность каждого клика. Лучше больше кликов, но меньше размышлений.
9. Юзабилити-тестирование — лучший способ проверить интерфейс. Оно не требует больших усилий и знаний. Достаточно одного утра в месяц и нескольких участников. Во время тестирования нужно дать участникам несколько задач и смотреть, как они с ними справляются. Например, зарегистрироваться или восстановить пароль. Во время тестирования не нужно пытаться определить все существующие ошибки, нужно найти лишь несколько, которыми вы будете заниматься следующий месяц.
10. Про дизайн для мобильных устройств. (1) Это не про ограничение функционала, чтобы все уместить на небольшом экране. Часто это про другие задачи, ведь контекст использования сервиса на ходу отличается. (2) Если на экране мало места, это не значит, что интерфейс должен быть менее удобным.
P.S. Спасибо за прочтение, друзья. На столе у меня лежат еще несколько отличных книг. Скоро поделюсь их ключевыми идеями с вами.
—
Телеграм-канал о книгах,
канал о работе, Инстаграм.
