Думаем дальше № 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 секунд вперёд.

На интерфейсном курсе: сначала презентуйте линейно, а потом уже рисуйте диаграммы

На курсе о пользовательском интерфейсе комментирую то, как участница показала свой интерфейс то есть, фактически, презентацию. Вообще, о презентации у нас есть отдельный курс, так что это видео можно считать относящимся и туда, и туда. 6 минут:

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

До 15 марта идёт запись на курс, который пройдёт с 16 марта по 14 апреля. Сейчас дешевле на 10% из-за ранней записи.

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

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

Кстати, одновременно идёт и запись на мартовский курс презентаций (11⁠—31 марта).

На интерфейсном курсе: разное про кассу в магазине

Комментирую интерфейс кассы самообслуживания в супермаркете: банерность, реалистичность поиска, висящий предлог, шаг оплаты на терминале, выравнивание картинок. 6 минут:

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

До 15 марта идёт запись на курс, который пройдёт с 16 марта по 14 апреля. Сейчас дешевле на 20% из-за ранней записи.

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

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

Ранее Ctrl + ↓