Честное анду документа и состояния

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

В Иллюстраторе если выделить часть точек объекта, подвинуть эти точки, а потом нажать анду, точки-то вернутся на место, но выделение изменится. Придётся заново выделять, чтобы подвинуть правильно.

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

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

Уборщица и приоритеты

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

Сам я удивляюсь тому, что люди, воспринимающие уборщицу как роскошь, легко тратят деньги на полную, по моим меркам, туфту.

Скажем, есть ребята, которые постоянно ездят на такси, хотя есть автобус. Помню, как-то в Москве вышел под утро с одной вечеринки, и там все у клуба такси ждут! А я посмотрел — через 6 минут с соседней улицы ночной автобус в нужную мне часть города. Вот нафига я буду брать такси? Какие плюсы это даёт, сравнимые с ценой такси? А некоторые вообще ездят только на «Комфорте»! Для меня это звучит как просто выбрасывание денег в мусор.

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

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

Конечно, на самом деле это всё вопрос приоритетов. Я хочу жить в чистоте, но совершенно точно не стану мыть пол. Я не уверен, что хотя бы раз в жизни это делал, я даже не знаю как это делать. Уборщица — для меня не роскошь, а бытовая потребность типа электричества и интернета. Я могу теоретически представить, что для кого-то такси или доставка еды воспринимается так же. Но я почти уверен, что большинство из вас могут себе позволить уборщицу, вам просто это в голову не приходило. Если вы попробуете, жить станет заметно приятнее. И также я почти уверен, что если вы перестанете ездить на такси без повода, не особо что изменится в ощущении качества жизни. Ну, это если нужно выбирать.

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

Думаем дальше № 43 — «Ничё ты мне не сделаешь, клиент» с Женей Арутюновым

С Женей Арутюновым обсуждаем, кто какой проект бы хотел делать, ну и там между делом всякое.

Все выпуски подкаста:
Эпл · Ютюб · Я.Музыка · Мейв · РСС для подкастного приложения

0:00 Женя готов решать задачи без самовыражения, хотя раньше у него был сайт с авторским почерком, а к Илье приходят клиенты, которые и так в курсе его приколов
8:08 Задача и сверхзадача, ценность амбициозных дизайнеров, почему парикмахерской не надо идти в Пентаграм и зачем стараться на консультации
14:40 Женя предлагает свою консультацию растущим компаниям
19:52 Илья предлагает продукт «консультация с пониманием». Обсуждаем, кому это всё надо
27:41 Свои продукты, Эгея, теория и практика
30:00 Женя хочет передохнуть (но как?!)
37:29 Жене нравится веб и делать сайты интересным людям
40:21 Илья хочет делать много конфигураторов всего
46:05 Про совмещение нескольких функций в дизайне
47:41 Илья хочет автоматизировать больше дизайна для транспорта. Попытка подкатить к «Оптибасу»
56:23 Шрифты для светодиодных табло. Как подкатить к самим производителям этих табло или автобусов
1:02:27 Как реализовывать волшебные общественные проекты
1:05:09 Илья хочет переделать стандарт пожарных планов. Женя объясняет, почему в Германии они нормальные
1:11:42 У фильтров Аквафор жуткая инструкция по замене модулей
1:16:04 Почему в компаниях не внедряются инновации

Виспер и ЧатГПТ послушали выпуск за вас и делятся выводами:

В этом выпуске Илья и Женя делятся ощущениями от работы, рассуждают о личных и клиентских проектах, о кризисе интереса, мотивации и способах самореализации. Женя говорит о своем уходе от желания «делать проект мечты» — ему стало важнее не реализовывать свои амбиции через проект, а просто внимательно слышать клиента и помогать решать его задачу. Илья, напротив, по-прежнему ищет точки пересечения интересов: чтобы было и полезно, и интересно, и красиво, и гордиться можно.

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

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

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

Основные идеи и выводы:
— Делать проект ради самореализации и ради клиента — это две разные мотивации, и в каждой есть плюсы и минусы.
— Консультации могут быть ценны не только разовыми советами, но и регулярным участием в развитии бизнеса.
— «Понимание задачи» — важная и редкая услуга, которая часто ценнее, чем сам макет или интерфейс.
— Конфигураторы — это не про техническую сборку, а про объяснение сути продукта пользователю.
— Автоматизация дизайна упирается в систематизацию бизнес-логики, а не в кнопки в Фигме.
— Визуальная культура в транспорте и других инфраструктурных вещах может быть нормальной, если за это берутся осознанные люди.
— Часто в компаниях нет культуры улучшения — и это главная преграда, а не технологии или деньги.

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

Про схему эвакуации из трамвая мне даже понравилось.

На интерфейсном курсе: на элементах интерфейса не надо писать что угодно

В интерфейсах бывает, что дизайнеры хотят что-то сказать пользователю, и «говорят» это в подписях элементов интерфейсов в нарушение синтаксиса. В итоге пользователю вообще ни черта непонятно. 3 минутки:

ЧатГПТ от моего лица: «В этом фрагменте я объясняю, что элементы интерфейса работают по правилам — у каждого свой „синтаксис“ и ожидаемое поведение. Если, например, внутри выпадающего списка вместо значения написать подсказку вроде „требуется замер“, это будет сбивать с толку: пользователь ожидает увидеть там варианты выбора, а не комментарии. То же самое с кнопками — на них должен быть глагол действия („Оплатить“), а не призыв что-то ввести в другом месте. Когда элементы начинают вести себя не по правилам, интерфейс становится непредсказуемым и мешает пользователю».

Это фрагмент № 176 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 22 марта 2024 года.

Идёт запись на курс, который пройдёт 30 августа — 28 сентября. Сейчас −30%, потому что заранее. Недавно обновились несколько лекций и добавилась новая.

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

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

Чем вас привлекает дизайн?

У меня назрел вопрос к совсем начинающим дизайнерам. Что вас привлекло в дизайне? Почему вы захотели им заняться? В чём, как вам кажется, может быть ваш вклад, где может быть интересно или весело? Может, есть какие-то конкретные части работы, которые особенно манят? Расскажите, о чём вы мечтаете.

Как упихнуть в экран список из 300 человек

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

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

Если вы оказались в такой ситуации, задайте себя реально важные вопросы: зачем этот список пользователю? что он в нём хочет найти, увидеть, понять? на какие решения это повлияет?

У нас выяснилось, что пользователю полезно понимать, кто не прошёл тест, чтобы можно было им написать, мол, давайте-ка проходите. Я спрашиваю: а если половина не прошли тест, он что, будет 150 человекам в личку писать? Может, мы сделаем кнопку «Напомнить», которая будет сама отправлять уведомления? А может оно и без кнопки сможет за этим следить и напоминать тем, кто забыл? Тогда полный список не особо-то и нужен. Бывает любопытно просто поглядеть, кто прошёл, кто нет.

Ещё выяснилось, что иногда нужно про конкретного человека понять, прошёл он или нет. Ну окей, запихиваем в прокручиваемую область, не боясь, что не влезает, а сверху ставим поле поиска-фильтра. А, стоп, а кто эти конкретные люди, про которых интересно? Почему про всех неинтересно, а про конкретных десятерых интересно? Выяснилось, что это потому что наш пользователь их сам добавлял проходить этот тест. Если кто другой добавлял, то это их проблемы, а вот если добавил «я» сам, то значит мне результаты этих людей важны. Ну так блин, давайте показывать не всех, а как раз «моих», а остальных и правда можно спрятать за раскрывашку какую-то!

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

Фрагменты интерфейсного курса

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

Разобрал 175 фрагментов.

Сборная солянка:

Почти самостоятельные лекции:

Метод:

Формы:

См. также тег: веб-формы

Элементы интерфейса:

