Позднее Ctrl + ↑

Картины в Мете, карты лояльности, теория кликабельности, Мак на М1 и Биг Сур

Прекрасное искусство, плохие интерфейсы и новый Макбук. Обзор недели 20—27 декабря 2020 года:

00:00 Интро. Ой, глючит видео. Ну, сорян
00:22 Эгея 2.10 бета
00:33 Мет, вторая часть. Картины
02:58 Карты лояльности должны давать наценки
03:27 Теория кликабельность кнопок
04:16 Полезные аксессибилити-фичи Мака
05:28 Новая адресная табличка
05:43 Биг Сур — кривущее говно
06:06 Голосовые чаты в Телеграме с точки зрения привычки. Интерфейс на венгерском
08:42 Аутро
09:14 Постскриптум. Когда примонтировал это, ноут сказал, что уже пора включать в розетку.

Красивые картины, арабские шлемы и вазы в нью-йоркском Метрополитен-музее. Любимые полезные аксессибилити-фичи Мака. Как показать кликабельность кнопки в интерфейсе. Интерфейс голосовых чатов в Телеграме. Биг сур — кривущее говно. Как должны работать карты истинной лояльности. Как мне новый Мак на процессоре M1. Разобрать домашку пока не успел, в следующий раз!

На интерфейсном курсе: ФИО как в паспорте и эффект японской квартиры

Фрагмент № 26 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 9 октября 2020 года. Покажите дизайнерам:

0:00 Разбивать ли имя и фамилию на два поля? Задача дизайнера — помочь клиенту заработать бабло. Чем меньше полей, тем лучше
2:13 Этическая составляющая
2:39 Ну а если требуется такое поле! Почему ограничения не сработают. Ищем хорошую формулировку
10:09 Превращаем слово паспорт в картинку
11:46 Почему не стоит жонглировать всплывашками. Японские тесные квартиры

До 12 января идёт запись на курс, который пройдёт с 18 января по 12 февраля:

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

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

Карта истинной лояльности

Обычно карта лояльности даёт скидки. Но какая же это лояльность, если тебя просто покупают?

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

Метрополитен-музей в Нью-Йорке. Часть 2

Часть 1 · Часть 2 · Часть 3 · Часть 4 · Часть 5

В прошлый раз мы посмотрели горшки, кувшины, амфоры, истуканы и статуи, которые мне попались в самом начале музея.

Шагаю дальше, там — разные картины. Очень красиво:

1
2
3
4

Вместо картины вдруг такой клёвый обруч:

5

Марсден Хартли. Портрет немецкого офицера. Очень нравится:

6

Джексон Поллок. Номер 28. Тоже очень нравится:

7

О, а это Мондриан, я сразу его узнал:

8

Это, наверное, тоже Мондриан? Нет, оказалось, подражатели:

9

Кайф:

10

Где-то в соседнем зале вдруг 18-й век, но тоже клёво, особенно слева:

11

А потом были залы с какими-то арабскими делами. Целая комната, кажется, какая-то сирийская:

12

Тут ковры висят:

13

Узнал, что такие шлемы с заострениями, называются вроде бы шишаками:

14
15

И снова Икея с вазочками и мисочками, но вот арабская:

16
17
18

Чаша с вязью по кругу:

19

Продолжение рассказа: Часть 3

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

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

Ещё музеи и выставки:

Аудио по четвергам: Первый фортепианный концерт Эмерсона, Лейка и Пальмера

Я помню слова «Эмерсон, Лейк и Пальмер» в контексте какой-то папиной рок-музыки, поэтому не мог бы ими заинтересоваться сам. Но вдруг мне случайно попался первый фортепианный концерт Эмерсона, Лейка и Пальмера, и он клёвый, особенно третья часть весёлая:

0:00 I Allegro giocoso
9:25 II Andante molto cantabile
11:38 III Toccata con fuoco

Саундклауд

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

На интерфейсном курсе: можно написать «жми!» прямо в интерфейсе

Фрагмент № 25 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 7 октября 2020 года. Покажите дизайнерам:

Идёт запись на курс, который пройдёт с 18 января по 12 февраля:

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

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

Эгея 2.10 бета

Готова Эгея 2.10 бета (сборка v3783b). Ранее:

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

Во-первых, поправлено несколько уязвимостей разной степени тяжести (спасибо, Алексей Соловьёв).

Во-вторых, появилась новая розовенько-сиреневенькая тема оформления «Фиеста»:

