Иди отсюда мальчик, не мешай!

Как начать делать один вариант дизайна

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

Последний год я делаю только один вариант, если всё хорошо с пониманием задачи, и бесконечно много вариантов, если понимания нет. Это парадоксально, но работают оба способа. Различие лишь в том, что если понимания нет — результат случаен и непредсказуем.

В процессе работы понимание складывается не только у меня, но и у клиента. Если мы вдвоем не в курсе курса, то приплывем непонятно куда. Поэтому в один день я твердо решил, что всеми силами буду пытаться разобраться в проблеме, а затем решать.

Тупые вопросы

Я начинаю работу с очень базового погружения. Задаю бюрошные вопросы, узнаю про товар или услуги; чекаю аудиторию, сайт, соцсети; спрашиваю как всё продается, упаковывается, используется и прочие мелочи. Это самый базовый минимум с которого начинается дизайнерская работа. Если вы после предоплаты сразу же открываете Фотошоп — бейте себя по рукам. Отучайтесь от яростного желания сходу приступать к работе — это путь в никуда. Ну или на биржу фриланса.

Самый лучший способ сделать неплохой дизайн — задавать тупые вопросы. Да, тупые, потому что умные задавать пока рано. Кусок понимания, которое я делал к плакату:

Что это? — Плакат на праздник.
Какой праздник? — День Святого Валентина.
Зачем он? — Чтобы поздравить влюбленных.
Зачем их поздравлять? У них же всё клево, нужно поздравить кого-нибудь другого!
А как же невлюбленные? — Невлюбленных тоже нужно поздравить!
Как это сделать? — Нарисовать невелюбленного.
Как невлюбленный выглядит? — Как одиночка!
А как показать, что он одиночка? — показать рядом не одиночек.
Где будет висеть плакат? — дома у одиночек.
О чем он будет напоминать? Как он повлияет на человека?
Почему он одиночка?
...

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

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

Это трудно

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

Сколько стоит логотип для компании, которая занимается строительством более десяти лет? реальный вопрос

Легко открыть макет и начать «что-то» делать. Трудно задать миллион вопросов, вникнуть в бизнес, стать частью команды клиента и найти гребаное решение. Начать делать один вариант без прелюдий и предварительных ласк очень просто — нужно задавать вопросы. После итераций с вопросами и пониманием задачи у клиента отпадает желание получать несколько вариантов. Зато появляется уверенность в том, что вы решаете именно его задачу, а не занимаетесь бесполезным поиском.

2 октября   дизайн   задачи и решения   клиенты

Прокачивайте эмпатию

Этот пост из моего чудесного канала в телеге

Есть такой канал в телеграме — Сникерсейл. Они ищут скидки по всему интернету на кедосы и делятся подписчиками.

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

Прокачивайте эмпатию, она помогает получать деньги из ничего и чуть-чуть улучшать мир вокруг.

9 сентября   дизайн   эмпатия

Оставьте номер телефона в покое!

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

+7 (123) 923-72-37

Они делают так:

+7 (123) 9-237-237

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

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

Даже если так, цель человека — дозвониться. Во время ввода номера происходит ступор:

+7 (123) 923-7

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

+7 (___) ___-__-__

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

  • Не мешать людям своими заигрываниями
  • Не пытаться сделать цифры более «красивыми»
  • Правильно форматировать номер телефона
  • Прочитать краткую историю телефонных номеров
27 августа   бесит   дизайн   дизайнер   интерфейсы   телефон   хватит

Никаких скидок на дизайн, товарищи расходимся

Была у меня очень хорошая подруга Даша, мы с ней общались, гуляли, выпивали в барах и дело шло к известному концу. Внезапно она решила создать себе сайт. Я подумал, что это отличный способ склеить девушку разработкой страницы, и предложил свою помощь. На дворе 2013 год, она попросила сделать серьезную скидку. Я радостный согласился работать за копейки, ведь цель была не в заработке. Она занималась какими-то там праздниками и корпоративами; сказала, что скинет фотки на неделе. А я за неделю сделаю первые наброски дизайна, а на следующей уже буду верстать. Такой был план-капкан.

Прошел месяц, затем второй, третий и полгода. Я так и не взялся за работу, потому что три тысячи рублей — это пиздец. Это неуважение к себе, боль, апатия, может ненависть и нежелание браться за работу. Я не жадный, но уважаю свой труд и не могу работать за копейки. Зачем согласился? Где была голова? Заставлять себя что-то делать по доброй воли я тоже не люблю. Я знаю, что надо было сказать ей, знаю, что поступил как последний мудак. Сейчас я это понимаю, но тогда пойди попробуй объясни.

Со временем она начала выносить мне мозг и требовать больше внимания. Я решил забить хер на нее и заодно на чертов сайт. Она требовала вернуть ей деньги, а я всё никак не мог их достать. И мне было ужасно стыдно и напряжно с ней общаться. Спустя год я вернул ей несчастные три тысячи и меня отпустило. Результат сотрудничества: просрано время, просраны деньги, просрана подруга, бонусом стыд и позор. Отныне, товарищи, такое правило:

Стоимость работы зависит исключительно от сложности задачи, а не от степени близости с клиентом

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

20 августа   дизайн   клиенты   скидки

Самое отвратительное приветствие в вебе

Терпеть не могу подлиз и жопализов, а тут целый поп-ап такой:

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

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

Пожалуйста, не делайте так никогда.

6 июля   бесит   веб   дизайн   интерфейсы

Что такое антидизайн? — часть первая

Часть первая
Часть вторая
Часть третья

Сегодня я почувствовал, что пришел к базовому пониманию антидизайна. Я в нем не разбираюсь, но очень хочу — для этого и пишу пост. Эта заметка — попытка самому себе объяснить сложную тему. Я постараюсь на примере показать как работает дизайн и антидизайн. Внимание, у меня может не получится. Я буду путать термины, подменять понятия и не попадать в логику — это поток.

Откуда берется плохой дизайн?

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

Раньше я не замечал того, что творится с нашими городами. С приходом в дизайн мне стало физически тошно смотреть на объемы дерьма, которое слоилось из каждой вывески или рекламы.
В заметке о проклятье я писал:

Я больше не могу спокойно ехать в автобусе и думать о таких вещах, как личная жизнь, учеба или работа. Еду и смотрю на дизайн. [...] Смотрю на людей, что взаимодействуют в условиях, заложниками которых оказались.

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

После заметки о самой тупой странице Яндекса я начал думать о плохих решениях — почему они возникают? Это же просто бессмысленно: создавать дерьмо в таком количестве.

Оказывается страница нужна для детского поиска — потом как-нибудь расскажу

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

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

Хуевый дизайн работает

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

Умышленное создание «своего» говеного дизайна — результат антидизайна. Ну и конечно на это влияет вкус, воспитание и скилл. Сейчас мы говорим о говне ради высшей цели. Мы к этому вернемся чуть позже, давайте сначала разберемся с дизайном.

Подписывайтесь на канал в телеграме — там много говно-дизайна

Займемся дизайном?

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

Возьмем эти две работы:

Это объявление в маршрутке — до и после. Объявление должно помогать людям в экстренных ситуациях. Слева максимально дерзкий, ужасный, отталкивающий и даже пугающий вариант. Справа аккуратный, подтянутый макет, который вежливо разговаривает. Однако оба варианта вряд-ли решают задачу — какой шнур? где шнур? это точно шнур? куда дергать? какое стекло? куда давить? на себя, от себя? Как вылезти? боже, я горю!

Все эти вопросы помогают добраться до истины — с этого начинается дизайн. Ок, с вопросами понятно, а что по задаче? Сформулировать ее ее трудно, зададим себе вопрос — зачем нужен запасной выход? Давайте для примера ответим так:

Помочь людям выбраться из маршрутки в случае пожара

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

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

И это должен понимать любой дизайнер в самом начале работы!

Итак, ребята, хотели заняться дизайном? Вот он, но теоретический. Мы создали условия, окунулись в них, сформулировали задачу. Если мы тру — задачу нужно щелкнуть.

У нас есть несколько путей понимания задачи и ее решения. Разные дизайнеры в зависимости от своего скилла и опыта будут делать следующие вещи:

  1. Ужасный дизайнер сверстает еще одно говно-объявление.
  2. Плохой дизайнер сверстает опрятное объявление (уборка в макете).
  3. Дизайнер средней руки опишет в объявлении способы спастись из маршрутки.
  4. Хороший дизайнер разработает окно, из которого без труда выберется любой человек.
    Он продумает возможные сценарии, учтет пути людей, разработает систему пожаротушения и сверстает понятное объявление
  5. Охуенный дизайнер придумает новые способы предотвратить пожар без выкидывания из маршрутки.

