Избранное

Позднее Ctrl + ↑

Первая састейнбл конференция Хантфлоу

Сегодня мне приснился самый подробный и интересный сон за очень долгое время. Кстати, напомню, что я считаю самой тупой вещью на свете рассказывать кому-то, что тебе приснилось.

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

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

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

Потом я сел на мягкий кожаный диван в комнате ожидания докладов. Там уже сидел кто-то другой, и мы обсудили, что оба не особо понимаем: это уже доклад или будет что-то ещё. Всё же доклады начались позже — в 10 утра.

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

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

После доклада я вернулся в спикерную взять какую-то свою вещь, но обнаружил, что там ничего не осталось — ни кроватей, ни полочек! Вместо этого, там уже вовсю шла кадл-пати: какие-то люди валялись на полу и обнимались. Танский признался, что все вещи спикеров уже отсортировали как мусор и выкинули в лес.

Второй доклад читал Алексей Дарий — он учился со мной в одной школе. Это был доклад без слов, слушателям нужно было просто молча повторять действия за докладчиком. Он раздал всем банки с какой-то специальной пудрой, у него была такая же. Он сыпал её в воздух перед собо и дул туда, и она парила в воздухе, все делали то же самое, а ассистент докладчика ещё пщикал из баллончика. Постепенно в центре круга из слушателей и докладчика получилось такое облако, на которое все дули. Тогда докладчик сказал: «ЦО2», и облако из пудры превратилось в северное сияние, а потом вообще в прозрачный огонь прямо в воздухе. Все завороженно смотрели — это было очень красиво, необычно и объясняло ключевую идею доклада так, что в её истинности не оставалось сомнений.

А на третий доклад я не попал, потому что соседи что-то громко уронили, и я проснулся. Но я бы ещё сходил, конечно. Кажется, организаторам настоящих конференций есть чему тут поучиться у Хантфлоу. Я только до сих пор не могу понять, что я делал в спикерной, ведь я не был докладчиком.

Работать ли с друзьями

Некоторые декларируют принцип: никогда не работаю с друзьями. Такая декларация много говорит о человеке.

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

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

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

Семейное положение

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

Контролёр и контроллер

В русском языке есть слова контролёр и контро́ллер. Первое произошло от русского глагола «контролировать», который означает «следить», а второе — от английского глагола to control, который означает «управлять».

Поэтому, кстати, когда чиновник берёт что-то под личный контроль, это значит, что он просто планирует компостировать подчинённым мозги вопросами «ну что там?». А когда чиновник takes personal control of something, это значит, что он теперь командует.

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

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

Беру экран, сделанный участницей курса, и перерисовываю с нуля, поглядывая на похожий экран Эпла. Чтобы выглядело нормально, важно сначала посмотреть, как сделали другие.

Заодно коротко говорим про то, как подумать о дальтониках.

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

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

Муз-ТВ: «Элементы» и инопланетяне

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

Заставка ночной программы «Элементы». Там играло техно и всё такое. Кайф:

Этот же инопланетянин использовался в таких айдишных заставках:

А вот его подруга:

Тогда инопланетяне были бинарными.

Предыдущие — по тегу «Муз-ТВ». Самое золото:

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

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

00:00 Подача результата дизайна. Теория близости
05:55 Лейблы отвалились от полей. Как быть с исключениями в дизайне?
10:44 Избавляемся от левой колонки сетки вообще
13:05 Жирные заголовки — сразу кайф
13:32 Про важность горячих клавиш
15:48 Ссылки незаметны внизу, надо поставить их функции на место

Сегодня — последний день записи на курс, который пройдёт с 28 сентября по 25 октября.

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

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

Договорённости — без ссылок

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

Например:

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

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

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

Ну или записали ссылки на конкурентов. Дизайнер их посмотрел и составил какое-то своё впечатление; что-то захотел использовать, что-то нет. А клиент потом на любую вещь говорит: «Так а вы что, не посмотрели, как сделано у „Рогов и копыт“?» «Так а в чём проблема как у „Лютика“ нарисовать?» «Да зачем вы изобретаете велосипед, эту задачу отлично уже решили в „АКМЕ“, вы что, не смотрели ссылки, которые я вам давал?». Клиенту что-то понравилось у каждого из конкурентов, и он решил, что мы возьмём каждую из этих вещей (которые нигде не перечислены и ни разу даже не обсуждались) ровно в том виде, как ему понравилось.

Или вот поставили ссылку на страницу сайта «Доси», и написали, что ввод даты должен вести себя так же. Клиент замечает ссылку где-то в переписке о разработке, идёт по ней, ходит по сайту и запоминает: «ок, у нас будет как у „Доси“». Разработчик смотрит сайт и радуется: «о, там стандартный выпадающий календарик из знакомого фреймворка, тоже поставим его». Время проекта подходит к концу, а клиент вдруг спрашивает: «А когда уже заработает трекинг доставки заказов? И я думал мы хотели сделать красивое видеообъяснение работы сервиса» Дизайнеры недоумевают: откуда эти требования вообще взялись? А потом выясняется, что это есть у «Доси», а клиент считает, что мы договорились делать как у них.

Содержимое по любой ссылке ещё и может поменяться, но, как видите, даже без этого проблем хватает.

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

К: Там Маша и Федя собрали большую подборку материалов в Дропбоксе, надо, чтобы вы их изучили и тоже учли при работе. Давайте добавим ссылку в ваше Понимание задачи, чтобы не потерялось!
Д: Простите, я боюсь, что мы что-нибудь там не поймём или упустим. Как бы нам это с самими Машей и Федей обсудить, чтобы они нам рассказали всё, что накопали? И мы тогда в Понимании задачи сразу запишем всё то, что нам нужно сделать в связи с этим.
К: Хорошо, я вас свяжу. Я там вам потом ещё кстати скину ссылки на конкурентов наших.
Д: Насчёт Маши и Феди: давайте тогда быстрее это устроим, чтобы мы докрутили Понимание задачи с учётом всего важного. А про конкурентов — может, давайте вместе сейчас посмотрим? Покажете, что именно вам там нравится и не нравится, и мы выпишем, что там важно. А то вдруг мы там обратим внимание не на то.

Дизайнер и разработчик:

Д: Ещё ввод даты надо сделать как у «Доси».
Р: А в чём там особенность? Чем отличается от нашего обычного календаря из фреймворка, который мы использовали на прошлом проекте? Давай опишем в спеке.

На интерфейсном курсе: как работает автоматическая вёрстка рекомендаций в будущей Эгее 2.10

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

В общем, фрагмент № 14 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 31 июля 2020 года. Покажите дизайнерам и разработчикам.

00:00 Задача и примеры
01:35 Дизайн «раскладок» для разных случаев
04:29 Описание раскладок в коде
05:50 Автоматический выбор и оценка раскладок
07:47 Режим отладки

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

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

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

Ранее Ctrl + ↓