Дизайн

Излишний креатив 

Бывает заходишь на сайт какой-нибудь компании, идёшь в раздел команда, а там вот так. Понимаешь, что дизайнер или заказчик хотел скреативить, но получилось странно.

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

Проявлять смекалку и показывать свою креативную прыть надо в другом: типографике, вёрстке, анимации, иллюстрации. Хороший пример — оформление сайта и аваторок у команды Ноушена. Их иллюстратор, Роман Мурадов, нарисовал всю команду продукта и сделал иллюстрации для сайта в одном стиле. Благодаря этому иллюстрации воспринимаются не как локальное решение или «затычка», а как айдентика.

Чтобы сайт выглядел цельным, сначала нужно определить, на чём будет строиться визуальное повествование. Иначе всё развалится.

Новый сайт Анимы 

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

Контекст

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

Задачу поручили другому сотруднику, но в итоге она скатилась в мою сторону. Я человек простой: вижу задачу, беру и несу. Так эта задача стала моей. И хотя я не люблю делать большие задачи в одиночку, именно они помогают расти и развиваться.

Расти можно только через боль.

Проблема: не видно продукта

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

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

Проблема: неинформативное описание функций

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

Проблема: высокая нагрузка на поддержку

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

Решение: показать функции крупным планом и сократить текст

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

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

Сам продукт: его интерфейс, фотографии или изображение. Такой вариант был самым простым. Продукт уже готов, сделать скриншоты или отрисовать нужные экраны — это пару дней работы.

Иллюстрации: комикс или история в картинках. Для неё нужен иллюстратор и много времени. Нам этот вариант не подходил.

Продукт в использовании: гифки, видео и анимация. Самый красивый и эффектный вариант, но и самый трудозатратный. Поэтому мы сразу отправили его в корзину.

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

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

Отдельной проблемой были разные цвета в каждом блоке. Это сбивало с толку, пользователю пришлось бы привыкать к каждому экрану заново и разбираться, что есть что. Это особенно заметно по чёрному блоку про внедрение ЦРМ-системы. Три картинки, внезапный зелёный цвет — такое никуда не годится.

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

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

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

Тезисно

У нас была проблема: неинформативный сайт о ЦРМ-системе. Чтобы исправить это, мы вынесли продукт на первый план.

  1. Показали интерфейс Анимы крупным планом, сделали его якорным элементом на всех экранах.
  2. Сократили и переписали все тексты, выделили главное, чтобы не пришлось читать весь абзац.
  3. Проиллюстрировали раздел о внедрении ЦРМ.
  4. Ответили на частые вопросы клиентов.

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

Редактор отвечает за продукт, а не за текстики.

Заценить новый сайта Анимы →

Онлайн-консультант, помоги! 

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

Непонятно, почему после двух секунд на сайте мне может понадобиться помощь консультанта или подписка на новости компании

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

Ни один чат или звонилка ещё никому не помогли вывести продажи на новый уровень. Иначе почему у всех этих компаний такие хуёвые сайты? Видимо консультант плохо помогает. Надо ещё одного добавить.

Путаница в меню 

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

Пользователь тыкает на «Решения», и его перекидывает к другому блоку на этой странице. В голове пользователя щёлкает: «Ага, это лендинг». Кликает на «Кейсы», и вдруг его куда-то перекидывает. У пользователя начинается паника и раздражение. Он ожидал одного, а случилось другое.

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

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

Виды контраcта в дизайне ★ 

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

Фотография или иллюстрация

Фотографии, рисунки, схемы, гифки, 3D-анимация, иллюстрации создают наиболее сильный контраст. Даже если это чёрно-белая фотография, контраст по-прежнему остаётся достаточно сильным, чтобы перетянуть внимание с чёрного круга на фото.

Цвет

Контраст с помощью цвета, пожалуй, второй по силе и значимости. Чтобы правильно его использовать, изучите теорию цвета и прочтите книгу Иоганнеса Иттена ««Искусство цвета».

Размер

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

