Позднее Ctrl + ↑

Отзыв Владислава Романова о консультации

Я провожу платные консультации про информационный и продуктовый дизайн, интерфейс сайтов, программ. Есть два формата:

  1. Часовой разговор по Зуму или что вам нравится. В этом случае моё внимание ограничено только временем нашего разговора. Вы показываете, я комментирую и делюсь советами.
  2. Публичное комментирование на Ютюбе. Вы присылаете ссылку или картинку с небольшим пояснением и главными вопросами. Я включаю запись экрана, смотрю и комментирую. Запись выкладываю на Ютюб на всеобщее обозрение.

Оба варианта сейчас стоят 15 000 ₽.

Владислав Романом опубликовал отзыв о консультации со мной:

Мы сходили к Илье Бирману на консультацию

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

В итоге ушли со списком идей, которые хочется проверить и которые кажутся очень логичными (уже и реализовали несколько, но цифры еще ждем)

Вау-момент случился, когда Илья показал нам, что на экране оформления заказа не понятно, как ввести данные о покупателе. Мы посмотрели на поведение пользователей и там правда был тупняк. Уже поправили.

Сейчас кажется, что супер-очевидная штука, но мы на нее не обращали внимания и не видели проблемы.

Вторая штука: заходишь в каталог, а там всякие фильтры. А товаров не видно. Сделали, чтобы было видно) Каеф, что Илья сразу подсказал, как именно это сделать.

Ну и третья: почему у нас кнопка «купить» назвалась «к оформлению». Это еще не поправили. Что-то если текста меньше, визуал становится не очень. Но поправим)

Хочется про все замечания рассказать, но сообщение будет длинновато)

С Ильей приятно общаться. Можно было сказать, что у нас все говно и надо просто все переделать, а еще было бы круто пойти поучиться дизайну. Но Илья заботливо пообщался с нами, узнал чего мы хотим и подсказал, как это сделать.

Спасибо за встречу!

Предыдущие отзывы

Записаться на консультацию: ilyabirman@ilyabirman.ru.

Уличные таблички Нью-Йорка

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

В Нью-Йорке и вообще в Штатах есть два класса уличных табличек — пешеходные и автомобильные.

Пешеходные обычно крепят на столбах на перекрёстках. Западная 47-я улица:

Такие вот унылые штуковины из гофрированного непойми чего с суетливым и неэлегантным креплением и уродской статуей Свободы. Зато Бродвей:

Тут зачем-то чёрные рамки сверху и снизу:

Лучше бы хомуты свои чёрным покрасили!

Парк-авеню:

Между 6-й и 7-й Авеню есть пешеходный проход, стоит знак «6-я с половиной Авеню». Гарри Поттер был бы рад:

Тут выглядит поприятнее — нет статуи Свободы и цвет благороднее:

Другой район, тоже с зеленью и кирпичами:

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

А вот это красиво благодаря слою истории. Хомуты покрашены в цвет столба и не блестят:

Ещё у американцев есть странная традиция давать улицам вторые названия в честь кого-нибудь или чего-нибудь. Вот 6-я Авеню дополнительно называется Avenue of the Americas:

Avenue of Puerto Rico:

Restaurant row:

Тут вдруг только одна табличка, но сразу с двумя названиями:

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

Похожи на пешеходные — тоже зелёные, как большинство пешеходных, и тоже на столбах, — но крупнее и выше:

Тут как раз и то, и то в поле зрения:

Или вот:

Или вот. 1-я Авеню:

Зацените знак про детей заодно:

Есть ещё альтернативный дизайн пешеходных знаков, более солидный короб с горбом-вкладкой. Тут он чёрный:

Ещё и «Десятая» написано словом, а не цифрами.

Горбатые синие короба по краям и зелёные дорожные знаки над дорогой:

Ещё один альтернативный дизайн. Синий, с антиквой, рамочкой и подсветкой:

А эта фотка была в рассказе о поездке в 2018 году:

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

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

Ещё уличные таблички:

Думаем дальше № 12 — «Без кнопки „Купить“ на сайте жить нельзя» с Женей Арутюновым

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

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

0:00 Что за книжку написал Женя и где конец этой истории
9:06 На какие языки надо переводить книги? Английский, китайский, испанский
13:14 Сборник эссе или настоящая книга?
21:59 Что значит название «Сложный дизайнер»
23:38 Илье не нравится «Будь проще, и люди потянутся», а Женя объясняет, что это значит. Обсуждаем социализацию и разговоры ни о чём
29:37 Кирпичи в кофейне
33:21 Лайфхак как избавиться от проблемы со структурой
34:54 Как Женя написал наивную главу про баланс, ужаснулся и всё переписал. Идея про оргдолг и как вообще жить
43:14 Как Илья готовил материал для глав «Дизайна транспортных схем»
48:01 Женя запретил себе читать, пока пишет, а Илья постановил, что его книга должна быть исчерпывающей
50:40 Книга «Пользовательский интерфейс»: структура и роль Артёма Горбунова
54:35 Правки в наших книгах задним числом
55:27 Как донести книгу до большего числа читателей: платность и минусы подписочной модели
58:38 Кирилл Олейниченко и реклама у Ильи
1:03:34 Цена как часть продукта и его вещественности
1:07:55 Сомнения в себе и разговор Ильи с маминой подругой
1:18:39 Про слова «зачем» и «почему»

