Позднее Ctrl + ↑

Тель-Авивское пляжное объявление

Когда гуляешь перед сном босиком по границе песка и моря, из динамиков периодически звучит это объявление:

Как коллекционер всевозможных голосовых объявлений я его давно хотел записать, и вот, наконец, подловил и записал!

Приятно, что из пяти языков я понимаю текст на четырёх.

Текст на иврите начинается со слов «симу лев» (שימו לב). Это типа как «внимание», но дословно значит «положите сердце». Быстрый гуглинг не помог найти истоков выражения, так что если вы в курсе, расскажите!

А по-французски безо всякого «атонсьон», сразу к делу. Прям как в метро у них: «Пигаль.» Никаких вам «следующая станция».

Лондонский транспортный музей. Часть 3

Продолжаю рассказывать про Лондонский транспортный музей.

Автобусы:

1
2

Полазил, где можно было:

3

Элемент управления:

4

Всякие таблички, надписи и наклейки:

5
6
7
8

Прикольный экспонат. Жмёшь кнопку — платформа постепенно наклоняется, а автобус всё не падает:

9

В какой-то момент всё-таки падает, но интуитивно ожидаешь этого гораздо раньше. Типа когда-то каждый реальный автобус перед началом использования проверяли на такой платформе, наклоняя до 28°.

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

10

Ещё таблички:

11
12

Какие-то агрегаты. Мало ли, придётся скеоморфический дэшборд рисовать:

13
14
15
16
17

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

См. также всё про Лондон.

Опасные лестницы с мигалкой

Такие лестницы в городе — это жесть. Их много в Лондоне, хотя эта фотка из Стокгольма.

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

Онлайн-курс о пользовательском интерфейсе и представлении информации с 20 июля по 16 августа 2020 года

В апреле мы в бюро запустили четырёхнедельный онлайн-курс «Пользовательский интерфейс и представление информации». Следующий курс пройдёт с 20 июля по 16 августа 2020 года, записывайтесь по ссылке! Это наиболее крутой курс из всех дизайнерских курсов: спросите или почитайте отзывы наших участников.

Уже прошёл второй онлайн-курс, и я накопил много интересных фрагментов видеоконференций. Потихоньку делюсь с вами. Сегодня — короткий кусочек (№ 6), ставим красную блямбу рядом с таблицей:

Ещё ранее я выкладывал у себя в телеканале (ilyabirman_channel) кусочки видеолекций, поищите там по слову «кусочек». А вот этот про группировку элементов интерфейса (из лекции «Близость») публиковали в канале бюро:

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

Как вообще проходит курс

По понедельникам в полночь по московскому времени в учебном «Кабинете» появляются ссылки на видеолекции и задание текущей недели, а по средам и пятницам мы общаемся всей группой на видеоконференции в «Зуме».

Программа в деталях показана на странице курса:

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

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

Видеоконференция по средам и пятницам — это большая вечерняя встреча с преподавателем и всеми участниками курса. Мы разбираем темы недели и практическое задание.

Запись открыта до 14 июля, если свободные места не кончатся раньше, приходите!

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

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

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

  1. ATP 384: Equal Emphasis. Трёхчасовой выпуск по следам презентации Эпла на ВВДЦ.
  2. The Talk Show Remote From WWDC 2020, With Craig Federighi and Greg Joswiak. Ну тоже интересно.
  3. Максим Ильяхов в подкасте «Поредачим», часть 2. Первую я выкладывал три выпуска назад, обе хорошие.

Дизайн-обзор Ай-ОСа 14

Во время презентаций Эпла 22 июня 2020 года я сохранил себе много скриншотов нового Ай-ОСа 14, который выйдет осенью. В этом видео я листаю их и комментирую дизайн:

00:00 Вступление и дисклеймеры
00:53 Эволюция домашнего экрана, осторожность Эпла
02:43 Запутанность домашнего экрана и его разных закоулков
03:44 Виджеты (опять ужасные скругления краёв, но на соседней картинке вдруг нормально)
06:09 Виджеты занимают верх и помогают дотянуться до иконок. Чётные клетки для виджетов. Самый уродский виджет — «Батарейки»
09:33 Почему бы делать информативными сами иконки? Я хочу видеть ставить виджет 2×2 ради погоды, температура влез бы и в иконку 1×1. То же с Активити (Фитнессом)
12:44 Библиотека приложений — мегасвалка? Ещё один поиск, уже пора делать поиск среди полей поиска!
14:51 Отключение ненужных домашних экранов. Биатлонинки становятся кнопкой. Отключенные домашние экраны отключены, но они всё-таки есть, а зачем?
16:45 Алфавитный список приложений, бесконечная лента приложений в категории
17:35 Поможет ли скрытие ненужных приложений продавать Айфоны большего объёма?
19:39 Сравнение виджетов с компликейшенами на часах некорректно. Компликейшены всё ещё намного лучше
20:53 Экран слева от домашнего экран — зачем?
22:20 Смарт-стек
23:34 Интерфейс добавления виджетов
23:51 Пример корявого виджета (не эпловского). Минутка теории классической и швейцарской вёрстки
25:35 Выбор размера виджета
26:20 Разное
27:14 Хорошая конфигурация виджетов. Изменение отступов между иконками домашнего экрана (?)
28:30 Долгие тап на кнопку «Назад»
29:01 Апклипы: Эплы борятся с проблемой, которую сами создали своей настойчивой пропагандой приложений для всего.
31:00 Апклипы: очень красивая картинка вместо куаркода!
31:35 Переводчик. Русский язык! Зачем кнопка микрофона?
33:42 Компактное уведомление о входящем звонке. Ура, но до него не дотянуться пальцем
35:42 Навигация в «Музыке»
36:36 Все программы шпионят за твоим буфером обмена

