Подписка на блог

В Телеграме помимо ссылок на заметки делюсь околодизайнерскими наблюдениями.

В Твиттере помимо ссылок на заметки пишу всякую чушь.

В Тумблере и Же-же есть автоматические трансляции. Если не работает, напишите мне: ilyabirman@ilyabirman.ru.

По РСС и Джейсон-фиду трансляции для автоматических читалок

Блог


Аэропорт Дублина и гэльские слова

Продолжаю разгребать Дублин. Сегодня — аэропорт.

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

Staighre:

1

Údaraithe:

2

Neamh:

3

Ни на что не похоже. Bailiú:

4

Ardaitheoir:

5

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

Через три дня я полетел обратно. Críochfort:

6

Imeachta:

7

Сочетание mh читается «в». Ullmhaithe:

8

Сочетание bh тоже читается «в». Bhagáiste:

9

Если ко мне обратятся за неймингом виски, я теперь не растеряюсь. Просто берёшь любое слово на гэльском, и готово название.

Tacsaithe:

10

Eitiltí:

11

Oifigí:

12

Cúnaimh:

13

Geataí:

14

А вот очень красивая иконка. Cothaithe:

15

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

Ещё Дублин:

Ещё аэропорты:

Аудио по четвергам: Ноткоман

В 2007-м году у Бит-хакерса вышел альбом «Ноткоман» с невероятным одноимённым треком:

Beat Hackers: Notes Junky

Я когда-то написал обзор альбома, а про этот трек там было так:

The ending is delightful and cheesy, not in a way you would hate it, but in a way you can’t help loving it all your heart and mind. Shift from 4:4 to 4:6 adds some zest to it [...]

На самом деле с размерами я загнался. Размер в любом случае 4:4, просто начиная с 5:34 появляется сетка по шесть тактов вместо привычных четырёх. С 5:44 снова, потом с 5:54, потом 6:05 — по шесть тактов. Тема, появляющаяся в 5:55 — это магия. Слушайте трек особенно внимательно с 5:11+. Кусок 6:05...6:45 я заслушивал на репите до слёз. До сих пор офигенно.

10 июля   видео

Ilya Birman: Links (2018 Original Mix)

В 2007 году я выпустил трек «Линкс» (прогрессив-хаус). У меня новая версия, с чуточку подтянутым звуком:

Для сравнения, как было:

Разница не настолько велика как при переделке «Карго» — «Линкс» сразу получился довольно чистым и звонким. Но всё-таки стало лучше. Особенно заметно на инструменте, которым играет основная тема (типа колокольчики) — он стал звучать ярче. Послушайте с 5:26 в обоих вариантах.

Обложка тоже претерпела ремастеринг.

Предлоги и однородные сказуемые с разным управлением

В английском можно оставлять предлог без слова после него:

What are you talking about?
Where do you come from?

Предложение не обязано быть вопросительным:

London is the city I want to go to.
The review she insisted on has not been conducted.

Обычно по-русски это не нужно. У нас такая структура предложений, что есть, к чему приделать нормально предлог:

Лондон — это город, в который я хочу поехать.
Проверка, на которой она настаивала, не была проведена.

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

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

Так по-русски не бывает. Но я всё равно написал.

Правильно было бы так: «рассказала о пользе и показывала пользу валенок». Из-за того, что с одним глаголом дополнению нужен предлог, а с другим — нет, получается, что предлог надо оставить у глагола. Сначала кажется, что можно просто поменять глаголы местами:

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

Но это не работает: мы всё равно считаем предлог частью дополнения («о пользе»), и воспринимаем однородные сказуемые как относящиеся к нему в равной степени. Получается «показывала о пользе». Именно для того, чтобы так не получалось, и чтобы подчеркнуть, что предлог относится только к одному из сказуемых, я и ставлю их в том порядке, в котором ставлю:

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

Сим постановляю, что так делать можно. И что после такого сиротствующего предлога ставится запятая.

Если посмотреть на это шире: отступления от правил, которые увеличивают выразительные возможности языка, я приветствую.

Кондиционеры

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

В принципе, от кондиционера есть только одна польза — он охлаждает воздух. Всё. Больше он ничего не делает.

Открою маленький секрет: именно за этим его и используют.

А про то, что он не даёт «свежий воздух» — мне плевать, потому что я не знаю, что такое свежий воздух. У меня дома в каждой комнате (ладно, кроме гардеробной) висит кондиционер, и я не вижу ни одной причины в мире не охлаждать воздух, когда он слишком горячий. Вот, щас например, за окном 26, а у меня в комнате 23, и мне отлично.

Что касается шума улицы, то его я с удовольствие слушаю, если у меня не включена музыка. Меня нисколько не обламывает открыть окно при включенном кондиционере. Неэффективно? Да я плевать хотел, я ж живу не чтобы эффективно было, а чтобы мне было хорошо.

