Позднее Ctrl + ↑

Помочь запустить хостед-версию Эгеи

Мне нужен человек, с которым мы вместе запустим хостед-версию Эгеи.

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

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

При этом нужно, чтобы сам этот сервер был дешёвым.

Ещё важнее, чтобы затраты были предсказуемыми. Представьте, что блог на такой Эгее заведёт фотограф, будет выкладывать фотографии десятками, а потом на его удачный пост даст ссылку Лебедев. Что делать, чтобы я при этом не разорился?

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

Если пользователь заведёт хостед-Эгею, он должен иметь возможность привязать её к своему домену или поддомену, а в идеале — даже к конкретному собственному урлу. Я даже примерно не представляю, как это настраивается, но мне надо, чтобы вы это знали.

Если вы готовы предложить свою помощь, напишите мне, пожалуйста, письмо (почта — в подвале каждой страницы). Сразу же расскажите о том, что хотите взамен.

Мне не душно

Когда вы говорите, что вам «не хватает кислорода» и «нужно проветрить комнату», я не понимаю, что вы имеете в виду:

Книга «Пользовательский интерфейс»: готов третий раздел

На прошлой неделе мы открыли оставшийся кусок третьего раздела электронного учебника «Пользовательский интерфейс», но у меня только сейчас дошли руки про это написать тут. Третий раздел называется «Язык», а новые главы — «Слова» и «Язык роботов».

Книга «Пользовательский интерфейс»: готов третий раздел

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

Это выглядит примерно так:

Глава «Язык роботов» посвящена побочному эффекту технозависимости — машиноподобному языку в интерфейсе:

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

В конце опубликованных глав — интерактивный тест по всему третьему разделу, начиная с глав «Синтаксис», «Элементы управления» и «Пиктограммы»:

У тех, кто оформил предзаказ, время подписки пока не тикает, а первые три раздела уже есть. Если это вы, бегите читать!

Лайкли 2.2.3

Лайкли — клёвые социокнопки.

На днях вышла версия 2.2.3, где починили счётчик Гугль-плюса.

Такое ощущение, что я забыл написать заметку, когда вышла версия 2.2, а там было такое:

Улучшена поддержка одностраничных приложений: кнопки автоматически обновляются при переходах по History API, добавлен метод ручного обновления. Также добавлены кнопки ЛинкедИна. Размер файла уменьшен вдвое.

Ещё ссылки:

Текст поверх фотографии

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

Текст поверх фотографии

Если дизайнер это замечает, он пытается спасти ситуацию. Затемняет фотку под текстом:

Текст поверх фотографии

Или кладёт контрастную плашку:

Текст поверх фотографии

Или делает полупрозрачную плашку, но размывает фотографию под ней:

Текст поверх фотографии

Это всё костыли: в результате хуже видно и фотку, и текст.

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

Текст поверх фотографии

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

Текст поверх фотографии

Здесь нормально читается всё, что выше горизонта в зоне расфокуса:

Текст поверх фотографии

Здесь фон вполне позволял поставить текст без проблем, но автор сделал его светло-оранжевым, поэтому он всё равно не читается:

Текст поверх фотографии

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

Читайте также секрет дизайнерских правил.

В заметке использованы работы студентов-дизайнеров.

Телеграм за неделю 17—23 июля 2017

24—30 июля 2017

На прошедшей неделе я переключился в режим нормального ведения своего телеграм-канала. Теперь там не только ссылки на заметки тут, но и всякие наблюдения про дизайн, навигацию и городскую среду. Вот как выглядела неделя (я был в Москве как раз):

Вторник, 18 июля

Дайджест телеграма за неделю 17—23 июля 2017
Дайджест телеграма за неделю 17—23 июля 2017
Дайджест телеграма за неделю 17—23 июля 2017

Это сегодня. Участники курса «Пользовательский интерфейс и представление информации» делают групповое практическое задание. При этом открыта запись на следующий курс:
http://bureau.ru/educenter/ui/

Дайджест телеграма за неделю 17—23 июля 2017
Это красивый разворот про амурского тигра из темы «Параллельное изложение»
Дайджест телеграма за неделю 17—23 июля 2017
А это красивый московский навигационный тотем. Они теперь уже повсюду
Дайджест телеграма за неделю 17—23 июля 2017
Навигационная карта Хлебозавода 9 — нового модного пространства рядом с «Флаконом»

Среда, 19 июля

Дайджест телеграма за неделю 17—23 июля 2017
Весёлая иконка унисекс-туалета в «Бэд-бро-баре» в Москве

Студентка школы дизайнеров Аля подошла ко мне в Коворкафе задать вопросы про свой макет на тему «Валенки» (завтра дедлайн):

