Продолжаю держать вас в курсе обновлений лекций в школах бюро.

В июле обновились «Формы». О чём речь:

Формы в интерфейсе никто не любит: сложно заполнить форму и не нарваться на ошибку. Чтобы пользователь не ушёл сразу или не вводил что попало, лишь бы отвязаться, форма должна быть простой и короткой. Но как быть, если в ней много полей и ни одно нельзя убрать? В лекции Илья Бирман рассказывает, как расположить и оформить поля, чтобы форма не пугала своей сложностью; как сообщить об ошибке и помочь её исправить; как быть, если пользователь заполнил не все поля. В конце — подробный разбор царь-формы заказа кредитки с хитростями, которые помогают человеку её заполнить.

Фрагмент лекции, где я переделываю форму оплаты билета на поезд в Италии:

В июле же обновилось «Последовательное волшебство». О чём речь:

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

Но если волшебство перестаёт быть последовательным, например после нажатия кнопки «Найти» не появляются результаты поиска, — пользователи недоумевают. Значит, дизайнер не понял или не сформулировал принципы и законы своего интерфейса. В лекции Илья анализирует такие ошибки на примере интерфейса записи к врачу, сравнивает волшебство в работе Айфона, Айпада и Мака, а ещё ругает строку поиска в мобильной версии «Сафари» и хвалит функцию автодополнения.

Фрагмент лекции про Фотораму и Эйрдроп:

Программа школы и как поступить

Рассказывая о том, как люди склонны неправильно оценивать себя, часто приводят такой пример: «большинство водителей считают, что водят лучше среднего, но это невозможно математически».

Но это легко возможно математически.

Предположим, что мы можем проанализировать езду и оценить уровень водителя по 10-балльной шкале. В группе из пяти водителей оценки получились такие: 3 6 6 7 7. Четыре из пяти водителей водят лучше среднего (5,8), ничего особенного.

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

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

Легко перепутать Швецию и Швейцарию, Австрию и Австралию, Ирак и Иран. Но не менее легко и запомнить, что есть что, чтобы не путать.

Зато у меня случился заскок другого уровня.

Россия коронно возобновляет авиасообщение с Турцией, Великобританией и Танзанией, и все смеются, типа, откуда вы вообще Танзанию взяли. А меня дополнительно удивляло другое: почему именно Танзания? Это всё равно, думал я, что вместо Великобритании возобновили бы авиасообщение конкретно с Уэльсом.

Но потом в какой-то новости я прочитал слово Занзибар и такой: wait a minute... Танзания! А я почему-то представлял себе Тасманию.

Если пропустили, посмотрите первую часть. Там были в основном станции красной линии, а тут будут — синей.

Станция Аддисон — просто платформа посреди шоссе, отделённая бетонными блоками:

Хотите жить как в Америке?!

Не только в России существует возможность падения с платформы:

Станция Дамен:

Платформа над улицей города:

Соседняя станция Вестерн. Зацените указатель выхода со словом Stairs вместо Exit:

См. также: Пять станций метро «Вестерн»

На поезде указано направление — аэропорт О’Хара:

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

Вы находитесь здесь. Кажется, что кружок между Вестерн и Дамен:

Станция Логан-сквер. Встроенная велопарковочка:

Навигация:

Станция Чикаго:

Не самая впечатляющая архитектура:

Информационный экран:

Самый узкий эскалатор, который я видел:

Другой выход:

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

Ещё Чикаго:

• Общее впечатление
• Вывески
• Уличные таблички
• Американские грузовики
• Пять станций метро «Вестерн»
• Метро: вид снаружи, станции-1
• Автобусы
• Нарезка пяти дней в Чикаго

Забываю держать вас в курсе обновлений лекций в школах бюро.

В мае обновилось «Прицеливание и закон Фиттса». О чём речь:

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

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

Ранее, ещё в апреле, обновилась лекция «Близость». О чём речь:

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

Эта же лекция попала в мой новый онлайн-курс об интерфейсе, фрагмент её я вам уже показывал, когда звал на курс.

Программа школы и как поступить

Слушайте чё. С 2:32 как будто другой трек подступает, необычно:

Саундклауд

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

Недавно мне попался твит, где автор этой «игры» ещё только экспериментировал, а вот уже полон Ютюб строителей, которые в ней строят. Классное залипалово:

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

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

1. Making Sense 207. Can we pull back from the brink? Спокойный, вдумчивый разбор американских протестов и, главное, того, как сложно в современном обществе говорить на сложные темы, чтобы не попасть под обстрел. Америка далеко, но у нас своих подобных тем сколько угодно, так что тут важнее не сами примеры, а то, как он рассуждает. Особенно запомнился мысленный эксперимент «как бы выглядел мир без расизма».
2. Мальчишник: Вечеринки для взрослых Тая пришла к каким-то странным мужикам рассказать про жизнь. Дичь про «место женщины» из самого начала мне трудновато воспринимать даже как шутку (впрочем мне и от слова «мальчишник» слегка не по себе), но дальше становится окей.
3. Валерий Петросян в гостях у Познера. Это выпуск ещё прошлой осени. Про отношение к сортировке и переработке мусора.

На днях опубликовал новый проект — конфигуратор УАЗа. Если ещё не посмотрели, посмотрите.

А сегодня снял подробное видео с рассказом про него. Будет полезно дизайнерам интерфейса и интересно автолюбителям:

В видео также разбираю старую заметку про конфигуратор Мерседеса — тоже почитайте, если ещё не читали.