Женя Кубарева

Среда! Именины у Веры, Надежды, Любви, Софии. Поздравляю вас и желаю всем прекрасного осеннего дня!

Коровий UX/UI

Я иногда специально ищу интерфейсы там, где вообще не ожидаешь их встретить. И сегодня мы идём в коровник!

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

А человеку всем этим надо как-то управлять.

Давайте посмотрим на интерфейсы молокодоильных роботов и систем управления фермой из разных стран: Lely из Нидерландов, DeLaval из Швеции, GEA из Германии, BouMatic из США, Milkomax из Канады.

* На одном экране — схематичная корова и четыре точки подключения, потому что каждая четверть (!) вымени может контролироваться отдельно. Да-да, они не одинаковые.
* На другом — очередь коров, которым пора на дойку. И да, компьютер понимает, кому уже пора.
* Где-то оператор помогает системе запомнить расположение сосков конкретной коровы.
* А где-то управление хозяйством уже переезжает в телефон: можно видеть данные по животным, задачи, показатели доения, состояние стада и предупреждения, даже находясь вне фермы.

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

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

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

Здесь особенно хорошо видно, зачем вообще существует UX/UI: не чтобы сделать экран красивее, а чтобы перевести сложный физический процесс в понятные человеку действия, данные и состояния.

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

Но коровы доятся и там, и там))

P. S. Ниже — маркетинговый ролик GEA, который я нашла в процессе исследования. Оставляю не как рекламу оборудования, а просто чтобы показать среду, для которой проектируются все эти экраны: масштаб, животные, оборудование и человек внутри этого процесса.

Про мышление

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

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

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

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

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

Я так стремилась освоить особое дизайн мышление, когда пришла в сферу UX/UI. Не в смысле насмотренности разных ниш или масштабных проектов со сложными пользовательскими сценариями. А глубже — как способность выйти из собственной головы и попробовать понять человека в его контексте. Не решить за него, как ему «должно быть удобно», а сначала увидеть мир его глазами за рамками интерфейсов. Задать ещё один вопрос. Усомниться в очевидном. Посмотреть на привычное с другой стороны.

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

Надо только их прочитать и положить зёрна информации себе в голову. А дальше пусть прорастают))

Всем прекрасных выходных в осенней тишине с книгой в руках🍁🍁🍁

Пять заблуждений про UX/UI

Немного дизайнерской правды с утра...

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

«Пользователь сам разберётся»
Правда: не разберётся. А если разберётся, то совсем не обязательно так, как вы задумали.
Пользователь не обязан изучать логику продукта. Хороший интерфейс сам подсказывает, куда нажать, что произойдёт дальше и как вернуться назад, если нажал не туда.

«Чем больше функций покажем на экране, тем полезнее продукт»
Правда: тем больше вероятность, что пользователь не увидит вообще ничего.
Если всё главное — значит, ничего не главное. И начинается дизайнерский аттракцион: убрать лишнее, спрятать второстепенное и при этом не спрятать то, за чем человек вообще сюда пришёл.

«UX/UI-дизайнер рисует кнопочки»
Правда: кнопочки — это уже почти финал истории. До них могут быть сценарии, ограничения, состояния, ошибки, логика переходов и бесконечное «а что произойдёт, если пользователь сделает вот так?». А потом да. Рисуем кнопочку))

«Если пользователи ошибаются, значит, они невнимательные»
Правда: если один человек не понял — возможно, дело в восприятии конкретного человека. Если не поняли десять — пора внимательно посмотреть на интерфейс.
Пользовательские ошибки вообще довольно разговорчивые. Иногда они лучше любого комментария показывают, где именно продукт объяснил свою логику недостаточно хорошо.

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

Здравствуй, школа!

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

А сейчас есть МЭШ, то есть Московская электронная школа.

МЭШ появилась в 2016 году как пилотный проект Правительства Москвы, а сегодня внутри одной цифровой среды собрана приличная часть школьной жизни: расписание, оценки, домашка, посещаемость, питание, учебные материалы и ещё миллион всего.

И тут любопытный момент: у одного продукта сразу три очень разные роли пользователей.

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

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

🔍Родитель — чтобы понимать, что вообще происходит в школьной жизни ребёнка: какие оценки, что задали, был ли он на уроках и что происходит с питанием.

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

Меня лично отдельно цепляет, что при таком количестве серьёзных функций интерфейс не превращается в суровую государственную табличку. Например, кото-маскот :) Он появляется в иллюстрациях и заставках и добавляет продукту немного жизни. А ещё команда меняет иконки нижней навигации под сезоны: вроде бы «Расписание», «Оценки», «Задания» никуда не делись, но визуально приложение чуть-чуть меняется вместе с реальным миром вокруг.

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

В общем, хороший повод присмотреться к приложениям, которыми мы пользуемся каждый день. Где-то цвет подсказывает, на что обратить внимание, где-то иконка заменяет лишнюю подпись, а где-то котик или смешная анимация просто делают довольно скучный процесс чуть приятнее. Такие штуки легко списать на «ну, для красоты сделали», но часто именно из них и складывается ощущение, что приложением легко и приятно пользоваться. А это уже совсем не просто украшательство📝

Квиллинг процессов

Когда я была подрастающим подростком, лет в 10–12, увлеклась квиллингом.

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

Я всё тут же раздаривала друзьям и знакомым и придумывала новые варианты, поэтому своих работ почти не осталось. Прикладываю похожие примеры сверху :)

Сейчас, конечно, уже продаются готовые полоски и даже автоматические приборы для накрутки. А тогда — всё вручную: пинцетик, бумага и лужи ПВА.

Иногда думаю, что с UX/UI у меня примерно так же.

Скручиваешь маааленькие детали: подпись к кнопке, статус, отступ, порядок полей, один шаг сценария, реакцию системы на ошибку. По отдельности вроде мелочь. Но именно из этих мелочей постепенно собирается цельная картина.

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

В работе то же самое: что-то сорвалось, появились ограничения, поменялись вводные — а общий вектор уже задан.

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