Заголовки в этом блоге набраны Гельветикой 36 кегля, а основной текст — 16. Этого достаточно, чтобы визуально создать структуру и донести до читателя, какой элемент документа важнее.

Форма

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

Микрорешение

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

Тень

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

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

Более подробно о контрасте рассказал Сергей Кулинкович в своём выступлении «Что такое хорошо» на Просмотре в 2017 году.

Развод на деньги по имейлу 

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

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

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

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

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

Лучшая реклама для дизайнера — что-то сделать 

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

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

То есть, для дизайнера самый эффективный способ рассказать о себе — находить ниши и заполнять их. К счастью, в России таких ниш — больших, средних и маленьких — очень много. Возьмите любую сферу и вы увидите: конкуренция практически на нуле. Это одновременно причина того, что у нас всё довольно медленно развивается. Но для дизайнера — это возможность проявить себя.

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

— А как добиться такой свободы? Ведь чаще приходится иметь дело с уже готовым брифом?

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

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

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

Читать интервью целиком →

Старый не значит «плохой» 

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

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

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

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


Если хочется ещё такого, посмотрите предывыборную рекламу президентских выборов 1996 года в материале «Коды». Сейчас она выглядит странно, но сами образы и метафоры настолько выпуклые и контрастные, что надолго отпечатываются в памяти.

Что я смотрел на Просмотре 

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

Максим Ильяхов, Главред

Максим Ильяхов, основатель сервиса «Главред», экс-главред «Тинькоф-Журнала». Выступление называлось «Ваша последняя лекция про текст».

  1. Все люди визуалы, пока они не встретят хорошего редактора.
  2. Если текст рассказывает о том, что интересно читателю, он его прочтёт. Есть три типа пользы: прагматическая польза, стать более важным в обществе, повеселиться или позлиться. Не пишите чушь, и вас будут читать.
  3. Прагматические темы часто проигрывают эмоциям, потому что они не волнуют читателей здесь и сейчас. Самая качающая тема Т—Ж за 2018 год: «Как получить компенсацию за советский вклад». Более 1 млн просмотров.
  4. Полезный контент не всегда решает. Иногда вам просто интересен человек, а не польза от него. Личность и авторитет важнее.
  5. Люди зациклены на себе. Они любят читать о себе и когда читают о них.
  6. Тема статьи должна соотноситься с проблемой читателя. Формулировка вторична. Главное, чтобы она отражала решение насущной проблемы.
  7. Никому интересно читать о том, какие вы хорошие. Дайте факты. Вместо красивый покажите картинку. Ставьте иллюстрации. Без них текст — ничто.
  8. Факты сами по себе ничего не стоят. Их нужно подкрепить и связать с миром читателя ситуациями, примерами и сценариями. В каких ситуациях ваш факт станет пользой и преимуществом?
  9. Читатель всегда ОК. Не пытайтесь его yаучить или говорить ему, как правильно жить. Если вы пишете «будьте внимательны» говорит читателю, что он якобы невнимательный. Это бесит.
  10. Настройтесь на его волну, прежде чем писать текст. Уважайте и любите своих читателей.

Николай Хлопков, Whitemark

