Позднее Ctrl + ↑

Знак о штрафе за парковку на газонах

Сделал дизайн знака о штрафе за парковку на газонах Москвы:

Знак о штрафе за парковку на газонах

Графдизайнер Серёга Чикин помог с травушкой и айфончиком.

Началось с того, что ко мне пришёл Максим Кац и сказал, что есть риск, что кругом понаставят такое:

Знак о штрафе за парковку на газонах

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

В одном месте уже успели поставить адский знак по макету с картинки выше:

Знак о штрафе за парковку на газонах

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

Поэтому на новом знаке мы нарисовали айфончик вместо фотокамеры с дорожных знаков.

Я очень люблю гостовский шрифт русских дорожных знаков и грущу, что на многих знаках в Москве вместо него используют Ариал. У букв есть некая приятная корявость. Для этого знака мне пришлось из разных огрызков собрать нужные буквы и цифры, в том числе из заброшенной оцифровки Александра Сапожникова. Почти всё пришлось допиливать — спасибо Ане Даниловой за советы. Гостовские кратки у „й“ я не смог терпеть и нарисовал другие.

Депутат Настя Брюханова убедила совет депутатов Щукина официально принять этот знак, и сегодня его утвердили. Скоро он начнёт появляться в щукинских дворах. Будет как-то так:

Знак о штрафе за парковку на газонах

Мы призываем и другие районы использовать этот знак — на его странице можно скачать ПДФ. Макет знака без изменений можно свободно использовать во всех дворах Москвы — пишите.

До 16 и старше

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

Кофе в Берлине

Я пил кофе в Берлине в трёх местах: в Барне и двух Бонанзах (см. также кофейные места).

Это «Барн» (Auguststraße 58):

Эспрессо, флетвайт и капучино (моё только посередине):

Сахарница и сахар (рука не моя):

Это «Бонанза» у Мауэрпарка (Oderberger Straße 35). Офигенная вывеска:

Внутри:

Флетвайт и вода:

Это «Бонанза», спрятанная во дворах Фридрихсхайна (Adalbertstraße 70):

Крутое здание и столы во дворе. Тут у них центральный офис и обжарка. Внутри (меню на зеркале):

Миндальная штука, вода и флетвайт:

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

А это не кофе, а врэп и смузи в веганской кафешке «Гудис» (Warschauer Str. 69):

Фотографии из поездки в мае 2016.

Ещё Берлин:

Как прошёл Питер-ЦСС

В пятницу, как обещал, выступил в Питере на конференции Питер-ЦСС. Конференция космическая.

Вдоль лестницы на входе в помещение, где всё проходило, висят плакаты с докладами и докладчиками:

Как прошёл Питер-ЦСС

В самом зале тоже висят плакаты, но здоровенные:

Как прошёл Питер-ЦСС

Доклад китаянки очень понравился.

Для тех, кому больше нравится общаться во время докладов, организован лаунж (есть такое слово вообще?), где идёт звук и видео из зала:

Как прошёл Питер-ЦСС

В туалете ещё плакат:

Вообще, я только сейчас понял, что я ничего не сфоткал практически. Всё графическое оформление конференции было офигительным. Будут нормальные фотоотчёты где-нибудь ещё — посмотрите.

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

Жара там адовенькая.

В офисе ХТМЛ-академии обнаружилась стопочка плакатов, которые вчера висели над залом:

Тусовка на крыше:

Другой ракурс:

Можно подумать, что это Ситник-1985:

Но нет, это просто какой-то чувак в Пулкове.

Спасибо Вадиму за приглашение и всем организатором за организацию. Видео будет когда-то потом.

Ламода, Пейпал и тупые чаты

Вы уже знаете, что меня неимоверно бесят чаты на сайтах. Потому что я же пытаюсь что-то смотреть, а тут вылезает Ольга.

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

В роли Ольги — Дарья:

Ребята в Ламоде, кто отвечает за это позорище? Нахрена она написала в три раза больше, чем я, не сказав вообще ничего по сути? Вы зачем ей зарплату платите, вам что, деньги девать некуда? Перечисляйте тогда сразу мне. Нет слов в русском языке, чтобы передать всю бессмысленность этого человека.

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

