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

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

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

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

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

Портфолио

Процесс создания логотипа Драйвинг-тестов. Часть 1

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

Сегодня — о начале проекта и первой неделе работы.

Клиент приходит за логотипом для сайта подготовки к экзамену на права в Штатах. Но зачем сайту логотип? В ходе разговора выясняется, что клиент хочет, чтобы логотип был у людей в голове и ассоциировался с качественной подготовкой к экзамену. Но люди сдают на права раз в жизни, возвращающихся клиентов не бывает. Офлайна тоже никакого нет. Непонятно, как логотип будет кого-то приводить, если те, кто хоть раз его видели, уже не нуждаются в услугах сайта. Клиент говорит, что у людей должен быть повод рассказать о сайте другим, в том числе после того, как тест уже сдан. Чтобы человек на вопрос «А ты как готовился?» мог вспомнить сайт, а не просто говорил, что «нагуглил какие-то тесты».

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

Обычно для запоминаемости одного логотипа мало. Вместе с ним делают элементы фирменного стиля или айдентики, при этом имеются в виду способы оформления визиток, вывесок или, скажем, формы сотрудников. В нашем случае всего этого не предполагается.

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

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

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

Идея нравится. Улаживаем формальности, начинаем работу.

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

Вспоминаю про щиты с американских дорожных знаков.

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

Пробую поставить какую-то конструкцию в упрощённый щит-знак (чтобы без воинственности):

Кажется, что что-то тут есть, но пока не знаю, как ещё запутать D и T. Хочется из них сделать развязку, но острые углы для этого не годятся. Галочка — как символ сделанного дела и сданного экзамена.

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

Вроде что-то тут есть, но пока непонятно, что именно. Марафон вроде прикольный, но на развязку не похож. Да и уровни скучные.

Иду изучать, какие бывают развязки:

Самые симпатичные и архетипичные — клевер и турбина. Круговое движение просится на знак самых простых тестов.

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

С ромбом вроде интереснее: его форма дружит с тем фактом, что дороги уходят в четыре стороны. Постепенно вырисовываются три уровня:

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

Думаю, что не обязательно пытаться изображать что-то реальное. Смотрю на всякие красивые узоры:

Иду за помощью к математике. Нахожу формулу, которая рисует розочки разной сложности:

Вроде симпатичные, особенно вот эти:

Смотрю, что бывает ещё. О, фигуры Лиссажу:

Вариантик:

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

Отрисовываю всё почище, изображаю тени от дорог. Режим экзамена пока без знака, ставлю ему пока такой же, как у марафона:

Тени пока ненастоящие, просто по-быстрому накидал, чтобы оценить ощущение.

Не знаю, зачем, но можно так:

В режиме экзамена попадаются вопросы разной сложности, как в жизни. А в жизни развязки бывают какие угодно:

Придумываю насочинять какую-то несимметричную развязку:

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

Картинка эксперта круто смотрится сама по себе:

Можно футболку для экспертов зафигачить:

Тут я обнаруживаю странность. В экспертом знаке такая развязка, где можно повернуть с любой дороги на любую, но нельзя развернуться на своей же дороге. А на клевере можно:

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

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

Может, нужно просто галочку поставить и будет нормально?

Пробую какие-то ещё версии. Это как бы кусок карты, на которой нарисован перекрёсток:

Непонятно, почему карта в форме буквы Д. Форма есть, смысла нет.

Ещё что-то:

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

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

Вариант с галочкой:

Ну хз.

Из строчных букв развязку сплести проще, но галочка не отпускает:

Ещё была версия сделать букву D из сложного переплетения дорог:

Ничё хорошего из этого не вышло.

Где-то сбоку от холста появляются такие галочка и крестик для теста:

Фиг знает, это потом.

Вариантов накопилось порядочно:

Решаю, что в качестве логотипа надо нести развязку из строчных d и t. Цвет и шрифт пока какие попало, хотя мне начинает нравиться этот зелёный. Но пофиг, надо разобраться с тем, подойдёт ли идея.

В итоге показываю клиенту такой набор на первой презентации:

Типа постеры:

Типа футболки:

Просто:

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