Николай Хлопков — креативный директор Уайтмарк (англ. Whitemark). Рассказывал о том, как найти баланс между креативом и самореализацией.

  1. Любой проект — это процесс. Если процесс организован верно, то вы быстрее достигаете результата. И получаете более качественный результат.
  2. Специализируйтесь на чём-то одном. Выберите точку приложения силы, в которую вложите все свои старания. Так вы быстрее станете крутым.
  3. Не нужно быть универсалом. Достаточно сотрудничать и объединяться с крутыми чуваками из смежных областей.
  4. Клиент всегда задаёт вопрос: «А что вы делали для???» Он хочет, чтобы вы были знакомы с его сферой заранее. Это нереально. Но нужно всегда говорить «да».
  5. Клиенту важны надёжность, скорость и комфорт. Главное — экономия времени клиента. Если у вас есть такой опыт, это вдохновляет клиентов больше всего.
  6. Специализация плюс опыт — грамотный процесс. Чем чаще вы делаете что-то, тем легче это для вас и понятнее. Выстроенные процесс помогает: быстрее получаете клиента, достигать лучшего результата за меньшее время, увеличивать прибыль.
  7. Чем хуже и слабее выстроен процесс, тем больше не ваших клиентов вы получите. Основа процесса — качество.
  8. Если на первом месте у клиента сроки и деньги — это плохой знак. У вас с ним разные ценности и нет взаимопонимания.
  9. Свои клиенты те, которые не тянут, а принимают решения, дают обратную связь и нацелены на результат.
  10. Когда нашли своих клиентов, проявляйте инициативу, делайте сверх ожиданий, тратьте на них время, любите их. Чтобы не терять клиентов, расширяйте спектр услуг. Лучшее рождается на стыке дисциплин.

Василий Дубейковский, Урюпинск

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

  1. В провинции не принято платить за дизайн. Поэтому чаще всего изменения происходят с грантовой поддержкой и по инициативе местных активистов.
  2. В Урюпинске есть институт развития города — инициативная группа людей, которые развивают город. Это единственный город России, в котором выбирают бренд-менеджера.
  3. Урюпинск считается дырой, но там есть бренд, мерч, слоган и много всего, чего нет даже у некоторых миллионников. Население Урюпинска 38 тысяч человек. Бюджет города 700 млн рублей.
  4. Фраза «Брошу всё и уеду в Урюпинск» — зарегистрированный товарный знак.
  5. Если вам не нравится окружающая визуальная культура, предложите свою. Плохого дизайна очень много. Единственный способ его победить — показывать альтернативу. Постепенно люди начнут отличать классное от говна.
  6. Сообщества сильнее меняют города, чем политики. Потому что политики меняют сверху, а сообщества снизу. Второй подход людям ближе.
  7. Одна из задач визуальной революции — навязать мнение, что дизайн это ценность.
  8. Нужно растить местных дизайнеров и повышать стоимость услуг. Нельзя обесценивать их труд. Стоимость разработки логотипа в Урюпинске варьируется от 1 до 5 тысяч рублей.
  9. У визуальной урюпинской революции есть четыре основных оружия: скупать хорошие неопубликованные фирмстили за 10 тысяч рублей, развивать дизайн-библиотеку, приглашать спикеров с лекциями в урюпинскую Высшую школу дизайна, развивать Инстаграм-аккаунт проекта — Революпинск.
  10. Миссия дизайнера — улучшать визуальную среду.

Алексей Андреев, Depot Branding Agency

  1. Дизайн — это инструмент. Если он работает, он хороший.
  2. Брендинг — индустрия. Дизайн — инструмент для его создания.
  3. Работа дизайнера в брендинге — не позор. Это постоянные вызовы, новые задачи. Говорить человеку, что он плохой дизайнер, правильно.
  4. Рынок брендинга переживает кризис: не хватает хороших дизайнеров.
  5. Хороший дизайн тот, от которого ничего нельзя отнять. Если отнять, останется пустота.
  6. Алексей запускает новый сервис, который будет помогать дизайнерам создавать крутой брендинг и защищать их интересы — brand-hub.ru. Для заказчиков это быстрый и удобный сервис. А для исполнителей — платформа самореализации и развития.

Иван Богданов и Сергей Жилкин

Мастер-класс Ивана Богданова и Сергея Жилкина о системном подходе к проектам.

  1. Сергей пришёл в дизайн два года назад. Думал, что логотипы это золотая жила. Спустя время изменил мнение.
  2. Надо понять не то, что говорит клиент, а где у него траблы.
  3. Первым делом нужно не рисовать, а понять, нахрена клиент к нам пришёл.
  4. Есть два режима работы: думать и не делать, делать и не думать.
  5. В проектах важно уметь видеть суть вещей и находить стержень, на который всё нанизывается.
  6. Создавайте многогранные бренды, чтобы они передавали или вызывали конкретные эмоции, чувства.
  7. Прежде чем рисовать в графическом редакторе, рисуйте и стройте систему на бумаге. Там легче и быстрее что-то исправить, доработать.
  8. Визитки, кружки, логотипы — это всего лишь слова. История — вот красная нить дизайна. История пишется в голове.

