Позднее Ctrl + ↑

Что послушать — 35

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

Вот что я слушал в последнее время, что мне понравилось:

  1. Modern Wisdom 195: Stefan Molyneux. Соскучился по Стефану Молинье (философ про государство, общество и экономику), а тут Ютюб удалил его канал, и у него взяли интервью про это, а он рассказал про столько всего другого интересного.
  2. День открытых дверей в Школе редакторов Бюро Горбунова. Ильяхов делал в апреле, я вот решил послушать, и оказалось клёво и интересно.
  3. Robot Or Not. Я уже рассказывал об этом подкасте, но сегодня послушал ещё выпуски: 146 GIF, 161 Storefronts, 174 Reading, 176 Swipe Right, 177 Walking Distance, 180 Tabs, 181 Camera. Они все по три минутки или около того. Клёво!

Неделя 23—30 августа: клипарт, ×××, иммигранткаст, плохой Я.Интерфейс • Разбор задачи об инструкции

Обзор моего блога и соцсетей за неделю 23—30 августа 2020 года:

00:00 Интро
00:36 Блог. Что послушать: Дэниел Слосс об отношениях, Дэвид Смит об эпловских условиях пребывания в Апсторе и Илья Якямсев об отношении к работе и себе на работе
03:01 Бесполезная заставка в начале страницы (aka клипарт)
05:47 Видео о типографской раскладке, видео с интерфейсного курса
06:34 Герб ××× Амстердама
07:55 Инстаграм. Огорь, селфак, физика, сёрф, труба, каша, батарейка, селфак, ночь во дворе
09:20 Твиттер. «Починил» роутер, как читается Гринвич, постоянная Капрекара, продам Фуджифильм X-T1
12:07 Сходил в подкаст «Иммигранткаст»
12:39 Лифтолук и цвета правого безымянного ногтя, вопрос про съёмку видео на Фуджифильм, жизнь с ноутбуком без батарейки, преображение Челябинска
18:03 Телеграм. Окна в Париже, Лондоне и Нью-Йорке, красивая первая полоса РБК, флаг мира
19:34 Нелепый интерфейс ввода даты рождения на Яндексе
21:07 Гугль находит ответы внутри роликов на Ютюбе, знаки «Лево» и «Право»
22:52 Разбор дизайн-задачи прошедшей недели
36:59 Дизайн-задачка на неделю

Герб Амстердама

Герб Амстердама прекрасен своей простотой, универсальностью и двусмысленностью.

Его можно встретить на фонарном столбе:

На столбике:

На пандусе:

На люке в полу:

На каком-то лючке в стене (с искажённым пропорциями, но какая разница):

На почтовом ящике:

На табличеньке на мосту:

На кепке девочки в трамвае:

На привокзальной информационно-навигационной хреновине:

На мусорке в парке:

И даже в рисунке брусьев ограждения:

А, или показалось.

Фотографии из поездки в октябре 2017 года. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Амстердам! (Когда можно будет)

Ещё Амстердам:

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

Фрагмент № 11 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе в июне 2020 года. Покажите дизайнерам.

00:00 Из-за чего форма кажется сложной
02:05 Синтаксис и длина элемента интерфейса «Добавить ещё почту или телефон?»
07:40 Вместо отключенных полей — настоящую карту
08:55 «Платёжный шлюз». Чиним язык роботов

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

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

Подробное видео о Типографской раскладке

Снял подробное видео о Типографской раскладке. Рассказываю про символы, которые с ней можно вводить. Объясняю, почему она лучше альтернатив. Учу пользоваться, в том числе всякими хитрыми комбинирующимися акцентами:

00:00 Что такое Типографская раскладка?
01:30 Надо ставить парные кавычки, длинное тире, честный апостроф
07:40 Другие полезные символы
10:53 Как вводят символы без Типографской раскладки?
13:49 В Типографской раскладке всё удобнее и логичнее
14:19 Плакат купите
16:04 Кавычки русские и английские, апостроф — логика расположения, как вводить
19:45 Чёрточки: дефис, тире, короткое тире, минус  — логика расположения, как вводить, отступление про стандартную маковскую русскую раскладку
24:15 Другие символы и логика их расположения
30:32 Буквы с акцентами и комбинирующиеся акценты — как вводить и в чём разница между одним и другим

Расскажите о раскладке всем, кого вы знаете.

Бесполезная заставка в начале страницы

Бывает, сайт начинается с большой «красивой» заставки:

Или так:

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

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

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

Если снять фотографии специально для этого места на сайте, они не перестанут быть «клипартом» в этом смысле.

Чтобы сделать полезный этаж, нужно оживить продукт на фотографии: привлечь внимание к важным деталям, добавить кнопку «Купить». Даже простой текстовый ценник уже превращает заставку в карточку продукта:

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

Что послушать — 34

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

Вот что я слушал в последнее время, что мне понравилось:

  1. Modern Wisdom 050: Daniel Sloss — Jigsaw Explained. Дэниел Слосс клёво рассказывает об отношениях. Если вы не смотрели его стендап, то обязательно надо.
  2. Under the Radar 198: Store Wars. Дэвид Смит высказывает на удивление адекватную точку зрения по поводу эпловских условий пребывания в Апсторе и последних скандалов вокруг Хея, Эпик-геймс и прочего.
  3. Эффективность не работает. Илья Якямсев смешно рассказывает о том, как относиться к работе и себе на работе.

Ютюб за неделю 16—23 августа: вернулся домой, новые главы книги, поезда метро Чикаго, рукописные шрифты

Обзор моего блога и соцсетей за неделю 16—23 августа 2020 года:

00:00 Возвращение на родину
01:19 Инстаграм: аэропорт Бен-Гурион, Алое Поле в Челябинске, пельмени и шиномонтаж
04:02 Твиттер: в России очень быстрый интернет, в челябинском парке Гагарина очень красивые карьеры, лифтхололук
05:57 Новые главы книги «Дизайн транспортных схем»
07:11 ЦСС научится нормальным границам текстовых блоков
10:48 Телеграм: Пробел перед градусами цельсия, наклейки на эпл-сторах, тупой интерфейс Яндекс-входа
13:26 Безголовые стрелки на знаке советского времени,
14:15 Блог: Фотографии поездов метро в Чикаго
17:24 Телеграм: тракторный интерфейс, красивая клавиатура с цветными кнопками
18:21 Как не стоит использовать рукописные шрифты
19:13 Бета Эмси 3.0 и красивые кирпича
19:57 Дизайн-задачка на неделю. Ответы шлите в комментарии, разберём в следующие выходные

Поезда в метро Чикаго

Заканчиваем с метро Чикаго. Поезд с флагом и знаком транспортной системы, как в Нью-Йорке:

Это вроде бы динамик рядом с дверью:

На боку есть экран с направлением — конечной станцией:

Внутри тоже экран показывает конечную. Ховард:

Над одной дверью висит схема системы:

Над другой — этой линии:

Очень нравится формулировка «Название is next»:

Слово «станция», оказывается, необязательно:

Фотографии из поездки в октябре 2018. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Чикаго! (Когда дадут.)

Ещё Чикаго:

Главы «Пересадки», «Направления» и «Зоны оплаты» четвёртой части книги «Дизайн транспортных схем»

Продолжает выходить четвёртая часть книги «Дизайн транспортных схем» — «Детали». Вышли очередные три главы: «Пересадки», «Направления» и «Зоны оплаты».

Я снял видео с рассказом о новых главах:

Подписывайтесь сами и дарите подписку друзьям, знакомым и коллегам.

Из новости издательства о новых главах:

Пересадки

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

Направления

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

Зоны оплаты

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

Ещё несколько разворотов для примера. Про то, почему пересадки иногда обозначают одним кружком, а иногда несколькими, даже если названия у всех платформ совпадают:

438

Как кривожопо нарисованы пересадки на официальной парижской схеме и как красиво у Кости Коновалова:

456

Как обозначать остановки на перекрёстках пучков линий (там дальше рабочие варианты тоже, конечно):

462

Экономные стрелочки:

477

В главу «Направления» затесался разворот с примерами обозначения ухода линии «за схему»:

481

Когда зоны оплаты слишком сложно выглядят:

487

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

Для тех, кто уже подписан на другие книги бюро, действует спеццена. Чтобы скидка подействовала, войдите в Бюросферу, используя адрес, с которым вы подписывались на любую из других книг.

Кстати, подписку можно подарить.

См. также:

Ранее Ctrl + ↓