Позднее Ctrl + ↑

Эгея 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. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Нью-Йорк! (Когда дадут)

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

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

Лецплей № 9: техно

Сегодня так:

0:00:35 Jaja: Relativity
0:06:05 P.E.A.R.L.: Desolation (Reeko Percussion Version)
0:10:19 Takaaki Itoh: Household Method
0:13:14 Ausgang: BS82
0:17:11 Oscar Mulero: Evolutionary Decay
0:21:10 Planetary Assault Systems: Engage Now
0:23:23 Cirkle: Tension (Original Mix)
0:27:05 Fabrizio Pettorelli: Hangover (Highestpoint Remix)
0:30:02 Denise Rabe: Don’t Leave
0:35:01 Allen: Ganymede ★
0:37:59 Vladw: Beria ★
0:43:43 Avgusto: Infinity Before Me ★
0:47:39 Birth Of Frequency: The Forgotten Man
0:49:30 The Ripped: Fuera de Si Mismo
0:53:41 PWCCA: Utom ★
0:57:22 Setaoc Mass: Don’t Come and Find Me
1:01:12 Jeff Mills: Automatic
1:04:31 Temudo: Barking Dogs Never Bite
1:07:48 Sev Dah: Zenith
1:11:40 Dazed: Noaria
1:14:36 Jen Series: Quadrado
1:16:41 Wan: Labryinthine (Yan Cook Remix)
1:20:08 Unam Zetineb: Silence (Sleeparchive Remix)
1:23:51 Refracted: Continuum
1:26:58 Physical Therapy: Spasm
1:29:32 Manent: Andamento Ipnotico
1:33:53 Jaja: Relativity

Как продать пиццу без скидок, бюст и нюдс Нефертити, регулировка пола через жопу

Что там на неделе с 6 по 13 декабря 2020 года:

00:00 Интро
01:29 Стали известны™ даты моего следующего курса
01:48 Регулировка пола через жопу: у терморегуряторов сложная интерфейсная судьба
02:32 Как асимметричная сеточка в наушниках Эпла влияет на симметричность звука
03:05 Студия Лебедева нарисовала клёвые косые кнопки
03:19 Егор Попов рассказал ещё больше подробностей того, как мы делали схему метро Питера:
05:17 Как продать пиццу без скидок: важное знание для дизайнеров
08:07 Не надо ли убирать слеши на концах урлов? (Не надо)
09:13 Бюст и нюдс Нефертити: как я полетел в Берлин насладиться прекрасным. (Здесь же восхищаюсь нью-йоркским МЕТом)
13:17 Интерфейс защиты от дурака
13:30 Тупой айфон, или Почему искусственному интеллекту до хоть какого-то интеллекта ещё как до луны
15:01 Вход в интернет-банка в два прыжка. Это бесит, но рассказываю, зачем это нужно

Онлайн-курс о пользовательском интерфейсе и представлении информации с 18 января по 12 февраля 2021 года

Следующий четырёхнедельный онлайн-курс «Пользовательский интерфейс и представление информации» пройдёт с 18 января по 12 февраля 2021 года, записывайтесь по ссылке! Это наиболее крутой курс из всех дизайнерских курсов: спросите, посмотрите видео или почитайте текстовые отзывы наших участников.

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

Уже прошло четыре онлайн-курса (сегодня заканчится пятый), и я накопил много интересных фрагментов наших видеоконференций. Потихоньку делюсь с вами. Сегодня — кусочек (№ 24), где мы обсуждаем отступления от академического синтаксиса в интерфейсе и когда можно использовать линеечки в таблицах:

А вот фрагмент лекции «Выбор формата» из теоретического блока (уже показывал, потому что она как раз недавно обновилась, но вдруг вы пропустили):

Четыре недели — достаточно больше времени, чтобы «впитать» материал и хорошо попрактиковаться. Плюс вы сами решаете, когда сделать перерыв. Ну и безопасно.

Программа в деталях показана на странице курса:

