На интерфейсном курсе: разбор конфигуратора окон и как классифицировать сообщения об ошибках

Ещё кусочек интерфейсного курса вам. Подробно разбираем работу участницы.

Много неоднозначных, но интересных ходов. Классный приём линеаризации вариантов, который сильно упрощает подачу, но есть и минусы. Заголовки, объединённые со значениями полей, тоже и упрощают, и создают проблемы. Обсуждаем, что можно сделать с иконочками.

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

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

До 19 июля идёт запись на курс, который пройдёт с 20 июля по 18 августа.

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

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

Доклад «Не мучайте пользователя плохими контролами»

Прочитал в июне в Москве доклад «Не мучайте пользователя плохими контролами»:

Приходите на наш онлайн-курс о презентациях с семинарами и практикой. Завтра последний день записи.

Спасибо Яндексу за приглашение и запись выступления.

Эй, Сири, когда прилетает моя мама?

У Эпла на презентации их Яблочного интеллекта был пример, где девушка спрашивает у Сири, когда прилетает её мама, а телефон сам понимает, кто её мама, и находит номер рейса в переписке, и выводит время прибытия. В «Ток-шоу» Джона Грубера обсуждали этот пример, и там предполагалось, что где-то переписке с мамой таки был этот номер рейса.

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

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

Стоп, а откуда мама прилетает? Это я из другой переписки или даже личного общения знаю, что мама прилетает, допустим, из Питера, и поэтому примерного времени прилёта (или даже понятия типа «вечерним рейсом») мне достаточно, чтобы найти рейс. А Сири-то откуда это поймёт? А что, если в переписке ни разу и не упоминалось, что мама рейс из Питера, но у мамы в инсте фотки оттуда в последние дни? И мама знает, что я знаю, что она в Питере, потому что я там лайки ставил и каменты писал?

А недавно мне нужно было встречать мамину подругу, и она прислала мне номер рейса в виде мыльного мобильного скриншота маршрутной квитанции в А4. Если зазумиться, можно было примерно разглядеть номер рейса, и выбрать нужный, сверившись с реальным табло прилёта на сайте аэропорта.

А откуда прилетает мамина подруга? Из общего контекста общения я знал, что из Лондона, но я даже примерно не представляю, из какой именно чьей реплики и в какой момент я это узнал. Рейсов Лондон — Челябинск не было даже в хорошие времена, но зато сейчас если знать, что она летит с одной пересадкой, можно выбрать между Антальей и Баку. Ладно, в том скриншоте можно было увидеть, правильный ответ, но если бы скриншота не было, а было бы только время прилёта, а рейс бы задержали? Я бы легко это распутал, а вот в случае с Сири, мягко говоря, как-то верится с трудом.

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

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

Аудио по четвергам: Let Me Go

Ля-ля-ля:

Mario De Los Santos: Let Me Go

Эта музычка мне очень понравилась, потому что она отсылает к цикличным мелодиям из заставок Муз-ТВ. Прямо представляю себе, что под какую-нибудь заставку перед рекламой крутится крутилка под эту музычку.

Саундклауд

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

Думаем дальше № 21 — «У двери есть полезное действие продаться» с Мишей Нозиком

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

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

0:00 Быть хорошим партнёром или настаивать на своих правилах? Ложная развилка
6:01 Забота о себе с заботой о других
10:27 Взять задачу — не одолжение
12:03 Если переоценил свои силы, передоговориться или не спать ночь, но сделать?
16:38 Илья и договоры
21:07 Если клиенту надо вчера, то отказаться — норм
26:19 Выход 13а в Домодедове и предпроектные процедуры в бюро
32:02 Как отказывать на Кинки-пати
34:00 Комфорт выступающего докладчика
39:22 Естественная задача. Как оценивать дизайн, не зная интересов бизнеса
45:00 Пример неочевидной задачи Гисметео → https://bureau.ru/projects/gismeteo/
50:22 Дизайн Фейсбукинга: не говори, что у тебя хороший дизайн, прекрываясь тем, что ты успешен
54:11 Хороший дизайн и полезное действие
1:00:41 Уведомления о днях рождения в Телеграме и почему дизайнеры портят продукт
1:09:05 Работающие логотипы с плохим графдизайном

Презентация Фигмы в 2024

Посмотрел Кейноут Фигмы на Конфиге:

Несколько наблюдений.

В 6:14 начинается кусок, где Дилан говорит о новом дизайне интерфейса Фигмы. Безотносительно того, что я думаю о самом интерфейсе, обратите внимание, насколько точно он сказал всё, что нужно, чтобы настроить людей положительно.

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

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

Потом в 8:02 он начинает показывать сам интерфейс:

Они оторвали панели от краёв экрана, и это печально. Это подаётся под соусом «больше места вашему контенту», но места остаётся меньше:

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

Так же сделано ещё в Сплайне, мультяшном 3Д-редакторе тоже на веб-технологиях — очень мешает жить:

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

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

Так вот, если это эти уведомления хотя бы не меняли свою ширину постоянно, то Дилану было бы в сто раз проще попадать в крестик.

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

Рекомендую ещё посмотреть видео самих дизайнеров о том, как они делали новый интерфейс:

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

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

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

Фишка «Сделать дизайн» — это конечно прикол. Наконец-то все дизайнеры, которые обосновывают свой дизайн тем, что у всех конкурентов так сделано, больше будут не нужны! Бессмысленные макеты будет делаться автоматически!

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

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

Знаки чистоты и порядка в Нью-Йорке

Пришло время разгребать всевозможные знаки из Нью-Йорка. Сегодня посмотрим на порядок и чистоту.

Как вам смена языка в конце?

Рассмотрим ситуацию с собачьими испражнениями.

Это закон:

Интересно изучать позы собачников в представлениях разных дизайнеров:

Вот этот крадётся как в фильме ужасов (правда я не смотрел):

Совмещено с немусореньем.

А тут собачник гордо демонстрирует результат:

Здесь тоже мусор выбрасывать нельзя, но для этого отдельный знак. Видимо, если надо, то всё-таки можно.

Тут вот более убедительно, видимо, написано:

А здесь вот нельзя курить. Интересно, что от сигареты идёт дым, а от термометра (как он там называется?) молния:

Моча убивает нас:

Ноу пи-пи:

Отдельное наблюдение — в туалетах кафе и ресторанов приделаны таблички, что сотрудники должны мыть руки:

Десятый Айфон — красавчик:

Такая же табличка в другом заведении — видимо какая-то стандартизованная:

Фотографии из поездок в октябре 2018 и октябре 2021.

Ещё Нью-Йорк:

На интерфейсном курсе: у Гугля плохой дизайн

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

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

До 19 июля идёт запись на курс, который пройдёт с 20 июля по 18 августа. Сейчас −20% из-за ранней записи.

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

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

Ранее Ctrl + ↓