Фиеста!

Рекомендации «Читать дальше» и перебивки в лентах стали ещё лучше:

  • в рекомендациях «Читать дальше», перебивках и галереях популярных заметок теперь есть глазики с числом просмотров;
  • в перебивки больше не попадают те заметки, которые и так есть в основном потоке этой страницы, а также повышено разнообразие вёрстки перебивок;
  • улучшена мобильная вёрстка;
  • если похожих заметок не найдено, в качестве перебивок и рекомендаций «Читать дальше» теперь показываются самые популярные заметки.
Глазики!

Остальное:

  • интерактивное оглавление в аудио- и видеороликах автоматически упрощается до простого текста в РСС, чтобы не ломать людям читалки;
  • если в пункте интерактивного оглавления встречается ссылка, она теперь корректно работает, не вызывая перемотку аудио и видео (спасибо, Игорь Адаменко);
  • кружок-ссылка с числом новых комментариев теперь сразу прокручивает заметку к новым комментариям;
  • если вставить картинку в заметку, просто нажав ⌘V, она теперь получает более осмысленное имя файла, чем просто image.png;
  • исправлен баг, мешавший закрепить булавкой текущий тег в подвале;
  • при загрузке картинок наконец-то больше не помигивает крутилка;
  • подкручены цвета и исправлены баги в инсталяторе;
  • исправлены баги на странице «Предпросмотр темы»;
  • надёжнее показывается статус лицензии в платной версии;
  • поисковый индекс Розы теперь автоматически создаётся, если его нет (например, после импорта из бекапа);
  • доработка инсталятора, бекапа, миграции и прочей скукоты;
  • убран код, защищающий от дубликатов в РСС-потоке при обновлении с версии 3223 или более ранней (так что если вы обновляетесь с такой давней версии, посты в читалках могут продублироваться).

Что тестировать:

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

Ссылка на дистрибутив

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

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

Цветокоррекция наугад, Мет, невозможные макеты, Эмси, демократия и домашка по наследству

Какие кувшины я бы поставил в своём особняке и советы дизайнерам интерфейса. Обзор недели 13—20 декабря 2020 года:

00:00 Интро и цветокоррекция в Давинчи Ресолве наугад
04:25 Метрополитен-музей в Нью-Йорке: кувшины, статуи, ребеллиб
10:18 Бюро показало работы дипломников и веб-систему Гисметео
12:19 Домашка! Круг наследников по закону
13:20 Эмси 3.0
14:57 Дизайнерам: Почему не надо делать невозможные состояния в макетах и как подписывать важные элементы макетов
17:20 Реклама Фейсбука с левым апострофом
18:15 Выбор цвета и рассуждения о демократии

Невероятной красоты кувшины, статуи и ребеллиб (!) в нью-йоркском Метрополитен-музее. Как избегать невозможных состояний в макетах интерфейса. Как я кручу цвета в Давинчи Ресолве. В бюро сделали интерфейс веб-системы Гисметео. Вышла новая версия нашей программы Эмси для Мака.

Публичная консультация № 4: Как помочь инженеру купить электрооборудование на сайте «Бонпет» самому или через отдел снабжения

Как вы знаете, я провожу консультации о дизайне продуктов, интерфейсов и сайтов. Есть вариант консультации тет-а-тет по скайпу, а есть вторая опция — публичная консультация. Клиент присылает ссылку или картинку, короткое объяснение и несколько вопросов, на которые нужен ответ. Я включаю запись экрана и смотрю. Результат попадает на общее обозрение на Ютюб. Цена пока та же, что у обычной консультации (12 000 ₽).

Юрий попросил посмотреть и прокомментировать дизайн сайта «Бонпет», где продаётся электрооборудование:

