Позднее Ctrl + ↑

На интерфейсном курсе: улучшаем форму обратной связи Букинг.кома

Форма обратной связи Букинг.кома нарушает теорию близости: трудно понять, столбцы или строки составляют одну радиогруппу. Обсуждаем, как починить. Покажите дизайнерам:

00:00 Чиним теорию близости
03:24 Думаем, что ещё улучшить

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

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

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

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

Упаковка будущего

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

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

Обложки музыки, выходящей в МП3 — это просто картинки. Часто «скриншоты» в Апсторе — это не скриншоты, а рекламная графика. Даже в Алиэкспрессе фотографии товаров сопровождаются картинками, объясняющими их работу и преимущества — всей этой графики нет ни на упаковке, ни на самих товарах. Кто-то первым догадается показывать банку с шампунем прямо на полке в красивой душевой, а печенье — на полке над красивыми поварёшками.

Сейчас постоянно приходится разделять упаковку на картонную, полиэтиленовую, жестяную части. Более скромная будет лучше поддаваться сортировке и переработке.

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

Метрополитен-музей в Нью-Йорке. Часть 5

Часть 1 · Часть 2 · Часть 3 · Часть 4 · Часть 5

Дальше был зал про историю военного дела. Снова какие-то кольчуги и шлемы:

1

Невероятно красивые щиты:

2

По-разному развешенные стреляющие приспособления:

3
4

Идём по коридору дальше — встречаем объявление:

5

Дальше — выставка музыкальных инструментов. Это фотку я показывал в исходном фотообзоре из Нью-Йорка:

6

Вот эту штуку очень надо:

7

Флейты всякие:

8

Удивительные струнные:

9

Наиболее удивительный струнный:

10

Куча разных труб и дудок перспективно висят:

11

На пути на выход попалась ещё некая посуда:

12

Тут стоит обратить на объясняющую табличку на стене:

13

Табличка примузейного магазина:

14

Вдоль пятой авеню рядом с музеем стоят красивые рекламные штуки:

15
16

Вход выглядит так:

17

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

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

Ещё музеи и выставки:

Лецплей № 11: техно

Вчера так:

0:00:00 Nørbak: Untitled (Edit Select Remix)
0:03:14 Michal Wolski: Generator
0:06:53 Matt Altman: Collision Process (Original Mix)
0:10:05 Patrick Siech: Sektor 214
0:14:08 Ilya Birman: The Endgame is Omnipotence
0:18:04 Dave Simon: Moodily
0:22:09 Cirkle: Symmetrical Sculpture
0:25:30 Oscar Mulero: Evolutionary Decay
0:28:33 The Figura: Pannonia
0:32:09 Dr. Cyanide: Sachsenhausen (Original mix)
0:34:50 Ricardo Garduno: It’s Not Us, It’s You (Original Mix)
0:36:42 Vladw: 012324.90 (Original Mix)
0:40:20 Rrose: Pentagons
0:42:40 Maxime Dangles: Dazzling Ray ★
0:46:51 Sev Dah: Svarog
0:48:41 Antonio De Angelis: Kristal Large (Exium Remix)
0:51:04 O/V/R: The World Remade ★
0:52:56 Setaoc Mass: The Trip Commander [Drum Track]
0:55:31 Emmanuel Top: Acid Phase
0:58:29 Sebastian Bayne: Interpolar
0:59:42 Blawan: The Narrowing
1:02:35 Yan Cook: Pauk ★
1:05:57 Nørbak: Untitled (Edit Select Remix)

Как кнопка «Назад» на Айфоне путает проектировщиков интерфейса

В школах бюро обновилась лекция о пользовательском интерфейсе под названием «Навигация». О чём речь:

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

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

Фрагмент о том, как кнопка «Назад» на Айфоне путает проектировщиков интерфейса:

Это фрагмент одной из 35 лекций по дисциплине «Интерфейс и информация» в Школах бюро. Программа школы и как поступить

Также эти лекции доступны слушателям моего онлайн-курса «Пользовательский интерфейс и представление информации».

Ощущение безопасности для пассажиров

Если вы водитель, одна из ваших задач, помимо собственно управления автомобилем — это создание ощущения безопасности для ваших пассажиров. Ваш стаж безаварийной езды не влияет на это ощущение, а вот стиль езды и поведение за рулём — влияет.

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

Но ощущение у пассажира обратное: обычная дорожная ситуация вызвала ваше удивление или раздражение, вы не восприняли её как должное. Так значит вы не очень-то уверенно водите. Даже если кто-то создал вам помеху, пассажир вообще не должен этого заметить! Просто все едут, и вы тоже; кто-то куда-то перестраивается, подумаешь, обычное дело.

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

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

Третье — нужно быть решительным. Может показаться, что это противоречит предыдущему, но нет. Представьте: вы выезжаете из двора на оживлённую дорогу, и вас всё никак не пропускают в непрерывный поток. И вот вы выезжаете на дорогу по сантиметру, потому что кажется, что вот щас получится, потом останавливаетесь, потому что нет, и потом снова.

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

Если у вас возник соблазн возразить в том ключе, что «важно не ощущение безопасности создавать, а реально безопасно водить», не утруждайте себя. Ощущение безопасности нужно создавать не вместо, а вдобавок к безопасному вождению.

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

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

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

  1. Цифровое кочевничество — Свобода общества в России и США, Интеллигенция Ирана. Андрей Ситник, который разное видал и сейчас в Нью-Йорке живёт, очень хорошо рассказывает о том, почему никакой свободы в Америке нет даже примерно.
  2. 12 правил жизни. Джордан Питерсон рассказывает о правилах из своей книги (которую я не читал).
  3. Прогноз на 2021, любимый анекдот и уроки коронакризиса. Сергей Гуриев отвечает на вопросы зрителей.
  4. Как меняется Америка и откуда взялся Дональд Трамп. Кац рассказывает интересно.
  5. 6 Myths About Monogamy That Are Ruining Our Relationships. Ура, я нашёл ещё годного контента с британским английским.

Дизайн-системы и культ карго, 1-й Айфон, генератор Челябтабличек, Макбук-про 2021

Показываю первый Айфон, любуюсь гробами, хвастаюсь генератором табличек и Челябинском. Обзор недель 3—17 января 2021 года:

00:00 Интро
00:57 Систематизация — новая тема интерфейсого курса. Стандарты, гайдлайны, сетки, юай‑киты и дизайн‑системы. Внедрение и поддержание системы. Гибкость и адаптивность стандартов. Технологичность и взаимодействие с разработчиками. О курсе
02:24 Вышла уже половина книги User Interface (на английском)
03:08 На что я снимаю? Показываю свой фотик Фуджифильм X-T4
04:23 У меня есть английский блог
04:50 Отключение защиты телефона на 15 минут шоппинга
05:22 Показываю первый Айфон!
05:42 Я не понимаю кино. Спойлер х/ф «Престиж»!
07:15 Продолжение фоторассказа о нью-йоркском Мете. Коровий щит, гробы, шкатулки
09:12 Заставки Муз-ТВ. Как я осваиваю Ютюб
09:52 Генератор табличек Челябинска. Показываю, как работает. Рассказываю про варианты табличек. В чём смысле системного размера
14:55 Какой Челябинск клёвый вообще-то. Парк, озёра, все дела
16:35 Инстаграм, перчатки, музончик
18:26 Картинки: новый логотип GM, редизайн чека в магазине, иконка приложения Найка, новогодние иконки Телеграма, велорога

Рассказываю про новую лекцию в интерфейсном курсе и новые главы в интерфейсной книге на английском. Показываю свой видеоблогерский сетап, свой первый Айфон (это первый Айфон) и свой генератор адресных табличек Челябинска. Музончик, новый логотип GM, велорога. Ну и слухи про Макбук-про 2021 года

Неправильные фразочки и присказки

Какие вы знаете неправильные фразочки и присказки? Ниже — моя коллекция.

«Критикуя, предлагай». Какая связь? Сам решай, как тебе исправлять косяк, я-то при чём?

«Ты злишься, значит ты неправ». Нет, не значит. Логику подучи.

«Это исключение, которое лишь подтверждает правило». И ты подучи.

«Нет — это не ответ». С хера бы не ответ, когда ответ? Джим Кемп не даст соврать.

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

«О вкусах не спорят». Похоже на предыдущее. О чём ещё спорить? Если что-то строго доказуемо, то там и спорить не о чем.

«Больше двух говорят вслух». Ну а это вообще абсурд. Единственная вообще причина говорить не вслух — это то, что людей больше двух.

Ну и «Горе не беда» тоже муть какая-то.

Добавляйте!

Хочу фичу: временно отключить пароль и Фейс-айди

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

В результате идти по магазину и поглядывать в список покупок — настоящее мучение. Приходится каждый раз вводить чёртов пароль.

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

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

Ранее Ctrl + ↓