Как вам? Про что ещё снять такое?

См. также подобный обзор Макоса 11.0 «Биг Сюр»

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

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

00:00 Заполнения формы данными из профиля в Яндексе. Избавляемся от рамок и собираем компактнее
03:55 Наводим компактность и порядок в других местах
07:46 Упрощаем группу полей про адрес и время доставки
14:56 Холивар: звёдочки и обязательные поля
20:13 Настраиваем пропорции кнопки «Заказать» в конце

Программа курса и запись

Лондонский транспортный музей. Часть 2

В первой части я обещал, что покажу вам схемки, которые висят в поездах. Показываю:

Похоже, что там просто какие попало схемы висят, которые удалось найти:

Вот это странно. В одном из купе висела такая:

А в другом — такая:

Прямые линии:

Ромбики как на первой схеме Бека:

Крутые стрелки пересадочные (пардон за срезы слева, выправлял. кадр, сделанный под очень неудобным углом):

Неподалёку ящики, где навалено всё подряд:

Открываешь и смотришь:

Примерно так же у меня дома выглядят ящики со всякими бумажками из поездок:

Поезд, в который можно было зайти

Тут уже полноценный вагон, а не купе. Схемы над окнами:

Зацените пересадки тоже:

Ещё вагон:

Ещё схема над дверью:

Костюм кондуктора, видимо:

Билетики:

Ещё какой-то старый вагон:

Объявление:

Другое:

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

Кстати о музейных экспонатах: Дедушкина схема лондонского метро

См. также всё про Лондон.

Дизайн-обзор Макоса 11.0 «Биг Сюр»

Во время презентаций Эпла 22 июня 2020 года я сохранил себе много скриншотов нового Макоса 11.0 «Биг Сюр», который выйдет осенью. В этом видео я листаю их и комментирую дизайн. Почти все пиксели прокомментировал, какие пока что нашёл:

00:00 Вступление и дисклеймеры
01:03 Новый стиль. Скругления углов. Наблюдения о подготовке макетов. Сравнение с Макосом 10.4 «Тигром».
02:58 Неэкономное использование места на экране
03:29 Сайдбар от верха до низа. Дизайн «Музыки»
04:20 Прозрачное меню, разнообразие вёрстки заголовков окон
06:06 Бесячие тулбары с двойными стрелочками вправо, как в Виндоусе 95!
07:04 Квадратные иконки в доке. Как на Айфоне, но не совсем. Док оторвался от низа
08:32 Центр управления: вайфай, блутус, часы, все дела
09:22 Листаю файндер, почту. Как будет выглядеть горизонтальная панель почтовых ящиков в почте? Братская могила иконок в тулбаре
10:50 Поиск в приложении скукоживает тулбар. А в Эгее сделано нормально! Синяя обводка сфокусированного поля
12:33 Фотос выглядит, как будто приложение не активно
13:06 Пейджес в одном дизайне, а на других скриншотах потом будет в другом (см. 32:08)
13:58 Меню, отступы между пунктами, горячие клавиши
15:14 Систему готовят к тачскрину на Маке? Это не повод ухудшать её для тех, у кого мышь
16:38 Сравнение меню и почты в старом и новом дизайне
17:29 Разглядываем менюшку про звук, Центр управления, настройку меню, уведомления и виджеты. А раньше был Дэшборд
20:46 Интерфейс управления виджетами. Кроссплатформенность виджетов
22:22 Красивые кадры из презентации
23:45 Системные диалоговые окна стали как на Айфоне. Сомнительно. Всё отцентровано
24:45 Cорян, я не учёл, что я сам буду загораживать то, что на что мы смотрим
25:06 Версия 11.0. А дальше что?
26:57 Почему прозрачное меню — отстой. Кадр Эпла. История статусбара на Айфоне
28:32 Ужасно выглядит светофор айпадного приложения на Маке
29:07 Деление иконок в тулбаре на навигационные и ненавигационные
29:55 Справедливы ли упрёки Эплу в неконсистентности из-за разного стиля и расположения заголовков окон?
31:28 Переживания и опасения, связанные с качеством софта
32:08 Пейджес и Намберс в другом дизайне, чем было в 13:06
32:59 Заголовок и подзаголовок окна
34:04 Диалог открытия файлов. Новый стиль модальных штук
35:12 Как жутко выглядит наслоение виджетов и уведомлений на открытые окна. Дизайне первый раз увидел эффекты Фотошопа
36:25 Две очень похожих, но чуть-чуть разных (почему-то) картинки со списком новшеств
37:28 Слишком навязчивая анимация выезжания уведомлений и виджетов. Когда уместна пружинистость, по мнению Эпла, которые сами Эплы забыли
38:33 System Preferences. Неприятный слайдер, кривые отступы, настройка стартового звука.
39:49 Выпадайка батарейки и оставшееся время работы
40:46 Вот бы дали виджеты ставить прямо на рабочий стол, а не в панель виджетов

Как вам? Про что ещё снять такое?

См. также подобный обзор Ай-ОСа 14

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

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

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

  1. Podlodka #166 — Переговоры. Целых три часа пользы от Ильи Синельникова.
  2. Максим Кац и Егор Жуков. Обсуждение дебатов с Навальным и всего вокруг них на «Эхе».
  3. Лебедев о самостоятельности, страхах, вине, цензуре, прокрастинации, хомячках и людях. Общаются с Евгенией Тимоновой.
Ранее Ctrl + ↓