На днях посетил выставку уральских художников. Мой фаворит — вот такая картина Николая Третьякова «Детский сад»:

Прочитал книгу Андрея Маркелова «Путеводитель по кнопкам»:

Картинка с сайта издательства

Никогда не слышал об Андрее Маркелове, а он вдруг написал большую книгу об интерфейсе.

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

И всё же к книге есть вопросы. Во-первых, я несогласен с некоторыми мыслями:

• Андрей пишет, что «не видит повода не делать ховер у кнопки». А повод такой: это лишнее мельтешение. Дизайн должен быть таким, что я без ощупывания понимал, где кнопка. Если это непонятно, нужно улучшить дизайн кнопки. А если понятно, то нафига ей ещё и ховер?
• Называет «ошибкой», когда в дизайн-системах полям предусматривают состояние «в фокусе». Вот это поворот! В обоснование говорит, что на Маке это всё равно не работает. Так надо починить Мак, а не ломать всё остальное, Андрей!
• В чекбоксах Андрей зачем-то вводит вариант на плашке с обводкой вокруг чекбокса вместе с его текстом. Типа у других элементов есть некое прямоугольное воплощение, и поэтому, чтобы в дизайн-системе у всех был одинаковый набор вариантов, пусть и у чекбоксов тоже будет. Но ведь дизайн-система должна отвечать задачами дизайна, а не наоборот. Чекбокс на плашке — лишнее усложнение и загрязнение. В отдельных случаях группу чекбоксов можно завернуть в филдсет, если хочется.
• Пишет, что радиокнопки и чекбоксы в интерфейсах смешались, но типа ничё страшного, ведь из контекста и так понятно. Но ведь должно быть понятно и без контекста. В этом смысл разных элементов управления, чтобы было сразу видно, что с ними делать, чтобы не приходилось гадать «из контекста». Кроме того, он дальше сам рассуждает, что мол пользователи не замечают эту проблему так же, как мозг автоматически исправляет опечатку. Ну так определись с аналогией: это опечатка или правильная орфография, ёлки? А то выходит, что опечатки это окей, раз всё понятно из контекста.
• В главе про выпадающий список пишет, что в системе Виндоус выпадающий список называется комбобоксом (что?), хотя спустя всего несколько страниц вдруг сам вспоминает, что комбобокс — это поле ввода со встроенным списком вариантов.
• Горизонтальный переключатель, который segmented control, Андрей по-русски называет «Сегмент кнопок». Ни разу за всю жизнь не встречал такого термина у русскоговорящих дизайнеров. Я вообще всегда думал, что в segmented control сегментами называют отдельные варианты. Типа, «сегментированный» элемент, из нескольких сегментов состоит. А он называет всю эту штуку «сегментом». В каких-то местах, что ещё более странно, «сегментом кнопок» он называет и просто группу кнопок, каждую из которых можно включать независимо (как например включатели жирности-курсива-подчёркивания в редакторах).

Во-вторых, книга написана как-то по-дурацки:

• Рассказывая об истории интерфейсов, Андрей вводит какие-то эпохи, «наши эры». И мало того, что он зачем-то это придумал, так ещё и меня вынуждает в эту игру играть. Он вдруг между делом пишет что-то, что вид радиокнопок изменился в Средневековье, а я должен понять, что он имеет в виду под этим Средневековьем. Разумеется, не листаю назад, где он это объяснял, а просто пропускаю это предложение, как лишённое смысла.
• Андрей пишет, что что-то там встречается «в живой природе» или даже буквально «in vivo». Имеется в виду, в жизни, в настоящих интерфейсах. Графомания.
• О себе Андрей пишет в третьем лице («автор уверен, что»), но иногда вдруг съезжает в первое («я»), что делает очень комичным использование третьего. Иногда это буквально в соседних предложениях, как например в начале страницы 75.
• В книге встречается несуществующее слово «троеточие» (знак «...» называется «многоточием»).

Прочие наблюдения:

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

Когда в десятый раз встречаешь в книге пример, аналогию или замечание как в моей книге, начинаешь думать, что Андрей её прочитал и она запала ему в душу!

Спешу поделиться с вами простым способом повысить качество жизни. Я купил новые колёсики в своё рабочее кресло и стало так хорошо! Видимо, старые изнашивались так медленно, что я не замечал, насколько плохо они крутились, воспринимал как должное. А с новым ощущение, что кресло просто беззвучно скользит в любую сторону. Надо было поменять лет пять назад уже.

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

Тёмно-синяя выпуклая эмаль, обычное дело:

Посередине название, чуть мельче родовое слова; снизу — махалля:

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

Тут снизу пусто:

Тут верхнее слово вообще влипло в знак, а также стрелка только в одну сторону:

Сжали название до ужаса, но всё равно смотрится неплохо:

Тут разрешили себе перенос на две строчки:

А тут то же самое название снова спрессовали, и ничего:

Более приятный оттенок синего:

Почему-то в Измире любят нумеровать улицы:

Огромная стрелка снизу, потому что ничего другого нет:

Вдруг:

Фотографии из поездки в октябре 2022 года. Слетайте в Измир!

Ещё Измир:

• Общее впечатление

Фотошоплю виджет автомобиля и комментирую, почему что куда двигаю. Звучат слова про якорные объекты. 7 минут:

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

Открыта запись на курс 25 апреля — 24 мая! Последние часы −30% из-за ранней записи.

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

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

Проверочный вопрос, чтобы понять, бояться ли конкуренции со стороны нейросетей. Вы в основном делаете, что вам говорят, или что хотите? Если первое, то стоит бояться, а если второе — то не стоит.

Участница курса сделала одно из самых удачных решений задачи на ввод адреса благодаря изобретению «сиреневого режима». Но его надо довести до ума: хорошо сформулировать все подписи, починить момент с потерей данных и «замкнуть». Как показать в выпадайке, что введённый вариант не найден, чтобы пользователя это не смутило? Как сделать, чтобы пользователь въехал в смысл «сиреневого режима» и смог из него выбраться? В итоге прямо в видео говорю, что надо будет его вырезать для потомков. 13 минут:

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

Открыта запись на курс 25 апреля — 24 мая! Сейчас −30% из-за ранней записи.

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

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

С Женей Арутюновым обсуждаем системы ценностей, книги и сообщества.

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

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

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

Открыта запись на курс 25 апреля — 24 мая!

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

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