Я в интернете

РСС    Джейсон-фид

Есть автоматические трансляции в Тумблер и Же-же. Если не работает, напишите мне: ilyabirman@ilyabirman.ru.

Думаем дальше № 68 — «Чешуя какая-то» с Евгением Черновым

С Евгением Черновым обсуждаем теорию поля, также известную как векторный анализ, и обнаруживаем, что формула Остроградского-Гаусса — это теорема Ньютона-Лейбница на максималках.

Все выпуски подкаста:
Эпл · Ютюб · Я.Музыка · Спотифай · Мейв · РСС для подкастного приложения

0:00 Вспоминаем смысл производной
10:41 Производная как скорость изменения
13:41 Разбираем на синусе и косинусе
18:18 Как взять «производную» не на линии, а на гладкой поверхности
33:31 Что такое вектор и что такое поле
40:53 Градиент
43:34 Дивергенция
50:58 Дивергенция градиента и при чём тут физика
54:46 Ротор
58:24 Что дают интегралы в полях
1:07:37 Формула Остроградского-Гаусса
1:13:12 Теорема Стокса и общий принцип
1:16:50 Связь лестницы производных в точке и поведения функции на всей области определения

Дизайн Клод-дизайна

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

Опросы пользователей

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

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

Получается, результаты у вас искажены: вы знаете только ответы самых нетребовательных пользователей. Более того, возможно, что ответы нетребовательных людей сами по себе низкого качества. Вряд ли они особенно старались и вдумчиво отвечали. Знаете же, как оставляют отзывы на маркетплейсах люди, которым нечего делать? «Отличная вещь, рекомендую, сами ещё не распаковывали». Ну вот.

Я не к тому, что опросы никогда не надо проводить (хотя я был бы счастлив). Я к тому, что если вы сначала решили использовать этот метод при всех недостатках, потому что лучше ничего не нет, то не стоит потом смотреть на его результаты так, будто они настоящие. Надо так и смотреть: «Ну вот, наш кривой метод дал какие-то такие кривые результаты. И что они значат на самом деле?»

Как Сиракьюса переезжал на Айфон 18 Про

В последнем выпуске АТП Джон Сиракьюса жалуется на то, как переезжал на Айфон 18 Про. Это в начале, где-то на восьмой минуте уже.

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

Джон уже жаловался на этот процесс в прошлом или позапрошлом году. Тогда Джону удалось завершить переезд с третьего или четвёртого раза. Одна из «ошибок» была такой. Новый телефон предложил настроить Сири, и в ходе этого процесса надо было произнести «Hey, Siri». Джон так и поступил. Старый телефон среагировал и перешёл в режим Сири, что отменило весь процесс.

Такую ошибку проектирования можно допустить только если буквально ни разу не попробовать воспользоваться этой фичей. Как устроен процесс тестирования у Эпла остаётся только гадать.

В этом году ситуация не стала лучше, но у Джона-то опыт. Поэтому можно было бы предположить, что в этот раз всё получится. Но нет: он снова переехал с четвёртого раза. Вот одна из «ошибок»: Джону нужно было воткнуть в телефон зарядник, и он случайно нажал на кнопку камеры. А вот другая. Сначала оба телефона что-то напряжённо делали, а потом на старом загорелась надпись «Finish on the new iPhone» в шторке с крестиком. Джон, разумеется, воспринял это так, что всё, от этого телефона ничего больше не нужно, дальше уже новый сам что-то доделывает. Как только он закрыл шторку, весь процесс снова отменился.

Я не представляю, как это может с первого раза пройти обычный пользователь, если даже Джон запинается несколько раз. И это ведь не какая-то экзотическая ситуация, а самая обычная, причём на пути получения первого впечатления! Что происходит в Эпле, что они это выпускают?

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

На интерфейсном курсе: что такое эпицентрический дизайн

Упоминаю на курсе эпицентрический дизайн и говорю, что это такое. Два минутки:

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

Идёт запись на октябрьский курс. В рассрочку 7900 ₽ / мес.

Почитать о курсе
Программа, отзывы, запись

Это лучший курс об интерфейсе.

Ришон-ле-Цион и Беэр-Шева

Сегодня, кажется, самый пустой пятничный фотопост в истории. Но что ж делать: Ришон-ле-Цион и Беэр-Шева были, но показать из них особо нечего. В общем, публикую для галочки.

Из Ришона я привёз только уличные таблички:

С подсветкой:

И альтернативным дизайном:

В Беэр-Шеве тоже были таблички:

Но ещё такая табличка:

Кладбище:

И какие-то палки:

Фотографии из поездки осенью 2022. Слетайте в Ришон-ле-Цион и Беэр-Шеву!

Замкнутость интерфейса

 4 мин

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

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

Самое интересное и сложное — это то, что переход должен полностью определяться состоянием и событием. Он не может зависеть от истории предыдущих состояний (если только это не буквально переход по истории состояний типа «Назад» или «Анду»). Если переход из некоторого состояния S при событии E зависит от того, попали мы в S из Q или R, то это значит, что нет никакого состояния S, а есть состояния S1 (S после Q) и S2 (S после R), и важно это осознать. Может показаться, что это какая-то заумь и вообще, какая разница. Но если не обращать внимания на это, то в интерфейсе возникают неявные состояния, в которых вид и переходы не определены. Дизайнер-то думает, что рассмотрел состояние S, да вот только это мифическое состояние, а настоящие состояния S1 и S2 он не рассмотрел.

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

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

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

Я приводил примеры вопросов, которые помогают проверить интерфейс, но понятно, что ответы даже на все вопросы сами по себе не гарантируют замкнутость.

О замкнутости следует думать как о математическом качестве. Возьмём такую теорему: «Число 60 делится на все числа». Это легко проверить: на 1 делится, на 2 делится, на 3 делится, на 4 делится. Мне продолжать? Ну на 5 делится, на 6 делится, сколько ещё примеров надо? Какое число ни возьми — на всё делится: 10, 15, 20... Так ведь? Но нет, это ничего не доказывает. Чтобы доказать теорему, нужно искать не удачные примеры в большом количестве, а саму фундаментальную причину, по которой она неизбежно верна. В данном случае такой причины нет.

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

Список как способ организации интерфейса

Совет о списке как элементе графического интерфейса хочется дополнить ещё другим списком, который можно также назвать вертикальным стеком или даже бутербродом, хотя этот термин скорее из мира вёрстки. Или как бы вы это назвали? Поток?.. Давайте придумаем термин!

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

Картинка с сайта Эпла

На этих примерах с Айфона друг за другом идут тумблеры, элементы навигации, кнопки, заголовки и просто блоки текста.

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

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

Картинка с сайта Эпла

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

В предельных случаях мы получаем интерфейсы с огромными бессмысленными полями слева и справа от основной колонки, которая при этом не помещается в высоту экрана и требует прокрутки:

Студенческая работа

Подпишете, что получили, — вот тогда и получите

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

Очередной пример — на выборах. Сначала тебя заставляют расписаться в журнале, что ты получил бюллетень, а потом уже, так и быть, бюллетень выдают. Я разумеется, говорю: «Вы мне выдайте сперва, я тогда и распишусь». Членка избирательной комиссии не понимает, меня, говорит: «Я вам не имеют права выдавать, пока вы не распишетесь». Я объясняю, что не могу расписаться, ведь там я расписываюсь в графе, что получил, а я-то не получил. Это же документ всё-таки. Она говорит: «Молодой человек, зачем вы устраиваете скандал? Вы видите, все нормальные люди расписываются, и потом получают?»

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

Это не какая-то хитрость с её стороны. Скорее всего, она просто так всю жизнь добивается своего, и внуков своих такими же приёмами воспитывает, не приходя в сознание. Такие вещи нужно спокойно пресекать: «Что вы, никакого скандала нет, и другие люди тут ни при чём. Просто вы просите меня расписаться в том, чего не было, я так не могу, получается как будто я вру».

Тут она зовёт наблюдателей, дескать, «молодой человек отказывается расписываться». Наблюдатели объясняют мне, что по-другому не получится. Я говорю: «А можно хотя бы достать бюллетень и положить рядом на стол? Будем считать что это мне, я тогда распишусь и возьму». Неохотно соглашаются, я расписываюсь и беру бюллетени.

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

Ну и есть смысл всё-таки смотреть, что написано в графе, в которую вы ставите подпись — мало ли.

Остатки Венеции

 4 мин

Вот вам ещё пачка фотографий из Венеции.

Сначала дневной:

1
2
3
4
5
6
7
8
9
10

Потом ночной:

11
12
13
14
15

Ну и ещё пара наблюдений осталась. Вёрстка меню:

Шрифт на автобусе:

Фотографии из поездки в октябре 2015 года. Слетайте в Венецию!

Ещё Венеция:

Ранее Ctrl + ↓