Кирилл Олейниченко, автор рассылки «Дизайнерский дайджест» не раз был спонсором рубрики «Что почитать на выходных». Сегодня — целая заметка про рассылку. Слово Кириллу.

Реклама. Текст предоставлен клиентом

Привет! Меня зовут Кирилл Олейниченко, я уже пять лет веду блог о дизайне «Оди». А в прошлом году я придумал и стал вести рассылку «Дизайнерский дайджест».

Она нужна, чтобы дизайнер мог не тратить часы на скроллинг десятков лент, а получал всё самое клёвое в одном письме. Для каждого выпуска я отбираю 50-60 самых важных ссылок за неделю в 25 рубриках. Каждое письмо имеет структуру: знания, навыки, инструменты, новости и вдохновение.

Рассылка платная, но недорогая — всего 108 ₽ в месяц, примерно по 24,90 ₽ за выпуск.

Специально для читателей Ильи я принёс бонус. Выпуск от 20 октября я сделал доступным бесплатно:
Дизайнерский дайджест 72 — оптические иллюзии в северокорейском дизайне

Если хотите получать такие письма каждую пятницу, подписывайтесь:
awdee.ru/newsletter

30 окт — 5 ноя ← → 13—19 ноя

Вот как выглядела прошлая неделя в моём канале в телеграме:

Понедельник, 6 ноября

О бесконечной ценности пользовательских данных. В 10-й версии «Лайв» запоминает, что ты наиграл, даже если ты не нажал кнопку записи:

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

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

Знаю, что эту ошибку Эплы уже починили, но даже не знаю, в какой версии Ай-ОСа. После того, как я потерял пару сообщений, я ей больше не пользовался.

Ещё со страницы анонса новой версии — примеры новой эстетики интерфейса. Кайф:

Time / Slope / Value — смотрите, как могут выглядеть табы. То, что это табы, ясно потому, что они интегрированы в рамку. Справа, где форма волны — не табы, а просто радиокнопки.

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

У кого есть книга, речь о вот этих разворотах:

Вторник, 7 ноября

Написал совет о том, в каком порядке ставить линии:
http://bureau.ru/bb/soviet/20171107/

Как выглядят не адаптированные к Айфону 10 приложения на Айфоне 10 (слева):

Стрелочка «Назад к предыдущему приложению» показывается вон где:

Что довольно тупо, учитывая, что теперь к предыдущему приложению ведёт свайп по хоум-индикатору снизу. Там бы и обозначили как-то. Эта стрелочка всегда была какой-то недодуманной, и тут был шанс привести в порядок. Видимо, в Ай-ОСе 12.

Даниил Соколовский:

К теме о бесконечной ценности пользовательских данных и десятом «Лайве». Теперь при сохранении проекта он автоматически сохраняет версии, к которым в любой момент можно откатиться, но самый кайф, что он ещё и помнит историю анду (undo). То есть можно открыть прошлую версию и в ней ещё протыкать ⌘+Z на несколько шагов назад.

Среда, 8 ноября

Невероятно, но факт. Книга «Пользовательский интерфейс» дописана, но подписка всё ещё не тикает. Лучшего времени для того, чтобы начать читать, не будет. Это тут:
http://bureau.ru/projects/book-ui/

Четверг, 9 ноября

Красивая иконка вайфая в Эль-Але

Суббота, 11 ноября

Шаббат шалом!

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

Я ввожу почту и пароль; выясняется, что пароль неверный. Я жму «забыли пароль» и попадаю сюда:

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

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

Знак шекеля стоит прямо в числе. А вот такая же фишка из амстердамского аэропорта. Тут расстояние до зоны выходов указано внутри её буквы:

Дайджест подготовил Иван Ветошкин.

Это ещё одно видео из октябрьской поездки в Амстердам, которое я снял для «Челябинского урбаниста»:

У израильской авиации свои процедуры проверки безопасности. Например, в Домодедове организован специальный выход на посадку 13А, где у авиакомпании Эль-Аль есть свой закуток.

Когда приходишь на посадку, тебе задают разные вопросы бесконечно доброжелательные люди, которые между собой говорят на иврите. Меня спросили, кто собирал мой багаж и где он был до того, как я его сдал (а это было ещё в Челябинске), и кто что просил передать знакомым. Я всё рассказал.

И тут мне говорит девушка: покажите багажную бирку. А я её потерял. Она была наклеена на посадочный рейса Челябинск— Москва, может я его уже и выкинул. Я так редко летаю с багажом, что никогда не помню о существовании этих бирок.

