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

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

Вторая часть


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

Выбранный инструмент Фотошопа не только показан на панели инструментов сбоку, но и влияет на курсор мыши:


Так он всегда виден ровно в том месте, куда смотрит пользователь.

Это, действительно, снижает число ошибок, связанных с неправильным выбором инструмента. Однако у самих инструментов тоже есть многочисленные невидимые состояния (твёрдость кисти, способ смешивания, тип градиента). Выбранный слой, цвет и режим квик-маск — также за пределами внимания пользователя.

Айфон трясёт иконками домашнего экрана, чтобы пользователь не мог забыть, что интерфейс находится в режиме их перетаскивания:



Тысячи людей прямо сейчас пишут не в той раскладке. Чтобы снизить число таких ошибок, Артём Горбунов придумал отображать текущий язык цветом каретки:



Это могло бы скрасить жизнь хотя бы тем, кто во время ввода смотрит на экран, а не на клавиатуру.

Индикация раскладки клавиатуры

Когда у меня появился Мак в 2008 году, я реализовал это в небольшой программе. К сожалению, в следующей версии Мак-ОСа Эпл озаботился безопасностью и запретил одним программам измененять цвет каретки внутри других.

Но эти примеры — компромисс. Интерфейс кричит пользователю: «Смотри, в каком я состоянии!» Формально модальность снижается, но снижается и эффективность: мы переключаем внимание пользователя с задачи на состояние интерфейса, заставляя принимать решение о необходимости переключения, а это мешает вырабатываться привычке.

Продолжение

Интерфейс и информация — дисциплина Школы дизайнеров. Набор открыт. Чем раньше поступите, тем ниже стоимость и выше шанс на бесплатное место.
 

Поделиться
Отправить

Комментарии

Даниил Пронин
23 февраля 2016

Цвет каретки – это прикольно, только вот совсем неочевидно. Неправильно введённый текст можно исправить с помощью Пунто-свитчера, следить за языком – с помощью чудного Ютайп (YouType), который добавляет флажок к курсору мыши, который чаще всего даже во время ввода текста (и уж тем более непосредственно перед ним) находится в поле внимания пользователя.

Андрей Димитров
24 февраля 2016

Интересно, что прижился термин «модальность», хотя относительно интерфейсов корректнее переводить «mode», как «режим».

Антон Богомолов
25 февраля 2016

Пользователь не смотрит на курсор. Он смотрит на объект, на который этот курсор надо поместить. Раскин подробно разбирал эту тему.

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

Станислав Лашманов
2 января 2017

Можно превратить каретку в флагшток и на нём повесить флаг. И делать это только в случае если язык можно сменить.


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

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

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

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

Модальность





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

Кто клиент? 1 2 1 Через квартал позвонил заказчик и спросил, может ли он использовать одну из непринятых концепций 4