Сомнительные деепричастия

Давайте соберём все сомнительные, но полезные деепричастия?

Я давно использую «пиша». А как вам слова типа «рвя», «гня»? Считаю, что их тоже нужно разрешить! Они не такие полезные, как «пиша», но просто с чего запрещать слова? Какие ещё знаете?

Пока думал, с подозрением посмотрел на слово «тебя».

На интерфейсном курсе: выбор цветов для интерфейса

Отвечаю на вопрос участницы о том, как выбрать цвета в интерфейсе. Какую роль цвет играл раньше и какую сейчас. Как выбирали цвета для Ворлд Чесса. При чём тут привычка и два слова про книжку Иттена. 5 минут:

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

До 15 марта идёт запись на курс, который пройдёт с 16 марта по 14 апреля.

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

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

Что делать в Тбилиси в конце марта?

Пришло время для традиционного вопроса.

Что делать в Тбилиси в конце марта? Куда сходить, на что посмотреть, с кем встретиться, где попить кофе? Где кайфово работать? Буду там первый раз, ничё не знаю.

Пишите в комментарии или на почту: ilyabirman@ilyabirman.ru. Спасибо.

Думаем дальше № 11 — «Не так, как в 14 веке, но работает» с Сергеем Ведерниковым

С Сергеем Ведерниковым обсуждаем, стоит ли доедать в кафе за другими и почему бог умер:

0:00  Почему бы не доесть в кафе пирог за другим посетителем?
4:33  Для Ильи такси — форма роскоши
7:34  В отеле всё включено, но всё же, сколько именно включено?
13:43  Неопределённость взаимного долга — важная составляющая человеческих отношения
20:12  Избыточность: лишняя еда в самолёте, байты, пакеты, электричество, демонстративное потребление
33:25  Шведский стол: сколько еды накладывать?
38:24  Сергей читал Харари и рассказывает про три направления гуманизма: либеральную, социалистическую и эволюционную
47:57  Почему религии стали терять актуальность? Люди поумнели? Появились другие способы регулирования общества?
1:04:04  Илья считает, что социалистическая и эволюционная ветви — не гуманизм никакой, предпочитает деление на реальное и абстрактное

Все выпуски:

Париж: аэропорт и связь с городом

Несколько не самых живописных фоток из Парижа, но кто-то же должен документировать такие вещи.

Навигация в аэропорту Шарля де Голля — полный колхоз:

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

Туалеты почему-то вообще красные:

Прикольной формы табло:

В город ходят электрички RER, а вот их расписание, издалека напоминающее картину Герхарда Рихтера:

В поезде над дверью — линейная схема:

Схема довольно некрасивая из-за жирности линии.

Когда едем, на схеме зажигаются какие-то лампочки, но какие и почему — непонятно:

Панель управления с французскими подписями:

Поезд привозит на Гар-дю-Нор. Там схемы тоже всякие. 42-й путь:

44-й путь. Подчёркнутый кружок — это весьма странно:

Табло отправления поездов RER в аэропорт:

В аэропорту ходит межтерминальный шаттл:

Вход в терминал:

Кажется, что на телеках испортилась матрица и пошли какие-то полосы, но на самом деле это такой дизайн:

Фотографии из поездки в марте 2019 года.

Ещё Париж:

Две позиции в длинном содержимом: прогресс и положение прокрутки

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

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

Компьютер должен отличать для себя две позиции в длинном содержимом: прогресс и положение прокрутки. Но как это должно работать? Пользователя этим обременять не стоит — компьютер должен сам всё понимать.

На первый взгляд, имеет значение непрерывность и длительность. Если я смотрю на страницы по очереди друг за другом и провожу на каждой более нескольких секунд, можно предположить, что я читаю книгу. Если непрерывно-длительную последовательность составляют страницы до 58-й, но кроме этого я ещё бывал на 158-й, а сейчас на 258-й, то можно считать, что дочитал я лишь до 58-й, и давать мне способ туда вернуться. Если я непрерывно смотрел видео от начала и до 58-й минуты, а сейчас на 25-й, то можно полагать, что я просто отмотал что-то пересмотреть, но глобально я всё ещё на 58-й минуте, и давать мне способ туда вернуться.

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

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

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

Глюки мозга

Люблю всякие идиотские глюки мозга, связанные со сбоем контекста. В школе я как-то повёл мышку за пределы экрана, чтобы нажать ею на кнопку выталкивания дискеты из дисковода. Ещё, бывает, смотришь газету и пытаешься увеличить фотографию двумя пальцами, чтобы разглядеть. А сейчас я подошёл к светофору, который показывал 47 секунд до моего зелёного света, и машинально даблкликнул в правый эйрпод — типа, промотать на 30 секунд вперёд.

Ранее Ctrl + ↓