Хороший интерфейс даёт мгновенную и непрерывную обратную связь. Карта увеличивается прямо по мере движения пользователя, используя уже загруженные данные:

Детали проявляются чуть позже, после загрузки:

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

Правило: если по мере движения невозможно отображать результат, показывайте его приближённо сразу; заменяйте точным потом.

Для масштабирования карты часто используют жест прокрутки, но с ним связана проблема модальности. А сначала для этого использовали слайдер, перемещаемый мышью.

Слайдер — универсальный элемент, который помогает обеспечивать мгновенную и непрерывную обратную связь:

Двигая слайдер, человек в реальном времени наблюдает изменяющийся на результат. Фотошоп показывает, как сработает эффект, ещё до того, как отпустишь кнопку мыши. Если бы он дожидался отпускания, магия непрерывности бы потерялась. О том, что не нужно дожидаться нажатия OK, и говорить не стоит.

Онлайн‑калькуляторы кредитных платежей, тарифов связи, пластиковых окон иногда делают в виде формы с числовыми полями и кнопкой «Рассчитать»:

Человек должен ответить на несколько сложных вопросов, прежде чем увидеть результат. Хотя такое и называют «калькуляторами», на самом деле человеку нужно не посчитать, а разобраться в многомерном мире вариантов.

Польский «Всеобщий кредитный дом» одним из первых догадался перейти на слайдеры и пересчитывать результаты «на лету». Калькулятор автокредита:

Диапазоны допустимых значений одних величин меняются при изменении других — так человек может увидеть, что по условиям банка чем старше автомобиль, тем на меньшее число платежей можно разбить погашение кредита. В подобных ситуациях очень часто величины связаны неочевидным образом, и эта связь скрыта в варианте с простыми числовыми полями.

Калькулятор вкладов «Связного банка» сочетает удобство слайдеров с точностью числовых полей. Если клиент хочет рассчитать итоговую сумму конкретного вклада, он вводит параметры в текстовые поля, расположенные «внутри» слайдеров:

Интерактивная статья в «Нью‑Йорк‑Таймсе» объясняет, когда выгоднее покупать, а когда — арендовать жильё:

Если аренда дома выбранной цены дешевле, чем написано справа, то выгоднее арендовать. Но это из расчёта, что жить в этом доме ты будешь столько‑то, условия ипотеки такие‑то, а цена дома, налоги и коммунальные платежи будут меняться так‑то.

Любую из переменных можно менять, и одновременно будет меняться пороговая цена аренды. Инфляция:

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

Если бы это сделали в виде традиционной формы, никто не дошёл бы до её конца. И причина не только в нежелании заполнять такую простыню. Просто непонятно, как заполнить «рост цены аренды» или ту же инфляцию. Откуда ж я знаю, какая она будет!

Качество обратной связи напрямую связано с восприятием скорости интерфейса. Интерфейсная реакция на действия пользователя должна иметь наивысший приоритет.

Этот принцип составлял решающую разницу между Айфоном и остальными устройствами, и это было одним из главных прорывов. При запуске приложения Айфон мгновенно показывал заранее заготовленный скриншот, а после загрузки заменял его на «живой» интерфейс. Казалось, что приложение открывалась без задержки.

Памяти первых моделей не хватало на хранение открытой в браузере страницы, и при прокрутке требовалось время для прорисовки. Здесь даже непонятно, как показывать страницу приближённо! Оказалось, можно буквально «никак»:

Непрорисованная часть страницы отображалась шахматным узором, как прозрачность в Фотошопе, но приезжала точно в соответствии с движением пальца пользователя. Изображение появлялось через долю секунды. Если бы движения страницы отставали от пальца на эту долю секуды, телефон казался бы тормозным.

Помимо мгновенности и непрерывности, обратная связь Айфона также впервые правдоподобно воспроизводила таковую из реальной жизни: прокрутка обладала инерцией, а при достижении краёв прокручиваемой области страница «отпружинивала».

От такой физичности возникает иллюзия непосредственного взаимодействия с элементами на экране. Пользователь перестаёт воспринимать экран как устройство ввода, посредством которого он даёт странице команду прокрутиться на столько‑то; он просто проматывает её пальцем.

Игра с катанием шарика по лабиринту производила на всех большое впечатление несмотря на посредственную графику. По той же причине: ты не управлял игрой, наклоняя телефон в разные стороны, а просто катал шарик по лабиринту.