00:00 Как сделать, чтобы попап-почтосборник не закрывали
01:23 Два названия путают, видео мешает читать, выпадающее меню неудобно
02:56 Превращаем неопределённый заголовок в определённый и иллюстрируем основные тезисы из подзаголовка
04:28 Видео не доносит ценность продукта и процесса. Как использовать его кадры, чтобы «вести» по странице и рассказывать о преимуществах
06:02 Картинки типовых решений можно показывать плотнее и компактнее, не «пачкать» тенями, снабдить подписями о том, что внутри (а не сколько его) и переставить выше
07:52 Преимущество компании, заключающееся в мгновенном формировании документов, не донесено, хотя может быть решающим. Не намекать, а говорить прямо: «коммерческое предложение и счёт за 1 секунду»
09:53 Фильтры бы закомпактить; дать бы вводить количество предметов с клавиатуры
10:34 Ссылка «Получить КП в один клик» — первый намёк на быстрое коммерческое предложение — почти незаметна. Надо сразу показать готовое КП!
12:10 Вместо табов лучше развернуть все характеристики и статьи в прокручиваемую страницу
13:32 Идея: поиск по отличиям от того товара, на который я смотрю
14:22 Может, объединить формирование коммерческого предложения и счёта с корзиной? Прям составлять себе документы, ходя по сайту
15:30 Комментирую вёрстку формы заказа. Рыже-голубой заголовок разрезает сайт на «до» и «после». А где же моё коммерческое предложение? Как упростить сценарий и внешний вид формы заказа
18:00 Вытащить бы всё полезное из приатаченной документации, а не прятать за ссылку
18:50 «Все цену сразу открыты, например: ...» — это прямо на главную
19:10 Как конвертировать читателей статей в клиенты? Что мешает людям покупать приборы прямо из статей? В статьях кроме приборов нужно добавить ключевые преимущества компании
20:11 Сценарий: человек читает статью, но сейчас ему ещё ничего не нужно, а когда понадобится, он поручит покупку кому-то другому. Берём читателя за руку и помогаем сделать заказ
22:35 Сценарий: на сайт пришёл инженер, который всё понимает. Дать сильные инструменты навигации и поиска. Показать разнообразие, как на коробке «Лего». Не стесняться подробностей
25:00 Сценарий: на сайт пришёл снабженец со списком нужных штук, который ничего в них не понимает. Помочь убедиться, что покупаешь то, что нужно
27:00 Как донести мысль о том, что оборудование — надёжное. Примеры, статистика, «что будет, если вам не повезёт» и отзывы
28:30 Ещё про статьи. Оборудование в них выглядит как банеры. Как вплести в текст статьи. Выглядит как просто «статья в интернете», не связывается в голове с сайтом и компанией
30:45 Страницу о производстве трудно найти. Доводы из неё нужно интегрировать в карточки товаров и в статьи. Как сделать картинки не клипартом, а иллюстрацией, усиливающей приведённые доводы
35:15 Мантра: где человек принимает решение о покупке
35:45 Боязнь длинных страниц. Смотрите, как у Амазона! Перемешиваем то, что хочет найти сам посетитель с тем, что нам важно до него донести, чтобы он это увидел

Покажите коллегам или партнёрам, кому может быть такое полезно.

Записаться на консультацию: ilyabirman@ilyabirman.ru.

Метрополитен-музей в Нью-Йорке. Часть 1

Часть 1 · Часть 2 · Часть 3 · Часть 4 · Часть 5

На прошлой неделе я показал вам бюст Нефертити и рассказал, что вспомнил про него, гуляя по Мету — Метрополитен-музею в Нью-Йорке. Пришло время разгребать фотки из Мета.

Тут так много всего прекрасного, что пытаться это как-то систематизировать я не возьмусь; буду просто выкладывать фотки примерно в том порядке, как я их делал.

Первое, на что я смотрел — это всякие разнообразные амфоры и горшки:

Их очень приятно разглядывать вблизи из-за приятной текстуры материала:

Также интересно постоянно помнить, что всё сделано и нарисовано руками:

Ну офигеть же?

Ой:

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

Красивое тело (в людях предпочтительно, чтобы это сочеталось, но в статуях и по отдельности хорошо воспринимается):

Красивые волосы:

Красивые попы:

Штука с кучей деталей, стоящая на шарах — тоже красиво:

А вот уже зал искусства всяких тихоокеанских племён (вроде). Любопытно, что у разных народов и эпох — очень разные выразительные средства и сами предметы искусства:

Ого, тут даже висит ребеллиб!

В моей книге «Дизайн транспортных схем» есть про него разворот (рекомендую, отличная книга):

Ой:

Ещё красивые вазы:

Статуэтки и кувшины:

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

Западный Судан:

Ну смотрите какие офигенные штуки? Если бы у меня был огромный дом с лестницами и гостевыми комнатами, я бы его такими украшал:

Ещё статуи:

Не отвлекайтесь, тут тоже есть всякие амфоры:

Просторный статуйный зал:

Продолжение рассказа: Часть 2

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

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

Ещё музеи и выставки:

Ранее Ctrl + ↓