Записываю разные замечания и сомнения и отправляюсь думать и исправлять.

Если будет не влом, продолжение последует.

 3 комментария    1336   2018   портфолио   процесс
 1 комментарий    667   2018   портфолио   релиз

Работы для «500Тека»

Опубликовал пару работ, которые сделал в прошлом году для «500Тека».

Причесал логотип (был почти такой же, но пришлось полностью переделать):

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

Сделал сайт (был совсем другой):

Тут надо было прям сделать сайт целиком, вникнув в работу компании и поняв, что вообще должно быть на сайте и почему.

 нет комментариев    3   2018   портфолио   проекты   релиз

Интерфейс Секьюриджа 2.0

Я сделал интерфейс для программы пультовой охраны «Секьюридж». Это программа, в которой операторы пульта смотрят, не пробрался ли кто-то в вашу квартиру, и, если что, отправляют группу быстрого реагирования. Выглядит так (теперь):

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

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

Страшно интересный проект. Только на примерах из этого проекта можно учебник по интерфейсу написать. Читайте подробный рассказ.

 5   2017   пользовательский интерфейс   портфолио   работа

Вайрлесс-диджей-фри

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

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

Вайрлесс-диджей управляет полноценным диджейскими приложениями на компьютере:
http://wirelessdjapp.com/

Однако некоторые ребята даже 15 10 баксов платить за Вайрлесс-диджей не хотят, боятся, ну или, может, думают, что прогадают. Не прогадаете! Идите платите и покупайте. Серьёзно.

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

Вайрлесс-диджей-фри

Разница только в том, что в бесплатном приложении одна дека, а не две.

Нахаляву управляйте одной декой с помощью Вайрлесс-диджея-фри. Точнее, не одной, а столькими, сколько у вас айпадов в хозяйстве. Ссылка на апстор (смотрите не перепутайте с предыдущей):

Убедитесь, что всё круто работает, а уже потом докупите себе вторую деку за  15 10 баксов. Слушайте классную музыку и играйте её другим. Или, если это не ваша тема, то расскажите про это всем знакомым диджеям — это полностью изменит их жизнь, и они будут всегда вам благодарны.

Кстати, заодно вопрос: кто хочет научиться сводить песни, но не представляет, как это делать и с чего начать?

Шеффилд

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

Это рекламная заметка

Теперь в Челябинске есть «Шеффилд» — новый бильярдный клуб, в котором, наконец-то, можно играть не только в «русский», но и в снукер. В клубе 11 новых полноразмерных столов с шикарным светом и всем оборудованием. Для тех, кто привык играть как положено, в спокойной обстановке, по многу часов, есть отдельные залы — один с русским и один со снукерным столами.

Шеффилд

Сайт: sheffieldclub.ru

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

Кстати, Шеффилд — город в Англии, где уже более 30 лет проводятся чемпионаты мира по снукеру. А снукер, если вы не в курсе, — это самая интересная бильярдная игра.

Слово «снукер» в этой заметке встречается слишком много раз, но на самом деле большая часть столов в клубе — русские. Ведь большинству людей ещё предстоит понять прелесть снукера. Но если уж начинать, то точно в «Шеффилде».

Короче, приходите туда скорее. Адрес — улица Савина, дом 1 — это в здании тренировочного комплекса «Трактор», недалеко от театра ЧТЗ.

Вайрлесс-диджей

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

Но что сегодня уже у многих тоже есть и так? Айпад, конечно. Поэтому мы с Женей Бодуновым торжественно запускаем новый продукт — Вайрлесс-диджей!

Гиперссылка:
http://wirelessdjapp.com/

Вайрлесс-диджей — это вайфайный миди-контроллер для любого диджейского софта, который вам нравится. Вот мне, например, нравится Трактор. Работает это вот так:

Это первое реальное диджейское приложение в Апсторе, от которого есть прок.

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

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

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

Вопросы? Вот сайт с ответами:
http://wirelessdjapp.com/

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

Спасибо Максиму Ильяхову, Сергею Чикуёнку, Максиму Ткачуку и Саше Карпинскому за помощь.

Вакансия типографии-партнёра

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

У меня есть:

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

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

Ранее Ctrl + ↓