Встраиванием Дарьи Ламода просто портит свою репутацию за собственный счёт.

Заметьте ещё, что Дарью никак нельзя скрыть. Нет никакого крестика, и в меню-гамбургере тоже ничего:

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

В этом месте обязательно находится какой-то нибудь читатель, который пишет «Ну а что ты хотел, чтобы она ответила? Убрали Пейпал, она не в курсе». Я бы хотел, чтобы она так и сказала сразу: «Да, убрали, мы не знаем, почему :-)». Бесит же не само отсутствие Пейпала, а полное безразличие Дарьи и неуважение к моему времени.

К сожалению, в России в сфере услуг очень мало кто понимает важность отношения. Официанта, который накосячил десять раз, но оставил приятное впечатление, встретить очень трудно. Зато официантов, которые всё сделали правильно, но произвели впечатление мудаков — сколько угодно.

Дизайн беджа для Сейви

В Сейви 1.3 мы добавили фичу с отображением беджа с количеством неразобранных аудиозаписей:

Дизайн беджа для Сейви

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

Это длинная скучная заметка.

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

Мы уже просим два разрешения при первом запуске: микрофон и распознавание речи (это разные вещи, к сожалению). Перед тем, как спрашивать, мы показываем такой экран::

Первый запус Сейви

Так мы готовим пользователя к вопросу и увеличиваем шанс того, что он согласится. Микрофон:

Ай-ОС спрашивает про микрофон

Распознавание речи:

Ай-ОС спрашивает про распознавание речи

Заметьте, что тут мы ещё можем добавить отсебятины в текст, чтобы лучше объяснить, почему это окно появилось.

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

И тогда что дальше, если человек нажмёт Don’t Allow? Разрешения можно спросить только один раз.

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

Открой настройку

Но с беджем мы так сделать не можем, потому что бедж необязателен. Кому-то нужен, кому-то нет. Так что если человек нажмёт Don’t Allow, нам надо будет где-то объяснить, как включить его позже. А у нас ни эбаута нет, ни настройки.

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

Настройка Сейви

Если тут включены уведомления, то показываем бедж, если нет, то нет (ну нам и не дадут). А где настроить — объяснили бы в описании приложения.

Так тоже не вышло. Оказалось, что нельзя добавить пункт Notifications в список разрешений приложения, не спросив разрешения сперва. То есть даже чтобы получить ответ «Нет», нужно спросить разрешения! Бесит ещё, что сам текст окна начинается со слов «Sayve Would Like to Send You Notifications», не соответствующих действительности:

Ай-ОС спрашивает про уведомления

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

Но на это всё мы не можем влиять — вопросы задаёт Ай-ОС, а не мы.

Поэтому мы добавили в правый верхний угол иконочку:

Иконка про бедж

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

Это, конечно, снова не сработало. Что если пользователь откажется уже в первом окне? Нам придётся не показывать второе, а тогда мы не сможем добавить саму возможность включить уведомления, как я уже объяснял выше. Выходит, нам нельзя спрашивать, хочет ли человек бедж, а нужно просто сказать, мол, «сейчас система спросит про уведомления, а ты ответь, не хочешь ли ты бедж» (жесть).

В итоге в вышедшей недавно 1.3 если нажать в правый верхний угол, вы увидите такое:

Сейви объясняет про бедж

И когда вы нажмёте «OK» (мы его ещё и написали неправильно), тогда уже вы увидите системный диалог про уведомления.

Уже после релиза мы поняли, что лучше было написать что-то вроде Continue вместо «OK», а то кажется, будто мы вынуждаем человека согласиться.

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

Мы — это я и разработчик Сейви — Михаил Рубанов.

Кнопка:

Скачать в Апсторе

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

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

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

Мы добрались до темы языка интерфейса, и начинаем с синтаксиса. Это про то, что стандартные элементы — это идеальные члены предложения:

Разбираем синтаксические роли элементов:

Пример синтаксической жопы:

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

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

Любимый разворот про пиктограммы:

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

Ранее Ctrl + ↓