Стас Антипов, White Russian Studio

Чтобы понять, о чём идёт речь, просто зайдите на сайт студии «Уайт Рашн»

  1. C помощью анимации на языке Shader можно привлекать дизайнеров со свежими смелыми идеями.
  2. Такие анимации ещё и заставляют посетителей дольше находиться на сайте и залипать в такие вещи.
  3. Мы экспериментируем не в свободное время. Это для нас тоже работа. Но это происходит не в ущерб клиентам. Мы стараемся так распределить проекты и время, чтобы оставалось время на эксперименты. Например, если у кого-то появилась идея сделать так, чтобы по клику мышки на сайте что-то взрывалось, мы это делаем.
  4. Мы в студии поддерживаем даже самые дикие идеи. Например, нашему дизайнеру приснился карандаш с глазами, который на неё кричит. И мы это сделали. Не могу найти сейчас сам кейс, но вот посмотрите другой, не менее классный.
  5. Иногда бывает, что нам говорят, мол, что это?! Но практически всегда, то, что мы показываем на этапе мудборда, принимается. Никто не ждёт, что мы будем писать продающие стратегии, двигать кнопки чуть левее. Мы дизайн-студия со своим вкусом и видением.

Максим Десятых, Redmadrobot

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

В 2008 году, когда основали Redmadrobot, они (Макс и его партнёры) столкнулись с проблемой: на рынке не было ни одного дизайнера мобильных приложений. Тогда только появились айфоны и Эппстор. Пришлось растить кадры. Дизайнеров обучали внутри компании.

  1. Знания и умения — разные вещи. Цель образование не просто получить знания.
  2. Дизайнеров можно сравнить с врачами. Никто не хочет оказаться на столе у хирурга, который не умеет оперировать.
  3. Самые эффективные способы научиться чему-либо — практика и обучение других. У каждого участника команды должен быть ментор — кто-то, кто старше вас по опыту и помогает вам развиваться.
  4. Нужно потратить 10 000 часов, то есть около пяти лет работы, чтобы достичь успеха в своей сфере. С наставником это сделать гораздо проще. Без него путь труднее, дольше и тернистее.
  5. Насмотренность. Нужно смотреть много-много-много работ. Нужно загружать в себя много хороших образов и чужих решений. Со временем насмотренность начнёт отдавать — выдавать решения, доставать их из вашей головы. Начинайте день с просмотра новых решений.
  6. Инструментарий. Осваивайте новые программы. Адоби — маст хэв. Но сегодня ещё нужны Скетч, Фигма. Кроме программ, инструменты это шрифты, цветовые палитры.
  7. Копирование. Если у вас ещё нет большого количества работ, опыта, больше работайте, копируйте, создавайте фейковые проекты. Повторяйте и разбирайте успешные образцы дизайна. Это будет влиять сразу на два предыдущих пункта.
  8. Ликбез. Читайте, изучайте литературу, смотрите лекции, интервью с дизайнерами.
  9. Практика. Много практикуйтесь. Если есть реальные заказы, работайте и учитесь. Если клиентов нет, ищите, делайте бесплатно, исправляйте работы плохих дизайнеров — их в мире очень много. Всё вместе это приведёт вас к успеху. Зи энд.
  10. Любой человек может стать дизайнером. Просто кому-то нужно чуть больше времени.

Денис Мосин, «Икра» и Sensative Brands

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

