Позднее Ctrl + ↑

Немного юай-китов Ворлд Чесса, Квартирки и Эпла

В школах бюро добавилась лекция «Систематизация» про стандарты, гайдлайны, сетки, юай‑киты и дизайн‑системы. О чём речь:

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

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

Вот коротенький фрагмент про юайкиты — показываю Ворлд Чесса, Квартиркe и Эпл:

Это фрагмент одной из 36 лекций по дисциплине «Интерфейс и информация» в Школах бюро. Набор в школы открыт: чем раньше поступите, тем ниже стоимость и выше шанс на бесплатное место. Программа школы и как поступить

Также эти лекции доступны слушателям моего онлайн-курса «Пользовательский интерфейс и представление информации».

Будь то

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

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

Да ё-моё, при чём тут «будь то»? Скажи ты нормально:
— Нам дали по предмету, например телефон, книгу или чашку, и нужно было задизайнить...

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

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

См. также:

Преждевременная систематизация, колесо позора Теслы и изменения слов в интерфейсах

Как правильно систематизировать дизайн и добиваться возврата колёс (случайная домашка). Обзор недели 14—21 марта 2021 года:

00:00 Интро, обращение к Никите Беспамятных и сроки домашки
01:35 Хороший тон в деловой переписке: помоги адресату сделать то, о чём просишь
04:19 Миниразбор Никитиной домашки
05:20 Систематизация в дизайне. О лекции
06:04 Преждевременная систематизация — плохая привычка
09:32 Колесо позора Теслы и домашка про него
13:00 Изменения слов в интерфейсе: троллинг и субскайб

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

Отзывы о консультациях — 8

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

  1. Часовой разговор по Скайпу. В этом случае моё внимание ограничено только временем нашего разговора. Вы показываете, я комментирую и делюсь советами.
  2. Публичное комментирование на Ютюбе. Вы присылаете ссылку или картинку с небольшим пояснением и главными вопросами. Я включаю запись экрана, смотрю и комментирую. Запись выкладываю на Ютюб на всеобщее обозрение.

Оба варианта сейчас стоят 12 000 ₽.

Поднакопилось отзывов клиентов.

Александр Блохин, публичная консультация «Кофтёнышей»:

Крайне странно встретить людей, которые могут быть недовольны разбором сайта со стороны Ильи Бирмана. Мы понимали, даже если советы в рамках разбора сайта окажутся бесполезными, то Илью можно воспринимать как heavy-пользователя и посмотреть, что он замечает, а что нет. Если продвинутый пользователь не видит, как оформить возврат или обмен, хотя на сайте такая информация есть, то что говорить о массовом потребителе. Как минимум, вы получите подробную видеозапись сессии с голосовыми комментариями, которую иногда смотрите в Вебвизоре. Как максимум — чек-лист для исправлений, который можно начинать внедрять на следующий день. Что мы и будем делать. Сейчас, правда, уже в январе, чтобы не сломать то, что уже работает в предновогодний сезон. Даже если внедрение советов Ильи повысит конверсию на 0,1%, то публичная консультация окупится уже в первый месяц.

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

Андрей Рожков, публичная консультация МАВТа:

Благодарю за консультацию. Как всегда, все по делу и аргументировано. Практически со всеми замечаниям согласен. Составили список из 17 доработок, взяли в работу!

Александр Путилин, фулстек-разработчик:

Работаю в компании, занимающейся автономными автомобилями. Занимаюсь внутренними интерфейсами и визуализациями.

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

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

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

Предыдущие отзывы

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

Аудио по четергам: Vague Reality

Ух, долго я искал этот трек:

Uun: Vague Reality

Щекотный. Немножко с привкусом даркпситранса.

Саундклауд

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

Вертим аудиокассету и дизайн-исследования, я не оператор Фотошопа, пузатые буквы Гамбурга

Учимся мотать кассеты ножницами (а не ручкой) и повышать уровень сложности своих дизайнерских задач. Обзор недель 28 февраля — 14 марта 2021 года:

00:00 Интро
00:24 Антон и Айрин про дизайн-исследования
02:09 Доразбор минско-транспортной домашки
05:42 Совет. Как донести до коллег, что дизайнер — не просто оператор Фотошопа?
09:48 Неожиданный поворот. Учу пользоваться аудиокассетами. Мотаем на ус! Заодно: у меня есть «Иванушки» и «Мистер Малой»
14:12 Гамбургский стрит-арт

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

Яйца

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

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

Правильно наоборот: «Несмотря на яйца, ему удалось».

Муз-ТВ: Playменю, Alter Ego, Взрослые песни и Консервы

Вот ещё вам заставок Муз-ТВ загрузил.

Playменю. В упор не помню, про что была программа. Заставка, студия, какие-то цифры:

Alter Ego. Заставка и добивающая крутилка перед рекламой:

Взрослые песни. Заставка, анонс, отбивка, Широков:

Консервы. Заставка, студия, Широков:

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

Гамбургский стрит-арт

Есть обычная фигня как везде, с левыми пузатыми буквами с тройной обводкой — такой Корел в мире стрит-арта:

Это всё радует только своей весёлой разноцветностью:

Поинтереснее, но высота «полотна», кажется, определилась не задумкой и контекстом, а высотой самих художников:

А тут вот у рисунка есть форма и фон, отлично (хоть и пузатые буквы):

Ещё форма и фон:

Хорошо:

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

Ну и есть вообще вот такое. То, что надо:

Особенно вон те круги клёвые:

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

Ещё Гамбург:

Эгея v3820

Вышел второй сервис-пак для Эгеи 2.10, сборка v3820.

Добавлена поддержка установки с базой данной, висящей на нестандартном порту — в имени сервера теперь можно добавить нужный порт через двоеточие, например localhost:3311. Интересно, что за последние пару недель такая необходимость возникла сразу у двоих пользователей, а за предыдущие 18 лет существования Эгеи — ни разу.

Исправлены такие баги:

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

Ещё в этой сборке сделаны первые шаги в сторону поддержки ПХП 8, но пока под ним работает плохо.

Процедура обновления стандартная: заменить .htaccess, папку /system/ и все подпапки /themes/ новыми.

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

Ранее Ctrl + ↓