Люблю всякие идиотские глюки мозга, связанные со сбоем контекста. В школе я как-то повёл мышку за пределы экрана, чтобы нажать ею на кнопку выталкивания дискеты из дисковода. Ещё, бывает, смотришь газету и пытаешься увеличить фотографию двумя пальцами, чтобы разглядеть. А сейчас я подошёл к светофору, который показывал 47 секунд до моего зелёного света, и машинально даблкликнул в правый эйрпод — типа, промотать на 30 секунд вперёд.
Блог
На интерфейсном курсе: сначала презентуйте линейно, а потом уже рисуйте диаграммы
На курсе о пользовательском интерфейсе комментирую то, как участница показала свой интерфейс то есть, фактически, презентацию. Вообще, о презентации у нас есть отдельный курс, так что это видео можно считать относящимся и туда, и туда. 6 минут:
Это фрагмент № 139 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 22 сентября 2023 года.
До 15 марта идёт запись на курс, который пройдёт с 16 марта по 14 апреля. Сейчас дешевле на 10% из-за ранней записи.
Программа, отзывы, запись
Кстати, одновременно идёт и запись на мартовский курс презентаций (11—31 марта).
На интерфейсном курсе: разное про кассу в магазине
Комментирую интерфейс кассы самообслуживания в супермаркете: банерность, реалистичность поиска, висящий предлог, шаг оплаты на терминале, выравнивание картинок. 6 минут:
Это фрагмент № 138 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 22 сентября 2023 года.
До 15 марта идёт запись на курс, который пройдёт с 16 марта по 14 апреля. Сейчас дешевле на 20% из-за ранней записи.
Программа, отзывы, запись
Яндекс.Маркет пока ждёшь такси
Яндекс давно придумал такую фишку: пока ждёшь такси, тебе показывают какие-то товары на Яндекс.Маркете, и тебе они нет-нет, да нравятся. Я сам не раз туда залипал и добавлял в корзину всякие клёвые вещицы. А что, ловко придумано: тебе всё равно нечего делать, стоишь тупишь в телефон несколько минут — почему бы тебе чего-нибудь не продать? Удобно, когда у тебя «экосистема», и один акаунт работает и для такси, и для Маркета.
Да вот только за все месяцы или годы, что эта фича существует, я не купил ни одного товара! В корзине у меня там наверное их уже сто. Это поразительно, но эта штука вообще ничего не делает, чтобы я купил. Я просто добавляю клёвое, а потом приезжает такси и я больше никогда об этом не вспоминаю. Когда я жду следующее такси, мне не показывают, что я добавил в прошлый раз; меня просто развлекают новыми товарами, как будто это лента соцсети, а не магазин. И ни приложение Маркета, ни приложение такси не может додуматься прислать мне напоминалку, мол, эй, ты там добавил в корзину чё-то, может, хочешь купить?
Такое ощущение, что там оптимизируют метрику «сколько товаров пользователь добавил в корзину» или может даже «сколько времени пользователь провёл в приложении», но не метрику «сколько бабла нам принесла эта фича». Ну либо я один такой, а все остальные сами вспоминают о том, что они добавили в корзину, и потом где-то её находят (где?) и покупают себе всё.
На интерфейсном курсе: почему я не могу дать список дизайнеров, за которыми надо следить
Участник просит поделиться списком дизайнеров, за которыми я слежу. А у меня нет никакого списка, каждый человек — настоящий и особенный, и с ним связана своя история и контекст. Почему-то вспомнил про Людвига Быстроновского (Людвиг, привет!) Кусочек из посиделок после разбора. Пара минут:
Это фрагмент № 137 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 15 сентября 2023 года.
До 15 марта идёт запись на курс, который пройдёт с 16 марта по 14 апреля. Сейчас дешевле на 20% из-за ранней записи.
Программа, отзывы, запись
Листаемые галереи товаров — это плохо
Иногда у вас что-то не влезает в ширину и вы делаете листалку:
Если вы пытаетесь так показать товары, то это неудачный дизайн.
Дело в том, что листать — сложно. Прокрутка — самое приятное и дешёвое действие, для которого у нас есть выделенные жесты и элементы управления на всех устройствах. А для листания приходится целиться в какие-то маленькие стрелочки (Фиттс негодует), да ещё и кликать потом.
Почувствуйте внутреннее сопротивление, которое вызывает у вас интерфейс на примере. Это сопротивление возникает у любого пользователя, даже если он об этом не задумывается. Просто неохота листать, охота крутить!
Крутить в бока в принципе нормально, если ты смотришь с телефона или Мака, но у многих людей мышки с вертикальными колёсами — и в их мире нет нормальной горизонтальной прокрутки.
Бывает, листание делают автоматическим:
В таком дизайне товары, банеры или фотографии сменяют друг друга через некоторые промежутки времени. Здесь проблема в неуправляемости: бывает, ты пытаешься что-то разглядеть или прочитать на одной картинке, а её вдруг сменяет другая. Иногда это лечат тем, что автолистание замораживается, если навести мышку, то это ж ещё догадаться надо, что оно так сработает!
Кроме того, непонятно, что надо сделать, чтобы оно таки пролисталось. Тут тоже много вариаций: стрелочки для ручного листания могут появляться при наведении либо сами эти полоски могут кликаться (в любом случае снова привет от Фиттса). Всё это — это явные костыли.
Ещё хуже — когда листание работает вертикально:
Тут ко всем бедам добавляется ещё и противоречие с существующей прокруткой.
Если вы хотите показать несколько разных, но равнозначных элементов на странице, используйте прокрутку.
Листание можно использовать, если нужно закомпактить что-то второстепенное, например «С этим товаром также покупают». Да и то, лучше дать там какую-то кнопочку типа «показать всё». Листание нормально работает, если для понимания содержания достаточно только первого элемента, а остальные даны «до кучи», например, очень похожие примеры чего-нибудь, изучать которые нужно только самым внимательным читателям.
Ещё есть классная штука — скиминг. Это когда вы проводите мышкой по одной фотке, а она сменяется другими фотками этого же товара. Скиминг изобрёл Эпл в древней версии Айфото или Аймуви. Вот если у вас есть галерея товаров с нормальной прокруткой, а наводя на любой товар вы можете ещё и проскимить его разные фотки, то получается полный кайф.
Думаем дальше № 10 — «Видео тут совершенно ни при чём»
Спец-мета-выпуск: говорю монологом о подкастинге, месте подкастов в жизни, инструментах и что пока получается с этим подкастом:
| 0:00 | Сегодня «подкастом» называют разговорчики в Ютюбе |
| 3:47 | Лайвджорнал, блоги, РСС-потоки и классические подкасты |
| 9:41 | Аудиокниги и подкасты «по сценарию» против свободной беседы с точки зрения комфорта слушателя |
| 16:15 | Звук должен быть качественным |
| 19:33 | Платный Ютюб — не замена подкастным приложениям: офлайн, позиция, скорость, порядок |
| 29:23 | Оверкаст, плейлисты, приоритеты, нюансы подписки, главы в выпусках, требовательность к подкастному приложению и недоступность в русском Апсторе |
| 38:10 | Поддержка подкастов в Эгее |
| 39:01 | Роль Ютюба и каталога Эпла в распространении подкастов |
| 44:10 | Мой подход: РСС первичен, остальное — вторично |
| 48:07 | Этот подкаст на Яндекс-Музыке |
| 48:49 | Названия и описания выпусков |
| 52:06 | Этот подкаст в Ютюбе |
| 54:01 | Недоступность статистики |
| 57:16 | Формат и темы этого подкаста |
| 1:02:37 | Что я успел понять про запись и монтаж |
Все выпуски:
Видео по вторникам: обход Полстара 4
Весело сделано, особенно смешно про кожу в конце:
На интерфейсном курсе: дисейблить ли кнопку с точки зрения канонов интерфейса и бизнеса?
традицию контекстно дисейблить кнопку, и почему она теряет актуальность в формах всякого екомерса. 2 минутки:
Это фрагмент № 136 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 15 сентября 2023 года.
До 15 марта идёт запись на курс, который пройдёт с 16 марта по 14 апреля. Сейчас дешевле на 30% из-за ранней записи.
Программа, отзывы, запись
Думаем дальше № 9 — «Все талоны разобрали, звоните завтра» с Лерой Курмак
Обсуждаем с Лерой Курмак мотивацию заниматься доступностью и вообще хорошо работать — от сухого бизнес-расчёта до чистки ауры. У Леры в паре фрагментов какой-то фоновый шум вылезает, упс:
| 0:00 | Лера про мотивацию заниматься доступностью |
| 6:30 | Автономность, или Почему нельзя попросить кого-то другого вызвать тебе такси |
| 14:30 | Илья хочет делать музейные экспонаты |
| 17:30 | Как оценивать доступность? Интуиция, стандарты и эксперименты |
| 22:24 | Неожиданный сценарий: как помочь незрячему отличить банку с горошком от банки с кукурузой |
| 27:55 | Как продать «бизнесу» хороший дизайн: разные уровни роста компаний и людей |
| 40:52 | Почему важна не только «экселька», но и личный выбор, представление о прекрасном и вера в будущее |
| 45:34 | Как загладить грехи и прочистить ауру |
| 48:46 | Если тебя волнуют только цифирки, то трудно нанять хорошего специалиста: история с Джони Айвом и золотыми часами |
| 59:21 | Илья не считает, что ему все должны, но Лера говорит, что это вопрос удобства |
| 1:05:51 | Неочевидные сценарии у незрячих пассажиров и глухих водителей |
| 1:08:29 | Кто скажет спасибо за доступность? |
Все выпуски: