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

интерфейс

Позднее Ctrl + ↑

Комментарии к сущностям в системах

В системах бывают комментарии. Например в ЦРМ у клиента или заказа. Стыдно признаваться, что не жаловал эти поля. Видел их так: чёткого назначения нет, используются раз в сто лет, не укладываются в формат, ломают таблицы.

Крутой Анатолий Буров показал другую сторону. Одно поле комментария расширяет функциональность системы, как несколько полей сразу. Люди могут писать в комментарии что угодно, любые данные, для которых нет полей. С хорошим поиском совсем сказка.

А в таблице можно делать так:

Анатолий Буров добавляет
Комментарии — это дешёвый способ сделать систему устойчивой к изменениям в окружающем мире.

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

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

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

 105   2017   интерфейс   комментарий   польза   таблица

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

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

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

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

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

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

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

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

 170   2017   интерфейс   карта   квазирежим   модальность

Мишн контрол

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

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

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

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

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

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

 111   2017   интерфейс   Мак

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

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

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

 46   2017   интерфейс   промдизайн

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

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

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

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

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

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

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

 1552   2017   Берлин   видео   Германия   интерфейс   магазин   переработка
Ранее Ctrl + ↓