Позднее 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 + ↓