Дополнительное, двойное улучшение комплекса «кнопка-меню»

Самое главное:

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

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

Джеф Раскин пишет, что интуитивности в интерфейсах как таковой не существует, и что лучше один раз потратить время на обучение, если в дальнейшем это позволит экономить время в данном интерфейсе больше, чем в «интуитивном» интерфейсе. На этом я и собирался остановиться, но всё-таки решил подумать над возможными вариантами.

Итак, необходимо:

  1. Чтобы пользователь при нажатии клавишии удерживал её;
  2. Во время удержания перевёл курсор за пределы кнопки.

Тогда интерфейс может работать следующим образом:

  1. После клика (после того, как клавиша опущена вниз) нужно показывать 4 точки (будем называть их внешними) по сторонам света, такие же, как на самой кнопке (назовём их внутренними), только за её пределами (внешние), а после того, как клавиша мыши поднята вверх (отпущена), — скрывать. При краткосрочном нажатии кнопки точки вокруг неё лишь подмигнут и исчезнут.

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

  2. После удержания клавиши больше 100 мс и / или перемещения курсора больше чем на 4 пиксела точки превращаются в иконки меню. Пока курсор перемещается по кнопке, нужно увеличивать те иконки, к которым курсор ближе. Поэтому достаточно всего 4-х вариантов размеров одной иконки. Такое поведение иконок будет побуждать пользователя довести курсор до этих иконок, что заставит курсор покинуть кнопку.

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

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