Илья
8 марта 2016
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Что такое модальность и почему её принято ругать?

Третья часть


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

Разделить жесты

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

Improving camera UI in iOS
Как есть: нажатие на большую кнопку иногда приводит к записи видео, а иногда — к съёмке фото. С каждой новой версией Ай-ОСа режимов у камеры всё больше
Как могло бы быть: нажатие на каждую кнопку всегда приводит к ожидаемому результату

В первобытных электронных картах были кнопки «лупа» и «рука». В зависимости от выбранного инструмента движение мышью изменяло масштаб карты или двигало её. Чтобы решить проблему модальности в этом интерфейсе, придумали изменение масштаба при помощи колеса прокрутки. Жест для движения карты (зажать кнопку и тащить) разделился с жестом для управления масштабом (крутить колесо). Так проблема модальности была решена внутри карты.

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

Настоящим решением стало изобретение «двухпальцевого» зума, который Стив Джобс показал на презентации Айфона:



К сожалению, он до сих пор не работает в картах в браузере.

Использовать «квазирежимы»

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



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

Педаль «Роллс ММ11»

Кнопка Капслок переключает между режимами ввода строчных и прописных букв. Это приводит к модальным ошибкам: если забыть отключить Капслок, по ошибке пишешь большими буквами. Кнопка Шифт включает квазирежим ввода прописных букв — буквы пишутся прописными лишь пока кнопка зажата. Ввод отдельной прописной с шифтом воспринимается человеком не как работа в другом режиме, а как использование другого жеста. Если же человеку понадобится ввести заглавными целое слово, то он будет постоянно физически ощущать особый режим клавитуры.

Слава богу, на Маке можно полностью отключить Капслок:


Классический юниксовый текстовый редактор «Ви-ай» (vi) работает в одном из двух режимов. В режиме ввода нажимаемые буквы вставляются в текст, а в режиме ввода команд каждой букве соответствует действие: перемещение курсора, скроллинг, поиск,замена. В современном редакторе буквы всегда вставляются в текст, а команды выполняются с удержанием клавиш-модификаторов: Контроль, Комманд, Альт.

Первым немодальным текстовым редактором был созданный Ларри Теслером «Джипси»

При работе в Фотошопе дизайнер часто меняет масштаб и положение холста на экране. Без квазирежимов это долго: переключиться в инструмент «лупа» (Z), изменить масштаб, переключиться в инструмент «рука» (H), подвинуть холст в нужное место; вспомнить, что за инструмент был выбран до этого; переключиться в него. Продвинутый дизайнер зажимает левой рукой целые аккорды. При этом трудно объяснить другому, что именно ты сделал.

На устройствах без поддержки мультитача вместо двухпальцевого зума можно было бы использовать Альт-прокрутку для изменения масштаба карт.

Изменить сценарий

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

В отличие от Фотошопа, в почте нет инструментов «удалить» и «ответить», которыми нужно тыкать в письма. Наоборот, пользователь выбирает письмо, а потом уже нажимает «удалить»:


В программе обработки изображений НТМДТ толерантность волшебной палочки изменяется после клика:


Универсальный способ избавиться от модальности пока неизвестен.

О проекте НТМДТ

P. S. Я веду практический курс «Пользовательский интерфейс и представление информации». Дата следующего курса пока неизвестна.

 
Мы напишем вам, когда будет открыта запись. Без спама.

Поделиться

Комментарии

Роман Буянов
8 марта 2016

Справедливости ради, зум пальцами по тачпаду работает в Яндекс- и Гугль-картах в хроме на маке, а у Яндекса ещё и на тачевых экранах в Хроме в Линуксе.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

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

Вот такой веб 2.0.

Модальность





Недавно всплыло

2 7 4 Как создавался новый сайт бюро. Часть третья 1