Дайджест телеграма за неделю 17—23 июля 2017

Я рассказал ей всякого по смыслу, что не имеет значения тут (потому что вы не знаете задания), а ещё подвинул пару вещей:

Дайджест телеграма за неделю 17—23 июля 2017

1. У шапки стало больше нижнее поле. Если поля с разных сторон разные — интереснее. Шапка приобрела большую самостоятельность. У меня на сайте тоже большое поле у шапки, но ещё и всё выровнено по верху — так ещё лучше:
http://ilyabirman.ru/

2. Справа от первой фотки другая фотка и какой-то текст. Он стоял непойми как (Аля сказала, что поставила «на глаз»). А теперь он превратился в якорный объект (тяжёлый такой) и встал в центр своего модуля. Магия в том, что прямоугольник, внутри которого стоит этот текст, не нарисован, но прекрасно читается. Подобные штуки я храню под тегом «активация». Любимый пример — вот эта полоса про Трампа:

Дайджест телеграма за неделю 17—23 июля 2017

Ещё теги:

Дайджест телеграма за неделю 17—23 июля 2017

3. Ещё снизу увеличились ценники. Это Миша Нозик мимо проходил и подсказал. Большие цифры всегда хорошо смотрятся:

Дайджест телеграма за неделю 17—23 июля 2017

Навигация в центре инноваций в Порту:
https://www.behance.net/gallery/7613427/Signage-and-Wayfinding-for-Innovation-Center

Вообще в школе дизайнеров общение с преподавателями есть только на третьей ступени (а это задание на второй). Но крутые студенты плевать хотели на правила и просто приходят. Так и надо.

Раз уж такое дело, ссылка на школу дизайнеров (сейчас идёт набор):
http://bureau.ru/school/28aug2017/

Ха-ха, смотрите какая Виктория молодец:

Дайджест телеграма за неделю 17—23 июля 2017
В это время Миша Нозик на «Живых советах» учит рисовать фактоиды

Четверг, 20 июля

Ещё я забыл занести ссылку на недавний совет про схему метро Самары:
http://bureau.ru/bb/soviet/20170718/

Костя Горский в своём канале о дизайне и продуктивности рассказывает о понимании задачи:

Если у меня и есть какое-то одно самое важное знание про продуктовый дизайн, то это знание о том, что хорошо поставленная задача — больше половины успеха... (в канале — цитата целиком)

Всё правильно, но только Костя пишет, что описание должно вмещаться в один лист А4. Я делаю иначе: пишу максимально подробно. Это же не рекламная листовка. В понимании задачи должно быть всё о задаче, что может понадобиться для её решения. Это такой справочник, где качественно разложено по полочкам всё, что обсуждали с клиентом. Смотрите мою киевскую лекцию про это, если ещё не смотрели:
http://ilyabirman.ru/meanwhile/all/understanding-the-task/

Дайджест телеграма за неделю 17—23 июля 2017
Правый верхний угол в Гугль-драйве. Особенно радуют левые две иконки рядом

Заглянул в гости в Дептранс, а там рай:

Дайджест телеграма за неделю 17—23 июля 2017

Пятница, 21 июля

Проверяю работы студентов школы дизайнеров. Нашёл поддельный знак рубля:

Дайджест телеграма за неделю 17—23 июля 2017

У знака рубля должно быть продолжение полуовала налево:
http://ilyabirman.ru/meanwhile/all/rouble-sign-bowl-continuation/

С таким шрифтом нарисовать хорошо будет непросто: уже и так много всего торчит.

Кажется, авиакомпания «Эль-аль» обновила логотип. Было так:

Дайджест телеграма за неделю 17—23 июля 2017

Стало так:

Дайджест телеграма за неделю 17—23 июля 2017

Очень люблю такие редизайны, когда становится лучше, но никто из обычных людей не замечает разницы.

Кстати, что я до сих пор не знаю, какое из ивритских слов «эль», а какое — «аль». С одной стороны, нужно читать справа налево. С другой, теория близости подсказывает, что каждое ивритское слово должно быть рядом с соответствующим английским. И вроде бы самая правая буква — алеф (вероятно, „а“) ¯\_(ツ)_/¯

Расскажите, если вы в курсе. Личка: @ilyabirman

Приходите к Серёге на курс про иконки:
http://ilyabirman.ru/meanwhile/all/icons-course-2017-aug/

Когда я был на курсе, украл у него такую картинку:

Дайджест телеграма за неделю 17—23 июля 2017

Смотрите, как клёво можно нарисовать знак «Обгон запрещён» (справа снизу). Это, вроде бы, японские знаки