В лекциях — вся теория курса. Их нужно изучить самостоятельно. Для удобства под каждым видеороликом есть готовый текстовый конспект. Если что-то непонятно или вы хотите обсудить, запишите вопрос — его можно будет задать на видеоконференции.

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

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

Запись открыта до 12 января, если свободные места не кончатся раньше, приходите!

Нефертити и другой арт в Берлине

Я много писал про Берлин, но не сделал пока ни одного фотопоста из поездки в 2018 году. Тогда я слетал на пару дней с двумя задачами: сходить в Бергхайн на Люка Слейтера и посмотреть бюст Нефертити в Новом музее. Про тот поход в Бергхайн я писал, и даже потом составил гид по клубу Бергхайн, а вот до Нефертити руки дошли только сегодня.

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

Внутри к нему ведёт отдельная навигация:

А сам он стоит в отдельном зале:

— Чё, не мог лучше сфоткать? — спросите вы.

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

Но какая разница? В интернете и так полно хороших фотографий, а ощущение от разглядывания в объёме фотографией всё равно не передать.

Всё остальное фоткать дают, например вот там же есть статуя Нефертити:

Какие-то ещё головы. Такая:

Сякая:

А вот всякие египетские, что ли, письмена:

Такой красоты невероятное количество в нью-йоркском «Метрополитен-музее». Вообще, история была такая: за месяц до этой поездки в Берлин я как раз был в «Метрополитен-музее» и охреневал от невероятной красоты и плотности этой красоты. До разгребания фоток из него мне ещё предстоит добраться. И вот как раз там, в «Метрополитен-музее» в Нью-Йорке, разглядывая всякие бюсты, я вспомнил про Нефертити, и подумал: «о, наверное она тоже где-то здесь должна быть!». Гуляя по залам, нагуглил, что она вообще в Берлине, и тогда и решил потом слетать посмотреть. И вот я в Берлине.

Запредельно детальная навигация в лифте:

Однажды дизайнер не сфоткал навигацию, и у него отвалилась жопа:

Какой-то лось:

После выхода из музея — традиционный магазин. Вот тут можно вдоволь насмотреться фотографий Нефертити на обложках разных книг и альбомов:

Куча всего:

Рекомендую прочитать главу Максимум Нефертити у Юрия Гордона.

В Берлине несложно всякого арта найти красивого и за пределами музея. Красиво заделали окна:

Красиво раскрасили какой-то барак:

Тут не смог выбрать из двух фоток. Раз:

Два:

Ну и просто дворик ещё:

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

Ещё Берлин:

Ещё выставки и музеи, например:

Лецплей № 8: прогрессив-хаус

Для разнообразия:

0:00:47 Oliver Huntemann: Rotlicht
0:06:38 Havantepe: Passing By
0:11:34 DJ Nukem & Chab: Shaiva (Guy J Remix)
0:15:32 [Технический перерыв]
0:16:03 [Продолжение]
0:17:16 Dezza: In Tents (Original Mix)
0:20:42 Highjacks: Grid Control (Original Mix)
0:24:30 Navar: High Noon ★
0:31:42 Nik Nazarov: Snowdrift (Mike Rish Remix)
0:37:42 Underground Ticket: Leave (Cosmonaut Remix) ★
0:42:17 Riamiwo: Skalarfeld (Beyond Physical Remix)
0:47:14 Niki4: Ederlezi
0:51:18 Mode Apart: Vort (Original Mix) ★
0:56:23 Dmitry Molosh: Cascade (Original Mix)
1:01:57 Orkidea: Nana (Jerome Isma-Ae In Search Of Sunrise Remix)
1:05:31 Umek: Brethren (Original Mix) ★
1:10:51 Onez!e: Azure (Sebastian Haas Remix)
1:15:56 [Весёлая часть] Teo Mandrelli & Ralph Larenzo: Embrace (Radio Edit)
1:19:26 Marst: Escape
1:22:36 Gui Boratto: Terminal
1:26:24 Cirez D: Diamond Girl (Original Mix)
1:28:42 Tchami: Rainforest
Ранее Ctrl + ↓