За последнее время я столкнулся с большим количеством промышленных интерфейсов. Суть в том, что в интерфейсе человек делает не что-то, что ему хочется, а что-то, что надо исходя из производственного процесса. Интерфейсы сложные, со специальными командами и терминами. К интерфейсу пишут инструкции, сотрудники должны их внимательно изучать.

Вот пример фразы из инструкции:

Если выдалось сообщение, что поступила деталь типа A в статусе N или Q, то деталь необходимо обработать на станке X.

Инструкция и интерфейс борются друг с другом. Десятками встречаются ситуации, когда в интерфейсе написано одно, а в инструкции объясняется, что это значит другое! Вот как в этом примере.

Все такие ситуации исправляются тремя действиями:

1. Слово «Если» из инструкции переводится в слово if в коде. Код ведь знает, какое сообщение он выдал!
2. Сообщение заменяется на «Передайте деталь на обработку на станке X».
3. Фраза про типы и статусы удаляется из инструкции.

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

В недавнем обновлении Макоса появилась фича — можно показывать погоду прямо в системном меню:

Хорошо! Если ткнуть, выпадает выпадайка с дизайном студенческого уровня — ну как можно было не нарисовать контурные версии иконок вместо этих клякс?

Но самая удивительная штука тут сверху — это голубенький регулятор температуры за окном. Можно подвигать и сделать потеплее или похолоднее. Удобно!

Я сейчас готовлю новую лекцию под рабочим названием «Кликабельность» — там про то, как мы по виду элементов понимаем, что с ними можно делать. Вот дизайнеров из Эпла я бы отправил на неё обязательно.

Если у вас индикатор, он не должен выглядеть как регулятор. Не говоря уж о том, что тут совершенно низачем не нужен этот индикатор, он ничего не объясняет и не визуализирует.

Интерфейсный курс скоро подорожает, и вот-вот закончится запись на последний поток по старой цене. Заодно — кусочек из курса.

Показываю несколько движений, чтобы виджет стал посимпатичнее. 4 минутки:

Также есть на ВК-видео.

Это фрагмент № 162 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 декабря 2023 года.

Идёт запись на курс, который пройдёт 18 января — 16 февраля.

Почитать о курсе

Программа, отзывы, запись

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

Участник курса презентация Николай Иванов презентует клиенту своё предложение по оптимизации работы типографии. Со стороны клиента два участника, один очень скептичен, другой очень прагматичен, да у них ещё и разногласия появляются по ходу. Обсуждаем, как можно усилить саму презентацию и как поступать с таким проблемным клиентом. 31 минута:

Также есть на ВК-видео.

Это фрагмент № 10 онлайн-курса «Презентация клиенту и публичные выступления». Записано на курсе 28 октября 2024 года.

До 12 января идёт запись на курс, который пройдёт 13 января — 2 февраля.

Почитать о курсе

Программа и запись

Крутой курс, приходите!

Участник курса презентаций Даниил Володин презентует клиенту редизайн сайта М.Видео. Обратите внимание, что собственно показ нового дизайна занял две минуты спустя аж семь минут всяких подготовительных ритуалов. Это позволило добиться того, чтобы все помехи вниманию слушателей сначала были устранены. Но мы всё равно разыграли несколько типичных проблем на презентациях и потом разобрали их.

Подробный пример, аж 32 минуты:

Также есть на ВК-видео.

Это фрагмент № 9 онлайн-курса «Презентация клиенту и публичные выступления». Записано на курсе 28 октября 2024 года.

До 12 января идёт запись на курс, который пройдёт 13 января — 2 февраля.

Почитать о курсе

Программа и запись

Крутой курс, приходите!

Участник курса нарисовал виджет, часть которого занимает карта под обрез. Получилось некрасиво. Объясняю, что не так, и как можно сделать лучше. 6 минут:

Также есть на ВК-видео.

Это фрагмент № 161 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 1 декабря 2023 года.

Идёт запись на курс, который пройдёт 18 января — 16 февраля. Сейчас −10% из-за ранней записи.

Почитать о курсе

Программа, отзывы, запись

На днях я рассказывал про проблему возрастных категорий. А вот другой пример — ценовые категории в «Букинг.коме»:

Слева нужно выбрать «бюджет за ночь», и для этого используется самый неадекватный интерфейс в мире: цены разделены на категории с шагом по 2000 рублей. Мало того, что их совершенно ни для чего не нужно в принципе делить на категории, так тут ещё и интерфейс позволяет настроить, например, что мне подходит от 4000 ₽ до 6000 ₽ и от 8000 ₽ до 10000 ₽, а вот 6031 ₽ или 7915 ₽ — не подходит. Не существует ни одного человека в мире с такими требованиями к цене.

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