Девушка говорит: окей, тогда вам придётся подождать. И говорит в рацию: блаблабла Бирман. Ей что-то отвечают, и она объясняет мне: сейчас мне пришлют фотографию вашего багажа, вам надо будет его узнать. Я описываю ей чемодан, она это тоже передаёт по рации и просит ждать: «простите, я должна убедиться — чужого багажа нам не нужно». Через пару минут показывает мне фотографию моего чемодана на телефоне. Я говорю, ну да, это он. Она: окей, можете проходить в самолёт — и потом в рацию вдруг по-английски говорит что-то вроде «recognition passed Birman».

При этом в самолёте совершенно никого не волновало, что у меня всю дорогу были закрыты шторки иллюминаторов.

Завтра улетаю в Тель-Авив на зимовку. Буду работать, ходить в ночные клубы, бегать по набережной и иногда пить кофе в любимом «Кафеликсе» на перекрёстке Заменхофф и Шломо ха-Мелех.

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

Ну и вообще, если вы там, и нам есть, о чём поговорить, дайте знать.

!שלום

Вот:

23—29 окт ← → 6—12 ноя

Вот как выглядела прошедшая неделя в моём канале в телеграме:

Понедельник, 30 октября

Kevin is coming out as Double-Spacey:

Вторник, 31 октября

В сегодняшнем совете показываю пару страниц из Мюллера-Брокмана:
http://bureau.ru/bb/soviet/20171031/

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

Не в тему, но попалась ещё такая «плашка». Покрасить напофиг — клёвая идея:

Среда, 1 ноября

Миша Нозик написал продолжение совета про плашки и выравнивание:
http://bureau.ru/bb/soviet/20171101/

Из канала «Что понравилось в картинке»: «Перфорация облегчает конструкцию, понижает ветровую нагрузку. А еще выглядит всегда клёво» —

Немного о наличии услуг, которые отсутствуют:

Автор этого сообщения об ошибке очень хотел стать Маяковским.

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

Как изменить тарифный план-то в итоге? Именно это должно быть написано в сообщении.

Проверьте все сообщения в своём продукте. Помогают ли они человеку?

Ещё пример тупости программ:

Ну вот же я только что заказал, ты ж сам мне написал даже про это. Ты чё как Аэрофлот-то.

Четверг, 2 ноября

Участник прошлого интерфейсного курса разработчик Александр Путилин сделал прикольную штуку — интерактивную подбиралку наиболее выгодного билета на метро:
http://sdp.flynn.sexdrugsandprogramming.com/demos/mosmetro/index.html

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

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

Следующий курс будет в декабре, приходите:
http://bureau.ru/educenter/ui/

Сдизайнил интерфейс охранного приложения «Варяга»:
https://ilyabirman.ru/projects/variag/

По ссылке — видосик и ещё несколько картинок.

Самая важная тут штука — это устройство первого экрана. Большинство дизайнеров сделали бы снизу табы «Объекты», «Договоры», «История» или что-то такое. Формально.

А скроллинг намного круче: всё выглядит проще без ущерба для функциональности.

Для истории вообще нет отдельного экрана. Если хочешь посмотреть, что было давне́е — жмёшь «Ещё», подгружается ещё несколько строк из журнала.

Ну и с объектами тоже. У большинства клиентов объектов мало, и городить для них экран со «списком» из одного или двух объектов нет никакого смысла. Объекты можно листать в тулбаре сверху. Но если их становится много, появляется кнопка поиска, которая ведёт на список со всякими фильтрами.

Вадим Юмадилов: «СПАСИБО БОЛЬШОЕ(((((» —

Микрософт чё-то никак не поймёт, что нельзя так поступать с программами, которыми люди пользуются по работе каждый день.

На телефоне я скайп использовать перестал после редизайна — у меня нет ни времени, ни желания знакомиться с их переделками, а без этого вообще непонятно, куда жать.

Вот бы там кто-нибудь прочитал советы А.Г. про эволюцию и революцию.

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

Пятница, 3 ноября

Читатель Алексей спрашивает насчёт «Варяга»: «А расскажи почему в кнопке „Вызвать охрану“ выравнивание по левому краю? Я понял, что это кнопка, только по глаголу» —

Я недавно как раз писал, что в кнопках в зависимости от моды меняется много что, но центровка текста остаётся. А у меня не так.

Действительно, это решение на грани. И да, спасает правильная форма глагола: инфинитив, совершенный вид. Мы привыкли, что так называются команды: Сохранить, Отправить, Купить. Думаю, никто не растеряется.

Но почему всё же не поставить по центру? Потому что в фирстиле «Варяга» нет центровки. Зато есть такие красные рамки с текстом по левому краю.

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

Дайджест подготовил Иван Ветошкин.

Город для велосипедов — это жесть. Ещё один видосик из Амстердама: