13 заметок с тегом

интерфейс

Масштабирование карты и квазирежимы

Стоит такая интерфейсная задача — изменение масштаба на картах, которые занимают часть экрана.

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

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

Модальность лечат, задавая разные действия для разных команд. Если так не получается, пробуют квазирежимы — режимы, которые человек явно осознаёт. Зажатый шифт в сочетании с буквами даёт не строчные, а прописные.

Недавно в Гугл-картах, которые встраиваются в страницы, появилось решение проблемы с прокруткой. Разработчики ввели для таких карт квазирежим — для масштабирования теперь не достаточно прокрутки, нужно ещё зажать ⌘ или Сtrl. Скриншот:

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

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

24 ноября   интерфейс   карта   квазирежим   модальность

Мишн контрол

Мак радует функцией «Мишн контрол». За неё отвечает клавиша «F3»:

Нажатие на одну кнопку показывает открытые окна — супер-наглядно:

Одно но: в этом режиме не видны свёрнутые окна. Ждать, что человек помнит свёрнутое, мега-оптимистично. Если сверить запущенные приложения в Доке с окнами и рабочими столами, можно заметить, что окон не хватает. Но это требует много времени и внимания — раз. А если у одного приложения открыто больше двух окон и хоть одно из них свёрнуто, найти его через Мишн контрол не получится — два.

Выделенное окно Файндера было открыто уже во время первого скриншота:

В настройках есть галочка «Группируй окошки по приложениям», советую включить, будет проще:

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

13 октября   интерфейс   Мак

Надпись, как интерфейс

Надпись тоже бывает интерфейсом. На фото — капельная кофеварка, она готовит 1-1,5 литра фильтрового кофе. После приготовления, кофеварка подогревает кофейник, потому что сложно выпить литр кофе за раз. Чтобы аппарат не перегревался при подогреве и не вынуждал человека следить за температурой, в большинстве кофеварок есть автовыключение. Но не на всех есть надписи. Об функции написано в инструкции, но человек мог её не читать, потому что это 20-я кофеварка в его жизни, но у первых 19 не было автовыключения, или забыть, потому что люди что угодно забывают. Надпись тут работает, как обратная связь, постоянно показывает перманентное состояние системы.

Добавлено попозже. Меткий твит:

22 сентября   интерфейс   промдизайн

Приём тары в Берлине

В Германии сдают и переиспользуют тару. В Берлине в большинстве продуктовых стоит автомат, который принимает пластиковые и стеклянные бутылки и банки.

Интерфейсы таких автоматов разные. В этот раз попадались образцовые. У автомата три элемента: отверстие для тары, двуцветный экранчик и кнопка. У другого экран был побольше и сенсорный, что позволило кнопке стать софтверной. То есть элементов всего два. Увы, выглядят грустно необоснованные переходы форм и огромный посредственный логотип.

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

В этот раз сдал на 2,95 €.

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

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

Выбора размера штанов в интернете

На курсе «Пользовательский интерфейс и представление информации» Илья рассказал, как упростили выбор размеров джинсов для интернет-магазина «Гетвеара» — вместо больших таблиц соответствия дали выбор нужной шкалы:

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

Так делают «Квеле». Но делают неэлегантно — в пять шагов. Кнопки ломаются, ссылки выбранных пунктов почему-то ведут на редактирование шага. И всё равно забота радует.

Увы, в половине случаев они показываю всё те же таблицы соответствия:

2017   интернет-магазин   интерфейс   одежда
Ранее Ctrl + ↓