Правильный подход

  1. Определить территорию, на которой вы будете создавать продукт.
  2. Описать ЦА, провести исследование.
  3. Ищем инсайты. Некая человеческая потребность и барьер, который мешает эту потребность реализовать. Наш продукт должен убрать барьер.
  4. Формулируем гипотезы, наши первичные идеи. После этого формулируется MVP — minimum viable product. Это продукт, которые решает минимальный набор функций, которые закрывает потребности клиента/пользовтеля.
  5. Тестируем все наши MVP. Да, начальных продуктов может быть много. Обычно сегодня все эти этапы занимают год.
  6. После этого анализ и правки.
  7. Выход на рынок.
  8. Все гипотезы разбиваются о реальность. Всё потому, что нет ничего более непредсказуемого, чем человек.

Неправильный подход

  1. Полевое исследование — протестируйте гипотезу без идеи. Многие продуктовые команды делают умозаключения в офисе, но ээто ошибка. Не рассуждайте о том, как это могло бы быть. сходите и накрасьте ногти.
  2. Выпишите базис. Это минимальный набор функций, без которого продукт не cможет функционировать. Например, приложение для заказа такси не сможет работать без карты и кнопки «Заказать».
  3. Сгенерируйте 1000 улучшений. Что ещё можно добавить в ваш продукт? Как можно будет его развивать? Чем больше поле идей, тем круче. Плюс это весело :-) Но большинство продуктовых команд не умеют штормить. Нужно не стопарить друг друга, а поддерживать и раскачивать идеи сотрудников. Не давить, не глушить, не критиковать, не говорить, что это невозможно. Если даже идея кажется бредом, время покажет, так ли это.
  4. Отфильтруйте идеи. Задайте несколбько параметров, по которым эти идеи можно рассортировать. Насколько эта идея сложна в реализации? Что она нам даст? Как она увеличит монетизацию? Какой эффект эта идея вызовет у пользователей?
  5. Запускайте продукт маленькими стримами. Лучше 40 маленьких функций, чем одна крупная. Запускайте продукт по частям, маленькими порциями.
  6. Не цепляйтесь за изначальную идею. Если вы поняли, что изначальная идея — говно, не бойтесь её бросить или перепридумать. Не нужно лить слёзы о том, «как много сил мы вложили в этот продукт». Не бойтесь ошибаться и признавать ошибки. Это помогает идти дальше и стать ещё круче.

Выводы о продуктовой разработке от Дениса Мосина

  1. Если есть возможность сделать неправильно, попробуйте. Пойдите путём, которым никто не ходил.
  2. Нет единственно правильного ответа. Есть более правильный и менее правильный. Нас учат в школе, что в конце учебника есть праильные ответы, но в жизни всё не так.
  3. Люди не знают, что им нужно, но это не значит, что они идиоты. Потребитель не дурак. Ему просто нужно показать преимущество, не нужно разжёвывать. Если что-то неясно, они вас спросят.
  4. Сделайте так, чтобы было удобно вам. Если будет удобно вам, будет удобно и 99% других людей.
  5. Не работайте с идиотами, теми, кто говорит: «Мне не нравится». Нужно задавать вопрос, а что конкретно не нравится.

Денис Машаров, Paratype

Рассказывал, как правильно играть шрифтами.

  1. Первое же правило: нужно играть прописными и заглавными. То есть минискулами и маюскулами.
  2. Аппертура — степень открытости шрифта. Бывает открытая, закрытая и полуоткрытая. Лучший пример, на котором изучать аппертуру — буква «с». Аппертура не проход между засечками (очко), это про овальные литеры.
  3. Серифы — шрифты с засечками. Сан-серифы — шрифты без засечек. Они бывают контрастные и неконтрастные. Контрастность не то же самое, что и насыщенность. Раньше насыщенные и контрастные шрифты были отдельными начертаниями, их объединили только в конце 19 века. Бывают ещё среднеконтрастные шрифты с засечками — ионические.
  4. Каллиграфия отличается от рисования. В каллиграфии важна мелкая моторика руки — дукт.
  5. Дуктальные шрифты — антиквы и все шрифты, в которых при движении широконечным пером вниз получаются наиболее толстые линии, а вверх — более тонкие.
  6. Глиптальные шрифты — шрифты, которые появились в результате развития технологий. Их проектируют, конструируют, вырезают, рисуют через трафарет и т. д.
  7. Прописные буквы появились из строчных, потому что людям хотелось писать быстрее.
  8. На разнице между Caslon, Ladoga и Zagolovochnaya я сломался. Денис Машаров ушёл в такую высь, которую мой мозг не в силах постичь и осознать. По крайней мере пока.

