Статические экраны показывают, как выглядит интерфейс. Дизайн взаимодействия решает, что произойдет, когда кто-то его использует: что можно нажать или перетащить, как отреагирует интерфейс и как он изменится впоследствии. Смахивание для удаления, нажатие для обновления и меню, открывающееся при нажатии кнопки, — все это дизайн взаимодействия.
Несколько принципов определяют лучший дизайн взаимодействия. Доступность: должно быть понятно, с чем можно взаимодействовать. Обратная связь: каждое действие должно вызывать немедленный и видимый отклик. Предсказуемость: одно и то же действие должно давать одинаковый результат. Прощение: ошибки должно быть легко исправить.
Движение – один из главных инструментов. Лист, который скользит снизу вверх, показывает, откуда он взялся и куда пойдет. Пружина, которая следует за вашим пальцем и естественным образом фиксируется, делает жест более прямым. При неправильном использовании движение замедляет людей, поэтому дизайнеры взаимодействий тщательно решают, что должно двигаться, как быстро и почему.
Взаимодействие нельзя протестировать с помощью статических изображений. Дизайнеры создают прототипы — от простых кликабельных потоков до подробных прототипов с логикой — чтобы проверить, как это ощущается. Проблема в том, что разработчики часто перестраивают прототипы, а детали при передаче теряются.
Инструменты, сохраняющие взаимодействие в виде данных, уменьшают эти потери. ExodeUI, который мы создаем, хранит состояния, физику пружин, входные данные и события в одном открытом файле, который запускается в реальном приложении, поэтому поведение, которое вы проектируете, — это поведение, которое поставляется.