Самое заметное в интерфейсе — это доля секунды после нажатия. Если в этот момент ничего не происходит, человек жмёт второй раз, потом третий, а дальше перестаёт верить кнопкам вообще. Я закрываю именно эти доли секунды: кнопка отзывается, переключатель переезжает, а не перерисовывается скачком, список показывает, что он грузится, а не просто белеет. Работа начинается с инвентаризации — выписываю все места, где интерфейс сейчас молчит в ответ на действие, и уже под этот список подбираю набор, а не наоборот.
Иконки и движения делаются одним набором и по одному своду правил. Толщина линии, радиус скругления, оптический размер, ритм штрихов фиксируются в начале, и любая новая иконка потом собирается по тем же параметрам, хоть через полгода. Тёмная тема не дорисовывается напоследок: на тёмной панели тонкий штрих исчезает и контур приходится вести иначе, поэтому обе темы идут параллельно с первого эскиза. Отдельная линия работы — состояния. Ожидание, подтверждение и отказ должны выглядеть по-разному и не походить друг на друга, иначе понять исход можно будет только из текста рядом.
Отдаю не ролик и не картинку «как будет», а рабочий материал. Исходники, экспорт в лёгких форматах под веб и под мобильные и таблицу параметров: сколько миллисекунд идёт движение, по какой кривой, с какой задержкой, что за чем оживает. Разработчику не приходится измерять ничего на глаз по записи экрана. Перед сдачей весь набор проверяется на слабом телефоне и в подтормаживающем браузере: анимация, красивая на мощной машине и рвущаяся на обычной, хуже, чем её отсутствие.
Из чего складывается услуга:
— инвентаризация мест, где интерфейс сейчас не отвечает на действие пользователя;
— иконки и микроанимации одним набором, по единому своду правил линий и скруглений;
— светлая и тёмная тема с первого эскиза, а не тёмная «потом»;
— ожидание, подтверждение и отказ — тремя непохожими движениями;
— анимация переключателей, чекбоксов и кнопок: нажатие, активное состояние, недоступность;
— исходники и экспорт в лёгких форматах для веба и мобильных;
— таблица параметров для разработчика: длительность, кривая, задержка, очерёдность;
— проверка на слабом устройстве с исправлением просадок кадров;
— анимация не заменяет текстовую подсказку: состояние подписывается словом, иначе смысл движения угадывают;
— долгие эффекты в рабочем интерфейсе мешают, поэтому длительность держится в десятых долях секунды;
— мигающих и резко контрастных вспышек не делаю.
Иконки и движения делаются одним набором и по одному своду правил. Толщина линии, радиус скругления, оптический размер, ритм штрихов фиксируются в начале, и любая новая иконка потом собирается по тем же параметрам, хоть через полгода. Тёмная тема не дорисовывается напоследок: на тёмной панели тонкий штрих исчезает и контур приходится вести иначе, поэтому обе темы идут параллельно с первого эскиза. Отдельная линия работы — состояния. Ожидание, подтверждение и отказ должны выглядеть по-разному и не походить друг на друга, иначе понять исход можно будет только из текста рядом.
Отдаю не ролик и не картинку «как будет», а рабочий материал. Исходники, экспорт в лёгких форматах под веб и под мобильные и таблицу параметров: сколько миллисекунд идёт движение, по какой кривой, с какой задержкой, что за чем оживает. Разработчику не приходится измерять ничего на глаз по записи экрана. Перед сдачей весь набор проверяется на слабом телефоне и в подтормаживающем браузере: анимация, красивая на мощной машине и рвущаяся на обычной, хуже, чем её отсутствие.
Из чего складывается услуга:
— инвентаризация мест, где интерфейс сейчас не отвечает на действие пользователя;
— иконки и микроанимации одним набором, по единому своду правил линий и скруглений;
— светлая и тёмная тема с первого эскиза, а не тёмная «потом»;
— ожидание, подтверждение и отказ — тремя непохожими движениями;
— анимация переключателей, чекбоксов и кнопок: нажатие, активное состояние, недоступность;
— исходники и экспорт в лёгких форматах для веба и мобильных;
— таблица параметров для разработчика: длительность, кривая, задержка, очерёдность;
— проверка на слабом устройстве с исправлением просадок кадров;
— анимация не заменяет текстовую подсказку: состояние подписывается словом, иначе смысл движения угадывают;
— долгие эффекты в рабочем интерфейсе мешают, поэтому длительность держится в десятых долях секунды;
— мигающих и резко контрастных вспышек не делаю.