Я не буду делать такие дайджесты каждый раз, так что подписывайтесь в Телеграме. Если вы ещё не пользуетесь Телеграмом, то включайтесь. Это самый нормальный месседжер в мире, и там куча интересных каналов.

Что почитать на выходных — 156

Вот:

  1. Правила швейцарской типографики от Мюллера-Брокманна.
  2. Фиеричная система счисления, или почему 1 + 10 = 100. Математика для меня тяжеловата, но достаточно поверхностного прочтения для получения удовольствия.
  3. Как работает Владивостокский морской торговый порт. Лоцман, докер, тальман и Маклин. Угадай, где фамилия.
  4. You Should Not Force Quit Apps on iOS. Сколько ни объясняй, люди продолжают выходить из ненужных им программ «для экономии батарии», из-за чего только сильнее расходуют батарею.
  5. Походу.

Положите в закладки:

  1. Oh shit, git!. Набор заклинаний на случай, когда вы накосячили.

Хотите стать спонсором рубрики? Пишите: ilyabirman@ilyabirman.ru

Курс о пиктограммах и системах знаков 12—14 августа

Я обычно анонсирую тут свои курсы и наборы в школу дизайнеров. Но в этот раз хочу анонсировать курс моего коллеги Серёги Чикина. С субботы 12 августа до понедельника 14 в нашем «Коворкафе» на Флаконе (в Москве) пройдёт его курс «Пиктограммы и системы знаков».

Первый день посвящён истории и функциям пиктограмм, второй — поиску метафор, анатомии и дизайну. Третий день — про системы знаков, сетки и ДНК.

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

Курс о пиктограммах и системах знаков 12—14 августа

Теперь он сильно оброс задротскими графдизайнерскими микротемами про конкретные знаки: какой балун в иконке «сообщения» должен быть выше, куда бегут животные на дорожных знаках или зачем заводу пилообразная крыша.

Курс о пиктограммах и системах знаков 12—14 августа

Я когда сам ходил на курс к Серёге, пропёрся от темы про геральдику. Это красивые гербы с Серёгиного сайта:

Курс о пиктограммах и системах знаков 12—14 августа

Запись открыта до 6 августа, если свободные места не кончатся раньше.

Сделать музей интерфейса

Я сейчас пишу книгу об интерфейсе, и мне нужны примеры. Много примеров.

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

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

Я давно хочу сделать музей интерфейса: сделать виртуальную машину, установить туда МС-ДОС, и снять там всё золото: Нортон Командер и ДОС-навигатор, Нортон-утилиты, дефрагментатор, Турбо-Паскаль 5.5 и 7.0, другие программы на Турбо-вижене, Лого, Лайнс, классический Тетрис. Потом установить Виндоус 3.1, снять всё в нём. Потом Виндоус-95, потом 98, и так далее.

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

Руки у меня до этого никогда не дойдут. А вдруг дойдут у вас? Если у вас есть желание позаниматься таким на выходных и потом вместе замутить в интернете музей, давайте дружить. Напишите мне, почта в подвале.

Или, может, такое уже есть, но я не знаю, где искать?

Аудио по четвергам: «Чандра знает»

Давненько я вам пситранс не приносил. Потому что я его давненько сам не слушал. Потому что последнее время он уже не тот. Но иногда — вполне. Гоа-сок:

Proxeeus: Chandra Knows

Возможно, я раньше не обращал внимания на такое в пситрансе, но тут обратил, и, кажется, это необычно. Бас живёт в независимой от бочки тактовой сетке, прям как в техно. Повторяется каждый три, а не четыре такта (1́23- 1́2-4 1́-3-). Это, причём, с первой секунды начинается.

Всё как надо: история на восемь с лишним минут, которые пролетают незаметно. В течение второй минуты птички на фоне становятся всё отчётливее. 2:14 Новенькие звуки на переднем плане. 3:06 Честная пситрансовая отрывистая мелодия. Смотрите, басу всё пофиг! Он лупит в одну ноту как ни в чём не бывало. Молодец! 4:13 И ещё один слой. Кайф настоящего гоа в этом бесконечном наслоении, когда кажется, что в миксе уже некуда, а оно появляется ещё и ещё. И когда у авторов клёвая техника, всё это слышно отдельно. 5:00 И ещё!

Рекомендую этот альбом Проксиуса целиком. Называется At The Mountains Of Madness (справа ссылки на Ютюб всех треков). Треки: 2, 3! 4, 6, 7!. Там прям всё как в старые добрые времена, но с безупречным звуком. Ещё дают скачать бесплатно на Эктоплазме, но Эктоплазм чаще лежит, чем работает.

Ранее Ctrl + ↓