Хороший дизайнер и компромиссы
Я всегда говорю, что любой дизайн, который сложнее дизайна визитки, постоянно нуждается в компромиссных решениях.
А если по правде, то это никакие не компромиссы, а скорее неизбежное посылание в жопу. Либо послать в жопу пользователя (сделать сокращение текста, чтобы уместить в 1 строку), либо послать в жопу разработчика (заставить его пилить дополнительную верстку еще полтора часа), либо послать в жопу заказчика (сказать, что такой текст сюда не войдет, пусть переписывает).
Главное умение хорошего дизайнера — выдать такое решение, при котором никого в жопу посылать не нужно. Ну или пойти в жопу самому и молча переделать макет.
#дизайн
Я всегда говорю, что любой дизайн, который сложнее дизайна визитки, постоянно нуждается в компромиссных решениях.
А если по правде, то это никакие не компромиссы, а скорее неизбежное посылание в жопу. Либо послать в жопу пользователя (сделать сокращение текста, чтобы уместить в 1 строку), либо послать в жопу разработчика (заставить его пилить дополнительную верстку еще полтора часа), либо послать в жопу заказчика (сказать, что такой текст сюда не войдет, пусть переписывает).
Главное умение хорошего дизайнера — выдать такое решение, при котором никого в жопу посылать не нужно. Ну или пойти в жопу самому и молча переделать макет.
#дизайн
This media is not supported in your browser
VIEW IN TELEGRAM
Пишите как говорите
Юикс-копирайтинг для ленивых: попробуйте писать теми же формулировками, которыми обсуждаете задачу на рабочих созвонах.
Если внутри команды вы говорите: «Получить галочку», то почему пользователи должны «Верифицировать аккаунт»? Они такие же люди и говорят на том же языке. Курсовые работы давно позади, можно расслабиться.
Кто с ходу объяснит разницу между «Авторизацией», «Аутентификацией» и «Идентификацией», не подглядывая в гугле? Может проще будет «Войти по телефону»?
Я уже молчу про «ошибки сервера», «превышено время ожидания запроса» и прочий язык роботов. Для нормального человека это «чёт не загружается...».
Давайте быть проще с людьми, короче.
Блеск ✨ #дизайн
Юикс-копирайтинг для ленивых: попробуйте писать теми же формулировками, которыми обсуждаете задачу на рабочих созвонах.
Если внутри команды вы говорите: «Получить галочку», то почему пользователи должны «Верифицировать аккаунт»? Они такие же люди и говорят на том же языке. Курсовые работы давно позади, можно расслабиться.
Кто с ходу объяснит разницу между «Авторизацией», «Аутентификацией» и «Идентификацией», не подглядывая в гугле? Может проще будет «Войти по телефону»?
Я уже молчу про «ошибки сервера», «превышено время ожидания запроса» и прочий язык роботов. Для нормального человека это «чёт не загружается...».
Давайте быть проще с людьми, короче.
Блеск ✨ #дизайн
Про концепты
«Ты никогда ничего не изменишь, если будешь бороться с существующей реальностью.
Если хочешь что-то изменить, создай новую модель, чтобы старая просто устарела.»
© Бакминстер Фуллер
Что мы понимаем под словом «концепт»? Зачем нужны концепты? Что делает концепт хорошим, и что им точно не является?
Наткнулся на замечательную статью в дизайнерском журнале DOC. Материал про роль абстракций и сторителлинга в формированни нашего представления о мире.
Читается быстро, картинок много, цитаты хоть все в заметки переписывай:
«Список требований — не дизайн, а прямая дорожка к посредственности».
🔗 https://www.doc.cc/articles/concept
Блеск ✨ #дизайн
«Ты никогда ничего не изменишь, если будешь бороться с существующей реальностью.
Если хочешь что-то изменить, создай новую модель, чтобы старая просто устарела.»
© Бакминстер Фуллер
Что мы понимаем под словом «концепт»? Зачем нужны концепты? Что делает концепт хорошим, и что им точно не является?
Наткнулся на замечательную статью в дизайнерском журнале DOC. Материал про роль абстракций и сторителлинга в формированни нашего представления о мире.
Читается быстро, картинок много, цитаты хоть все в заметки переписывай:
«Список требований — не дизайн, а прямая дорожка к посредственности».
🔗 https://www.doc.cc/articles/concept
Блеск ✨ #дизайн
www.doc.cc
Concept
On finding the essence of your thinking.
Чёлки — отстой
Дизайнеры обожают натягивать свои макеты на мокапы айфончиков с характерными чёлочками. Призываю остановиться.
Во-первых, 70% людей пользуется андроидами.
Во-вторых, вы презентуете дизайн-решение, рассказываете историю, флексите визуальной эстетикой. Детали телефона отвлекают от непосредственно дизайна.
В-третьих, ваши кейсы раз в год превращаются в тыкву. Мокапы двенадцатого айфона уже ощущаются как нафталин, а про десятку вообще молчу.
Предлагаю использовать дженерик телефон без явных признаков какой-либо модели. Попробуйте Rotato, там есть.
Блеск ✨ #дизайн
Дизайнеры обожают натягивать свои макеты на мокапы айфончиков с характерными чёлочками. Призываю остановиться.
Во-первых, 70% людей пользуется андроидами.
Во-вторых, вы презентуете дизайн-решение, рассказываете историю, флексите визуальной эстетикой. Детали телефона отвлекают от непосредственно дизайна.
В-третьих, ваши кейсы раз в год превращаются в тыкву. Мокапы двенадцатого айфона уже ощущаются как нафталин, а про десятку вообще молчу.
Предлагаю использовать дженерик телефон без явных признаков какой-либо модели. Попробуйте Rotato, там есть.
Блеск ✨ #дизайн
Как понять, что ты миддл
Оценить свой дизайнерский уровень можно по правкам от наставника.
Джунам дизайн-лиды дают детальный и нежный фидбэк. Маленькому дизайнеру нужно однозначно понять правки и не расплакаться.
🤱 «Попробуй взять другой шрифт. Интер подойдёт»
🤱 «Может добавим здесь градиент на фон?»
🤱 «Давай сделаем иконку побольше»
Зрелый дизайнер поймёт общее настроение и подберёт нужные приёмы сам.
😕 «Чёт без настроения»
💰 «Хочется премиальности...»
😵💫 «Нихрена не понятно»
Блеск ✨ #дизайн
Оценить свой дизайнерский уровень можно по правкам от наставника.
Джунам дизайн-лиды дают детальный и нежный фидбэк. Маленькому дизайнеру нужно однозначно понять правки и не расплакаться.
🤱 «Попробуй взять другой шрифт. Интер подойдёт»
🤱 «Может добавим здесь градиент на фон?»
🤱 «Давай сделаем иконку побольше»
Зрелый дизайнер поймёт общее настроение и подберёт нужные приёмы сам.
😕 «Чёт без настроения»
💰 «Хочется премиальности...»
😵💫 «Нихрена не понятно»
Блеск ✨ #дизайн
Почему я делаю дизайн
Бесконечные созвоны и правки превращают работу в безрадостную рутину. Порой уже и не помнишь, зачем открываешь Фигму.
Когда видишь свой дизайн в деле, все сомнения рассеиваются. Сотни тысяч людей каждый день тыкают на кнопочки, которые ты нарисовал — ну разве не магия?
На фото: киоски самообслуживания Бургер Кинга. Над ними я работал пол года примерно.
Блеск ✨ #дизайн
Бесконечные созвоны и правки превращают работу в безрадостную рутину. Порой уже и не помнишь, зачем открываешь Фигму.
Когда видишь свой дизайн в деле, все сомнения рассеиваются. Сотни тысяч людей каждый день тыкают на кнопочки, которые ты нарисовал — ну разве не магия?
На фото: киоски самообслуживания Бургер Кинга. Над ними я работал пол года примерно.
Блеск ✨ #дизайн
Формула быстрорастворимого креатива
Лебедев ещё в 2000 году ругался на дизайнеров, которые используют стоковые картинки для рекламных креативов.
Появились нейросети, и «быстрорастворимый креатив» приобрёл новый масштаб. Дешёвые стоковые изображения сменились пластиковыми картинками из Миджорни.
Придумал принцип:
Не использовать генеративные картинки для изображения конкретных объектов.
Примеры:
— Новость про конкретный банк иллюстрируем реальной фотографией их офиса, а новость про банковскую сферу можно приправить сгенерированной картинкой.
— Конкретное блюдо в реальном ресторане нужно сфотографировать. Абстрактную похлёбку для компьютерной игры можно нагенерить.
— Продаём букеты — фото обязательно. Делаем открытку к 8 марта — генеративные розы сойдут.
На фото: меню ресторана «Иль Патио» — образец безразличия.
Блеск ✨ #дизайн
Лебедев ещё в 2000 году ругался на дизайнеров, которые используют стоковые картинки для рекламных креативов.
Появились нейросети, и «быстрорастворимый креатив» приобрёл новый масштаб. Дешёвые стоковые изображения сменились пластиковыми картинками из Миджорни.
Придумал принцип:
Не использовать генеративные картинки для изображения конкретных объектов.
Примеры:
— Новость про конкретный банк иллюстрируем реальной фотографией их офиса, а новость про банковскую сферу можно приправить сгенерированной картинкой.
— Конкретное блюдо в реальном ресторане нужно сфотографировать. Абстрактную похлёбку для компьютерной игры можно нагенерить.
— Продаём букеты — фото обязательно. Делаем открытку к 8 марта — генеративные розы сойдут.
На фото: меню ресторана «Иль Патио» — образец безразличия.
Блеск ✨ #дизайн
Игра в долгую
Если бы я мог сделать только одну татуировку с умной цитатой, то набил бы эту:
«Качественные вещи не делаются быстро.»
Работает принцип в любой сфере — от поиска квартиры до похудения.
Проекты длительностью в год приводят юных дизайнеров в ужас. Хочется регулярно пулять красивые картинки в портфолио, а тут такой долгострой с туманными перспективами.
Хочу заверить, длительные муторные проекты окупаются. По большим работам вас будут узнавать в индустрии.
«Это тот чувак, который сделал схему московского метро»
звучит сильнее, чем
«Он сделал 10 логотипов и 4 лендинга».
Хороших мыслителей мы помним по одной грандиозной работе:
— Фрейда по психоанализу,
— Эдисона по лампочке,
— Пифагора по треугольнику,
— Хрущёва по хрущёвкам (или по кукурузе).
Если к вам пришел проект с релизом через год, радуйтесь. Будет, что рассказать на собеседовании.
Блеск ✨ #дизайн
Если бы я мог сделать только одну татуировку с умной цитатой, то набил бы эту:
«Качественные вещи не делаются быстро.»
Работает принцип в любой сфере — от поиска квартиры до похудения.
Проекты длительностью в год приводят юных дизайнеров в ужас. Хочется регулярно пулять красивые картинки в портфолио, а тут такой долгострой с туманными перспективами.
Хочу заверить, длительные муторные проекты окупаются. По большим работам вас будут узнавать в индустрии.
«Это тот чувак, который сделал схему московского метро»
звучит сильнее, чем
«Он сделал 10 логотипов и 4 лендинга».
Хороших мыслителей мы помним по одной грандиозной работе:
— Фрейда по психоанализу,
— Эдисона по лампочке,
— Пифагора по треугольнику,
— Хрущёва по хрущёвкам (или по кукурузе).
Если к вам пришел проект с релизом через год, радуйтесь. Будет, что рассказать на собеседовании.
Блеск ✨ #дизайн
Перебор вариантов
Когда вижу, как продуктовые команды хвастаются числом А/Б-тестов, сразу вспоминаю фразу математика Альфреда Н. Уайтхеда:
«Прелесть мышления в том, что вместо вас умирают ваши идеи»
Перевожу на продуктовый язык:
«Не надо тратить ресурсы на тестирование плохих вариантов.»
100 параллельных А/Б-тестов выглядят внушительно. Команда как будто бы не зря ест свой хлеб. Но иногда нужен смелый дизайнер, который поднимет голову и скажет:
—Это же хрень какая-то. Зачем это тестировать?
На картинке: старая добрая галочка, которая включает обрезку контента, и провалившиеся её альтернативы из последнего обновления Фигмы. Кажется, тесты были избыточными.
Блеск ✨ #дизайн
Когда вижу, как продуктовые команды хвастаются числом А/Б-тестов, сразу вспоминаю фразу математика Альфреда Н. Уайтхеда:
«Прелесть мышления в том, что вместо вас умирают ваши идеи»
Перевожу на продуктовый язык:
«Не надо тратить ресурсы на тестирование плохих вариантов.»
100 параллельных А/Б-тестов выглядят внушительно. Команда как будто бы не зря ест свой хлеб. Но иногда нужен смелый дизайнер, который поднимет голову и скажет:
—Это же хрень какая-то. Зачем это тестировать?
На картинке: старая добрая галочка, которая включает обрезку контента, и провалившиеся её альтернативы из последнего обновления Фигмы. Кажется, тесты были избыточными.
Блеск ✨ #дизайн
Перенос функции
Представьте Устройство, которое состоит из двух деталей. Деталь А максимально оптимизирована — у неё минимальный размер, эргономичная форма и так далее. Деталь Б так же улучшена до предела.
Нашей дизайн-команде ставят задачу: «Упростить, облегчить и уменьшить Устройство».
Мы годами полировали обе детали, оптимизировали каждый миллиметр, выгорели и сломали мозг. Дальнейшее улучшение кажется невозможным.
Решение: заставить деталь А выполнять функции детали Б.
«Перенос функции» лежит в основе ТРИЗ — «Теории решения изобретательских задач».
Примеры деталей Б из реальной жизни:
— Проводная гарнитура наушников Эпл.
— Клавиатура мобильного телефона.
— Перематывающий плёнку рычажок на фотоаппарате.
— Ручки дверей супермаркета.
— Дисковод ноутбука...
Идеальное устройство — это когда объекта нет, а функция выполняется. Подумайте об этом, когда в следующий раз упрётесь в тупик.
Блеск ✨ #дизайн
Представьте Устройство, которое состоит из двух деталей. Деталь А максимально оптимизирована — у неё минимальный размер, эргономичная форма и так далее. Деталь Б так же улучшена до предела.
Нашей дизайн-команде ставят задачу: «Упростить, облегчить и уменьшить Устройство».
Мы годами полировали обе детали, оптимизировали каждый миллиметр, выгорели и сломали мозг. Дальнейшее улучшение кажется невозможным.
Решение: заставить деталь А выполнять функции детали Б.
«Перенос функции» лежит в основе ТРИЗ — «Теории решения изобретательских задач».
Примеры деталей Б из реальной жизни:
— Проводная гарнитура наушников Эпл.
— Клавиатура мобильного телефона.
— Перематывающий плёнку рычажок на фотоаппарате.
— Ручки дверей супермаркета.
— Дисковод ноутбука...
Идеальное устройство — это когда объекта нет, а функция выполняется. Подумайте об этом, когда в следующий раз упрётесь в тупик.
Блеск ✨ #дизайн