Позднее Ctrl + ↑

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

Участник просит поделиться списком дизайнеров, за которыми я слежу. А у меня нет никакого списка, каждый человек — настоящий и особенный, и с ним связана своя история и контекст. Почему-то вспомнил про Людвига Быстроновского (Людвиг, привет!) Кусочек из посиделок после разбора. Пара минут:

Это фрагмент № 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 Что я успел понять про запись и монтаж

Все выпуски:

На интерфейсном курсе: дисейблить ли кнопку с точки зрения канонов интерфейса и бизнеса?

традицию контекстно дисейблить кнопку, и почему она теряет актуальность в формах всякого екомерса. 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 Кто скажет спасибо за доступность?

Все выпуски:

Кабель-канал

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

На интерфейсном курсе: сокращаем текст про почту

Разбираем, какие слова в тексте про отправленное приглашение лишние, и как можно обойтись без них. 3 минутки:

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

До 15 марта идёт запись на курс, который пройдёт с 16 марта по 14 апреля. Сейчас дешевле на 30% из-за ранней записи.

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

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

Прокрутка не должна прыгать из-за изменений за пределами поля зрения

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

Так ведёт себя и браузер. Так ведёт себя Гугль-док, когда кто-то пишет что-то в начале документа.

А должно быть вот так:

Прокрутка не должна прыгать из-за изменений за пределами поля зрения, хоть над ней, хоть под ней.

Думаем дальше № 8 — «Бородатая бритая башка на жёлтом фоне» с Мишей Нозиком

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

0:00  Схема метро Ташкента: геометрия, география, вёрстка и золото
7:47  Приём: карта вылезает за пределы холста
13:27 Цитата Горбунова о блеске золота
14:58 Миша критикует совет Ильи о выравнивании заголовков
25:03 Презентация — настолько важная часть проекта, что на неё не нужно выделять специального времени
37:16 Как Миша презентовал логотип, а клиент захотел страницу о компании
43:32 Клиенты любят презентации
45:50 Презентация — не слайды в Паверпоинте, а сам рассказ
49:20 Как мы раньше презентовали в Бейскемпе
55:15 Как Миша однажды залажал внутрибюрошную презентацию
56:31 Илья скидывает клиентам видосы, где показывает дизайн
1:00:20 Миша не любит войсы
1:05:41 Илья пошёл на вокал, чтобы петь на иврите
1:10:01 Болтаем про иврит и звучание разных языков

Все выпуски:

Ранее Ctrl + ↓