6 июля   жизнь

Аудио по четвергам: «Подвешенная»

Вы уже знаете, что Мадонна классная:

Madonna: Hung Up

В этой песне используется сэмпл из одной из самых известен песен Аббы. Википедия пишет:

«Hung Up» prominently features a sample from the instrumental introduction to ABBA’s hit single «Gimme! Gimme! Gimme! (A Man After Midnight)», for which Madonna personally sought permission from ABBA’s songwriters Benny Andersson and Björn Ulvaeus.
...
In order to gain the rights to sample «Gimme! Gimme! Gimme!», Madonna had to send her emissary to Stockholm with a letter which begged them to allow her to sample the song and also telling how much she loved their music. To the BBC she explained: «They never let anyone sample their music. Thank God they didn’t say no... They had to think about it, Benny and Björn. They didn’t say yes straight away». The pair agreed to let Madonna use the sample only after making a copyright agreement that entitled them to a significant share of the royalties from subsequent sales and airplay. Andersson, in an interview with The Daily Telegraph in October 2005, declared «Gimme! Gimme! Gimme!» to be the essence of «Hung Up» while joking that it was his favourite Madonna song thus far.

Кстати, вдруг кто не в курсе? Тоже хорошая песня:

ABBA: Gimme! Gimme! Gimme! (A Man After Midnight)

Так смешно ударные звучали раньше! И сравните с тем, как у Мадонны в 0:48 вступает бочка и бас.

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

It was Madonna’s 36th top 10 single on the Billboard Hot 100, tying her with Elvis Presley as the artist with most top ten hits. It also became the most successful dance song of the decade in the United States. «Hung Up» remains one of the best-selling singles of all time, with sales of over nine million copies worldwide.

Ещё забавно, что у Мадонны песня тоже олдскульно заканчивается тупым плавным убиранием громкости до нуля (у Аббы так же). Хотя в других песнях у неё с этим всё в порядке, в том числе, на этом альбоме, так что это, скорее всего, тоже такая отсылка.

Ещё Мадонна в Аудио по четвергам:

И в других заметках:

Стрелка и пальчик

Есть такой дизайнерский спор: надо ли превращать курсор мыши в пальчик над кнопками на сайтах. Недавно у меня в очередной раз спросили, как правильно, а у меня нет мнения на этот счёт. Я даже не помню, как у меня сделано в Эгее. В общем, я стал думать, что надо бы разобраться в вопросе. Вот что успел надумать. Это одна из тех заметок, где в конце не будет правильного ответа или инструктажа «делай так».

Сам вопрос возникает вот из-за чего. Кажется непоследовательным, что пальчик есть у одних нажимаемых элементов, ссылок, но не у других, кнопок. И поэтому хочется сделать пальчик у кнопок. Но операционные системы не показывают пальчик над своими кнопками. И если сделать так на сайте, то снова получается непоследовательно: над кнопками на сайтах пальчик есть, а в программах — нет. И поэтому хочется не делать. Как ни крути, получается непоследовательно, людям от этого некомфортно.

Превращение курсора в пальчик — пример обратной связи в интерфейсе. Она подсказывает, что элемент под курсором действительно нажмётся, как ты и предположил.

В классических интерфейсах курсора-пальчика не было. Элементы управления были стандартизованы и сомнений в том, как они сработают, не оставалось:

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

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

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

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

В одной из версий Виндоуса в тулбарах убрали выпуклость кнопок, оставили просто иконки:

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

Получается, у нас есть три варианта. Обратная связь при наведении:

  1. Отсутствует — объект своим видом однозначно передаёт нажимаемость.
  2. Проявляется в самом объекте (подсветка, рамка).
  3. Проявляется в курсоре мыши (пальчик, балка).

Интересно, что сами ссылки очень долгое время ограничивались только изменением курсора, но сейчас почти все дизайнеры добавляют и изменение вида самой ссылки (обычно это изменение цвета; иногда что-то делают с подчёркиванием). И для меня совершенно точно ссылка, которая не подсвечивается при наведении, выглядит немножко сломанной.

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

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

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

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

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

Дом Мельникова

Есть такое сооружение, называется дом Мельникова:

Это образец уродства и нелепости.

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

Если вас бомбануло от этой заметки, приглашаю прочитать ещё одну: «Своё мнение оставь при себе».

4 июля   наблюдения

Плакат схемы метро Екатеринбурга

Всё не доходят руки написать.

Паша Омелёхин, с которым мы в прошлом году выпустили крутейшую схему метро Екатеринбурга, задизайнил ещё и плакат про неё:

Плакат можно купить и повесить у себя, как сделали, например, ребята в екатеринбургском Яндексе:

И смотрите ещё страничку про плакат.

Ранее Ctrl + ↓
Эти ссылки принесут мне миллионы: When you need to buy a new car, you need car loan calculator - handy tool for car finance.