Позднее Ctrl + ↑

Марко Армент про стабильность в интерфейсе

В 439-м выпуске АТП Марко Армент произнёс хорошую речь о стабильности в интерфейсе, я даже не поленился записать. Начиная с 35:07:

UIs so often lack stability. It is such a critical quality. You want the UI to be stable.

Not every surface should be “live”... If you try to select some text on a website with a mouse on a desktop, you don’t want every single thing that you can click on or accidentally brush against with your finger on a phone to be something that is live, that does something. You want stability, you want things to feel solid, and predictable, and forgiving. And not being so susceptible to things like accidental input or imprecision in input... People are doing things unintentionally.

You also don’t want the UI to be moving around when people are trying to use it. And I feel like a lot of the current Mac design language these days, where everything is being hidden behind hover states and then things animate somewhere out of the way and change where they are... this is all violations of UI stability. It makes everything a hot zone or a live zone. And things are jumping around, and it’s disorienting, and it’s inefficient, and it’s unintuitive as well, and undiscoverable and all sorts of other problems.

Anything you can do to make a UI more stable in a sense that things don’t move around too much, there aren’t too many different modes where things come in and out or slide around, or pop in, or pop out, that makes it easier and better and more calm to use for more people. And it’s a better design.

На интерфейсном курсе: в чём проблема интерактивных графиков

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

Это фрагмент № 110 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 марта 2023 года.

До 25 августа идёт запись на курс, который пройдёт с 26 августа по 24 сентября. Сейчас действует скидка 10% из-за ранней записи.

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

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

Проблема интерфейса всех стиральных машин

Всю жизнь удивляюсь этому идиотизму. Во всех стиральных машинах самая сложная задача — засыпать порошок. Открываешь ящик, а там такое:

Что 1, что 2? Куда блин порошок-то сыпать? В списке режимов — тоже никаких обозначений про эти отсеки. Просто вот какими нужно быть идиотами, чтобы тиражировать это дебильное решение десятилетиями?

Руководство по навигации Портового управления Нью-Йорка и Нью-Джерси

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

Это подаётся как документ, но фактически это целая книга, где подробно объясняется всё от базовых принципов и ценностей до конкретных решений. Я читаю именно как книгу и выписываю себе разные мысли.

Где-то в начале там такое:

A new facility presents a unique opportunity to embed natural wayfinding. Lessening complex user flows in the planning phase will reduce the need for wayfinding elements. When approaching a new development or significant renovation, involve a wayfinding expert early in the design process to help assess and define optimal flows and messaging.

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

Чуть дальше ещё:

Natural wayfinding has many benefits. It is more inclusive, relying on human intuition rather than understanding of text and symbols. It reduces the need for signage. This helps present an orderly, uncluttered environment.

Обновились вводные лекции о навигации

Для курса лекций о навигации переснял первые три лекции — «Столкновение с проблемой», «Как мы ориентируемся: город» и «Как мы ориентируемся: здания».

С лекции «Столкновение с проблемой» начинается курс. Листочки А4 в файликах — символ проблем с навигацией. В лекции — разбор примеров таких листочков и попытка разобраться в сценариях, которые привели к необходимости их размещения. В тексте таких самодельных объявлений много запутанных инструкций, ошибок и пассивной агрессии. Но чему они нас учат?

В трейлере показываю объявление в общественном туалете, где люди не смогли разобраться с бесконтактным краном:

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

В трейлере — мысли о якорях и связках и о значении метро:

Чтобы попасть в здание, нужно найти вход, а это не всегда просто. В лекции «Как мы ориентируемся: здания» — проблемы современной архитектуры, МГУ против МГИМО. Рассказываю об одинаковых коридорах и петлях в зданиях, объясняю отличия в организации маленьких и больших аэропортов, показываю приём «сделать невидимое видимым» на примере ГУМа, рассказываю о влиянии привычки на навигацию.

В трейлере — как располагать вход в здании и влияние освещения:

Оформите или подарите подписку на лекции на сайте бюро.

Нью-йоркские авеню

Сегодня — просто виды на нью-йоркские авеню.

1
2
3

Тут ещё немного Бродвей попал:

4
5
6
7
8
9
10
11

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

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

Аудио по четвергам: Cold as She

Да так же нельзя!

Endplate: Cold as She

Саундклауд

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

Разбор дизайна интернет-магазина «Дом Тома»

Недавно я выложил на сайте рассказ о дизайне интернет-магазина «Дом Тома». Теперь снял про него более подробное видео. Рассказываю о том, почему он именно такой, что нужно было в нём учесть. Видео будет полезно дизайнерам и интернет-предпринимателям:

00:00 Интро
02:33 Подробное главное меню: навигация и вовлечение
03:55 Внесение разнообразия в списки
06:29 Фотографии товаров в разном стиле
07:48 Товар представляет себя и свой отдел
10:03 Акции и банеры распределены по странице
11:56 Как показать намного больше товаров: этажи отделов
13:57 Строчка того, что люди ищут
15:20 Нестрогое разделение товаров по отделам
16:15 «Новые товары декабря»
17:11 Ещё про меню и подвал
18:40 Дизайн подходит для разработки
19:58 Инстаграм
20:50 Мобильная версия олжна быть полноценной, а не урезанной
22:17 Как поработать со мной
Ранее Ctrl + ↓