Интерфейс:

Таблицы:

См. также тег: таблицы

Графики, диаграммы, инфографика:

Редактура в дизайне:

Вёрстка:

Эстетика:

Ход:

Бизнесовое и продуктовое:

Инструмент:

Работа над дизайном и подача:

Разное интересное:

Потом разберу ещё. А вы пока приходите на следующий курс, который пройдёт 30 августа — 28 сентября.

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

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

Интерфейс управления флотом самокатов Суперпедестриана

Рассказал о проекте, который делал больше трёх лет назад — интерфейс управления флотом самокатов Суперпедестриана:

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

Думаем дальше № 42 — «Лучи добра исследователям» c Мишей Нозиком

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

Все выпуски подкаста:
Эпл · Ютюб · Я.Музыка · Мейв · РСС для подкастного приложения

0:00 Помыть стекло и «феномен Дрибла»
6:26 Дэшборды, плашечки и иллюзия порядка
15:49 Про порядок в вещах в шкафу
19:02 Борьба с плоскими линиями на графике
26:15 Голосовые интерфейсы — не такая уж и чушь?
33:18 Ассистенты против самостоятельности
47:30 Прямо в мозг и прямо из мозга
52:24 Ползунок автономности и как учитывать надвигающийся ИИ в дизайне интерфейсов
57:24 Дайсон и исследования про ненужность «Мини» и «Вокмена»
1:00:42 «Считаете ли вы этот интерфейс более современным?» и другие закрытые вопросы в исследованиях
1:05:13 Разные исследования про то, как люди покупают
1:09:04 Исследования: помощь в обсуждении с клиентом, цели, интерпретации, гипотезы и планируемые действия
1:17:50 Инсайт про автоматические кассы

Виспер и ЧатГПТ послушали выпуск за вас и делятся выводами:

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

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

Затем обсуждают будущее голосовых интерфейсов: где они действительно полезны, а где мешают. Илья размышляет, что голос — лишь промежуточный этап, пока не появятся способы «ввода прямо из мозга». Миша говорит, что важно оставлять действия за собой, а не передавать всё «ассистентам», даже если они умны. Они обсуждают идею, что идеальный интерфейс — это тот, где исчезает сам процесс взаимодействия, остаётся только мысль и результат. Приводится пример из фильма с Брюсом Уиллисом, где он общается с компьютером о характеристиках оружия, и это воспринимается как будущее. А также появляется важная мысль: сейчас дизайнеру стоит начинать проектировать интерфейсы уже с учётом того, что пользователь будет взаимодействовать с ними голосом или через ЛЛМ.

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

Основные идеи и выводы:
— Иногда чистка мелочей в дизайне (типографика, выравнивание) — это не «помыть стекло», а способ втянуться в задачу и начать думать.
— Красивый макет может усыплять критическое мышление: кажется, что всё отлично, даже если суть провалена.
— Плашки и визуальные блоки создают иллюзию порядка, которая мешает увидеть реальные связи и ошибки.
— Графики должны быть устойчивыми к редким или неравномерным данным; обобщения могут вводить в заблуждение.
— Голосовые интерфейсы полезны в некоторых сценариях, но в долгосрочной перспективе — это временный этап на пути к более прямым формам взаимодействия.
— Хорошие интерфейсы должны учитывать возможность ЛЛМ-команд, но оставлять контроль пользователю.
— Исследование — это не цифра в отчёте, а способ понять, что происходит. Важен не результат, а вывод и действия, которые из него следуют.

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

На интерфейсном курсе: работа дизайнера — разобраться в теме

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

0:00 Проблема в подходе
2:20 Проблема в интерфейсе

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

Это фрагмент № 175 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 22 марта 2024 года.

Идёт запись на курс, который пройдёт 19 июля — 17 августа. Сейчас −10%, потому что заранее. Недавно обновились несколько лекций и добавилась новая.

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

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

Ранее Ctrl + ↓