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

Меня это возмутило до глубины души. Мы даже для обычных поисковых роботов уже давно перестали как-то специально контент адаптировать, слава богу, а тут — нейросети! Они могут декомпилировать кусок операционной системы даже! Неужели уж они не разберутся в ХТМЛе, который, вообще-то, является языком семантической разметки?

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

У Нильсена-Нормана ещё и вышла статья, что теперь правильно говорить не «юикс», а просто «икс», типа экспириенс бывает не только у юзеров, а у нейросетей тоже.

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

Справочник обновился.

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

Вот промт, который мы предлагаем использовать:

Проведи аудит интерфейса с точки зрения Справочника проектировщика интерфейса.

Инструкция по аудиту:
https://ilyabirman.ru/reference/audit/

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

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

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

Расскажите, какие найдёте ошибки или странности, мы подкрутим ещё.

Что касается содержания, то добавилась статья «Ссылка» в виде большого совета на сайте бюро, ещё пачка терминов и иллюстраций. Всё новое и дополненное разом показывает, если вписать в поиск заклинание «r03».

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

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

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

Вдохновившись этим примером, приглашаю на курс всех, кому интересно проектировать продукты с хорошими интерфейсами. Всё, мы дожили до момента, когда не важно, умеешь ли ты рисовать, знаешь ли Фотошоп или Фигму, умеешь ли компоненты настраивать. Главное — уметь думать.

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

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

С Викой Лисицыной обсуждаем новые айфоны, дизайн с нейросетями и дизайн для инопланетян.

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

Оказалось, что если зайти во «Вкусно и точку», то тебе надо будет взять «локатор» — хрень с номером 83, чек с номером 74 и сесть за стол с номером 225:

Число номеров представляется мне избыточным.

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

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

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

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

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

Если избежать режимов в интерфейсе невозможно, хотя бы не используйте временные режимы. Если уж пользователь передумал настраивать телевизор или эквалайзер, пусть сам нажмёт «Закрыть».

Изначально опубликовано на английском языке в 2013 году.

У участника курса аккуратно нарисована форма, но всё-таки что-то мешает восприятию её структуры. Разбираемся, что это, и как можно исправить. 8 минут:

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

Идёт запись на ноябрьский курс, сейчас −10%. В рассрочку это 7110 ₽ / мес.:

Почитать о курсе
Программа, отзывы, запись

Это лучший курс об интерфейсе.

Справочник обновился.

Во-первых, добавились подробные статьи «Выключатель» и «Слайдер» в виде большого совета на сайте бюро.

Во-вторых, появились ещё несколько терминов. В частности, разблокирована буква Э! Для тех, кому не нравились «Заусенцы» и «Пипка», теперь есть «Упячка». В паре мест добавились иллюстрации. Всё новое и дополненное разом показывает, если вписать в поиск заклинание «r02».

В-третьих, при переходе по внутренним зелёненьким ссылкам стало сильно лучше понятно, куда тебе указывают, а также после таких переходов заработала браузерная кнопка «Назад».

А ещё у справочника появился логотип.