Глава 2a. Интерфейсы из физического мира

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

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

Интерфейс есть орган управления либо способ ввода/вывода команд в ЭВМ или в механизм.

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

• Мышь — самый точный интерфейс. Благодаря ему вы можете с самой высокой точностью манипулировать цифровыми интерфейсами, например, тем же Adobe Photoshop или Sketch app. Трекпад чуть менее точен, но все равно точнее, чем тач скрин.

• Клавиатура. Все понятно за одним лишь исключением: речь идет о физической полноразмерной QWERTY-клавиатуре. Экранные клавиатуры относятся к цифровым интерфейсам.

• Цифровая клавиатура. Привет, банкомат, калькулятор, кнопочный телефон, домофон, сейф и т.д. в английском языке цифровая клавиатура зовется Num keyboard, что несколько снижает путаницу в названии.

• D-pad — крестообразный джойстик, которым оснащен пульт почти любой игровой консоли, а также пульт от TV. Служит целям навигации и управлением движениями игровых персонажей. В старых Nokia 3110 был лучшим другом человека.

• Jog-dial. Колесико-крутилка с кнопкой посредине, подтверждающий ввод. Встречается в кофе-машинах, на торпедо автомобилей, в старых MD-плеерах Sony, в Apple Watch и во многих других неожиданных местах.

• Кнопки. С ними, я уверен, вы познакомились еще в первый год вашей жизни. Их великое множество: есть те, что при многоократном нажатии выполняют разные действия, кнопки с цветовой индикацией, подсветкой, вогнутые, выпуклые, цилиндрические, прямоугольные и т.д.

• Рычаги. Коробка передач, указатели сигнала подворотника в автомобиле, стоп-кран, рубильник и т.д.

• Множество разновидностей тумблеров, переключателей, ползунков. К счастью, вы с ними тоже встречались не раз.

• Микрофон. Про девочек Siri, Alexa, Cortana и Алису слышали? Они каждый день внимательно слушают вас посредством микрофона и пытаются исполнить ваши хотелки по первому требованию. Набирали когда-нибудь адрес пункта назначения в Яндекс.Картах? Говорили ли по громкой связи? Во влажных фантазиях технических гигантов микрофон заменит нам все разновидности интерфейсов... но когда-нибудь потом.

• Камера. Привет, AR (Augmented Reality), VR (Virtual Reality), Face ID и т.д. Разблокировка смартфона лицом, видео-звонки, считывающий мимику смайлик 💩 в Apple iPhone X и старше — всё это есть ввод информации посредством камеры.

• Сенсорная панель. Это не обязательно экран смартфона или планшета. Это может быть и кнопка, и, сканер отпечатка пальца, touch bar на вашем новом Apple Macbook Pro. Чаще всего под сенсорной панелью мы понимаем экран смартфона, он же touch screen, но, как видите, это не всегда так.

Список можно уточнять и дальше, но общее представление у вас наверняка сложилось. Главное понимать, что в современных устройствах в 99% случаев присутствует комбинация различных физических интерфейсов.

Пример #1: Samsung Galaxy S6.

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

1. Touch screen.

2. Камера.

3. Микрофон.

4. Сенсорные кнопки.

5. Физические кнопки (управление громкостью, кнопка включение/выключение устройства).

Человек управляет разными приложениями при помощи комбинации различных физических интерфейсов, а не только при помощи touch screen, как нам кажется на первый взгляд. «Привет, Siri», — не требует от вас ничего, кроме голосовой команды. Face ID не ждёт от вас ввода пароля, ему достаточно вашего лица.

Пример #2: автомобиль.

В салоне автомобиля можно встретить комбинацию практически всех существующих интерфейсов из физического мира. Той же мультимедийной системой можно управлять при помощи микрофона, кнопок, крутилок, jog dial, сенсорной панели, сенсорных кнопок и микрофона. И даже при помощи рычагов!

Пример #3: банкомат

1. Сенсорный экран.

2. Num pad (клавиатура с цифровыми клавишами).

3. Кнопки подтверждения, отмены, корректировки вводимой команды и по краям экрана.

— — —

Датчики.

Прочтя подзаголовок, вы скорее всего подумали: «Причём тут датчики?» И раз я их упоминаю, значит есть в их наличии определённый смысл. Представьте себе, что вы, бегая по местному парку, наматываете третий круг. На вашем запястье поблёскивают тёмным стеклом милые сердцу Apple Watch. Зачем они вам? Вы ведь сами можете по Яндекс.Картам замерить маршрут в метрах, затем на вскидку посчитать пульс и, взяв смартфон в руки, аккуратно вбить ваши предположения в фитнес-приложение.

Непростая задача, правда? Тем временем наши волшебные датчики делают эту работу за вас в фоновом режиме, мгновенно и точно, 24х7, 365 дней в году (если не забыли зарядить смарт-часы).

Получается, что невидимые глазу датчики есть не что иное, как устройства ввода/вывода, то есть интерфейсы из физического мира. А представьте сколько всевозможных датчиков в Mercedes Benz S500, отвечающих за безопасность, комфорт, поведение автомобиля на дороге — без них это была бы гужевая повозка с четырьмястами лошадьми под капотом. 

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

— — —

Коротко о прочитанном.

Человек управляет физическим устройством при помощи, в первую очередь, интерфейсов из физического мира, будь то кнопки, сенсорные панели, датчики и прочие архаичные инструменты вроде рычагов и jog dial. =))

Этими действиями человек передаёт цифровому устройству данные, на базе которых сей девайс производит какие-то вычисления и выводит на экран некий результат в виде графического интерфейса (Graphic User Interface). Вот это и есть UI (User Interface).