Итак, какой мы дизайнер сегодня? Плохой, средний или охуенный? Примерно так работают дизайнеры во всех сферах — в разных зависимостях погружаются в задачу. Ах, да, совсем забыл:

Охуенность дизайнера напрямую зависит от степени погружения в задачу

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

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

Вот что отличает плохого дизайнера от хорошего. Плохой дизайнер вообще не понимает, что такое погружение в задачу — он как печатная машинка: делает, что говорят. Хороший дизайнер смотрит на задачу, формулирует, переформулирует, узнает тайны и подробности. Он погружается. Он докапывается до проблемы и решает ее.

Продолжение следует

Я не смог закончить до конца заметку так как тема слишком большая и глубокая. Боюсь, нужно делать серию. Мне нужно время на то, чтобы сформулировать термины и определения.

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

2 июля   антидизайн   дизайн   теория

Очень плохая реклама в мобильном Яндекс.Дзене

Подписывайтесь на канал в Дзене, иногда там выходит эксклюзивчик

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

Плохая реклама Яндекса

Обратите внимание на структуру поста:

  1. Логотип и название канала
  2. Заголовок заметки
  3. Данные о заметке
  4. Первый абзац (текст связан с изображением)
  5. Изображение калькулятор Гугла
  6. Изображение калькулятора Яндекса
  7. Продолжение заметки...

Это точно тот порядок, который был задуман мной. Этот порядок раскрывает смысл — абзац не будет работать без картинок. Что делает Яндекс с моей заметкой на мобильном телефоне? Открываем тот же пост с телефона:

Плохая реклама Яндекса

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

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

Очень часто в своих заметках я использую следующую модель повествования:

Плохая реклама Яндекс.Дзена

Такой вид публикаций материала самый популярный в интернете. Далеко ходить не надо, спросите Артемия Лебедева, Сергея Долю или Илью Варламова.

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

А как же пользователи? Автор в своей заметке хотел сказать одно, а из-за рекламы получилось другое. Так делать неправильно. Уверен, что в вашей команде не хватает блогера.

Предлагаю следующие решения проблем

1. Никогда не трогать материалы авторов
Не передвигать и не менять местами контент, не удалять и не вносить никаких правок без ведома автора.
Я понимаю, что рекламодателям не понравится такой мув, но иначе никак — читатели и авторы важнее. Или я неправ?

2. Выделять сильнее рекламу

3. Установить галочку (чекбокс) во время добавления любого изображения:

  • Если автор захочет использовать свое изображения в качестве заглавного — пусть поставит галочку.
  • Разумеется по умолчанию чекбокс должен быть выключен. Мы же не хотим ввести автора в заблуждение?
  • Кнопочка-вопросик объяснит автору в чем прикол.
  • И еще кое-что: поправьте верстку этого всплывающего окна, а то смотреть страшно.

Этим постом я не хочу спровоцировать войну с Яндексом, не хочу обидеть сервис или кого-то еще. Напротив, я хочу сделать его лучше. Яндекс — самая большая, технологичная компания в России. Я рад, что появился Дзен и верю, что Дзен — новый ЖЖ. Уверен, что отдел продуктовых дизайнеров сможет придумать способ сделать рекламу в Дзене умнее и лучше. Я описал проблемы и предложил базовые решения.

Спасибо за внимание.

19 июня   дзен   дизайн   интерфейсы   яндекс

Новый логотип и личная айдентика для блога

Сделал для своего блога новый логотип и шикарный стиль. Логотип решил не трогать — лишь обновить. Цвет, формы и взаимодействие стилей — мое общее настроение. Эта работа буквально кричит о том, что у меня внутри. Хаос, паника, ужас, сила, дерзость, пиздец — основные темы.

Стиль нащупал во время работы с иллюстрациями. Развил и расширил во время разработки логотипа.

Смотрите проект на сайте

29 мая   Блог   дизайн   личная айдентика
Ранее Ctrl + ↓