Андрей Кожанов, Высшая школа брендинга

Дальше конспектировать я не мог. Выручил Никита Ларионов, он записал всё в своём Телеграм-канале.

  1. В брендинге ты в первую очередь формируешь смысл. Брендинг — это перевод смыслов в точный образ.
  2. Алгоритм проектирования брена — это базовый скелет. Дизайнер должен включаться в создание бренда на всех этапах проектирования.
  3. Гипотеза позиционирования — метафора — позиционирование.
  4. Метафора — высшая степень подготовки, но она сложна для начинающих. Метафоре нельзя научить, ей можно только научиться.
  5. Важно понимать, какие смыслы хочет заложить в бренд бизнес. Лучше всего прописать его в одном предложении и превратить в бренд через средства образной выразительности.

Артур Арсёнов, основатель и арт-директор студии Looi

  1. Термин «продуктовый дизайн» непонятен. Неясно, чем занимается продуктовый дизайнер. Нет никакой дифференциации.
  2. Эксплуатация. Нанимая продукт-дизайнера, не знаешь, что ему дать.
  3. Неадекватные метрики оценки продукта. Все продукты получаются одинаковые — банки, мессенджеры, поисковики, почтовые клиенты. В основе трактаты об эффективном дизайне, аналитика по продажам, кликам и всему такому.
  4. Продуктовый дизайн обеспечивает потребности пользователя. Дизайнер не отвечает за деньги, он превращает мысли в продукты, которыми можно пользоваться.
  5. Специализация продуктового дизайнера. Продуктовым дизайном занимаются вообще все. Может быть сильный маркетинг-дизайнер, отличный юиксер. Но нет адекватных метрик оценки дизайнера.
  6. В результате дизайнеры стали менеджерами, маркетологами, программистами. Они делают всё, что угодно кроме дизайна.
  7. Дизайнер делает из ерунды что-то рабочее. Рост дизайнера в росте объёма аудитории, которая пользуется тем, что он делает. Такой дизайнер сталкивается с миллионом задач.
  8. Подходы к дизайну в крупных корпорациях. В Мейле — дизайн специального назначения (эффективность сомнительна), Альфа-лаб расформирована, в Яндексе дизайнеров разогнали по продуктовым подразделениям, в Рамблере был дизайн-отдел, который разогнали, централизованный отдел в Сбертехе расформирован. В корпорате поняли, что дальше кормить дизайн-подразделения нельзя.
  9. Откажитесь от приставок и станьте просто дизайнерами.

О заборах и городской среде 

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

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

  1. Забор отнимает 30−40 см от ширины тротуара.
  2. Забор уродлив и не несёт никакой эстетической функции. Тем более никак не вяжется с концепция экопарка, вокруг которого этот забор поставили.
  3. Забор отрицательно влияет на самоощущение жителей. Забор — запрет, преграда, ограничение. Нет забора — свобода, доверие, осознанность.
  4. В случае ДТП, забор не защитит пешеходов от машины или автобуса, заехавших на тротуар, а скорее нанесёт больше увечий и травм. Тем более, забор не защитит от перехода дороги в неположенном месте: люди будут просто через него перелезать.
  5. Забор — это бессмысленные траты бюджета, которые стоило направить на элементарное благоустройство городского пространства: посадить деревья, поставить детские площадки, беседки, скамейки — сделать город доступным для людей. Тёплый сезон в Тюмени длится всего 3−4 месяца. это единственное время, когда можно проводить время на улице, а не в помещении.

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