Первое впечатление о продукте складывается через дизайн. Его основная задача – донести ценность предложения до нужной аудитории, предвосхитить возможные вопросы, ответить на потребности людей и говорить с ними на понятном языке.
Однако завоевать внимание – это первый шаг. Следующий – удержать интерес и помочь посетителю без затруднений оформить заказ или оставить заявку. Например, сайт может привлечь потенциального клиента, но если тот не сможет быстро найти нужную информацию и понять, как купить товар, коммуникация оборвется до принятия решения. В результате человек уйдет, а бизнес потеряет клиента.
Хороший дизайн помогает бизнесу достигать своих целей, плохой же этому препятствует.
Главное о хорошем и плохом дизайне:
- Хороший, продающий дизайн выгоден бизнесу, так как помогает человеку быстро и без ошибок достичь цели.
- В основе качественного визуала лежит эмпатия: понимание потребностей, привычек и ограничений пользователя.
- Красота и эстетика не могут компенсировать неудобство, нечитаемый текст и непонятную логику взаимодействия.
В материале разберем пять признаков плохого дизайна на известных примерах и покажем, как вовремя заметить проблему и исправить ее. А также отдельно рассмотрим случаи, когда «плохой» дизайн оказывается осознанным художественным приемом.
Важно объективно оценивать свои работы и принимать решения более обоснованно – этому и посвящена статья.
Что такое плохой дизайн – и почему дело не только во вкусе
Плохим дизайном можно считать решения, которые не помогают потребителю решить основную задачу (например, найти нужную информацию или оформить заказ). Подобные проблемы встречаются в интерфейсах, упаковке, рекламе, печатных изданиях, инфографике и фирменном стиле. Как это проявляется? Например, кнопка «Купить» сливается с фоном, условия доставки скрыты, инструкция напечатана мелким шрифтом.
Объединяет такие решения то, что они могут быстро терять актуальность, не соответствовать ценностям компании, отвлекать от преимуществ продукта и создавать неверное представление о бренде.
Вкус субъективен, и потому личное впечатление не может быть единственным критерием для оценки качества. Эффективность решения можно проверить: человек либо понимает продукт и достигает цели, либо сталкивается с препятствиями и уходит к конкурентам. О том, почему дизайн может быть плохим, поговорим далее.
Как плохой дизайн влияет на бизнес: пример Tropicana
Влияние дизайна на бизнес по-настоящему велико, и обновления не всегда приводят к положительным результатам. Показательный пример – неудачный редизайн упаковки Tropicana.
Компания обновила оформление апельсинового сока в 2009 году. К тому моменту линейка Pure Premium существовала уже более полувека, а изображение апельсина с полосатой трубочкой стало символом бренда. Однако компания Tropicana решила обновить дизайн и заменила привычный образ фотографией стакана с соком. Упаковка действительно стала современнее, но визуальный ориентир, по которому покупатели узнавали товар на полке, исчез.
Это отразилось на коммерческих показателях. С 1 января по 22 февраля продажи Tropicana Pure Premium снизились на 20% по сравнению с тем же периодом предыдущего года. Менее чем через два месяца компания решила вернуть прежнее оформление.
Вывод прост: обновляя фирменный стиль, дизайнер должен сохранить связь с привычным образом бренда. Иначе современное решение может затруднить выбор и привести к снижению продаж.
5 признаков плохого дизайна: где чаще всего ошибаются
Плохой дизайн не всегда выглядит небрежно или устаревшим. Он может быть современным и привлекательным, но не эстетикой определяется качество. Главное в дизайне – его польза для потенциального клиента и бизнеса.
Эта мысль была сформулирована еще в 1970-х годах: согласно 10 принципам Дитера Рамса, хороший дизайн должен быть полезным, понятным, честным, долговечным и продуманным до мелочей. Плохой визуал же, напротив, нарушает один или несколько из этих принципов.
Вот пять основных признаков, по которым можно обнаружить проблему. Их можно использовать как чек-лист для проверки собственной работы: соответствует ли она потребностям аудитории и задачам бренда.
Дизайн не учитывает потребности человека
Дизайн – это прежде всего работа с потребностями аудитории. Потому важно понимать, кто и в каких условиях будет пользоваться продуктом, какую задачу он хочет решить и что может ему помешать. Если этого не учитывать, человеку приходится подстраиваться под чужую логику и прилагать лишние усилия, чтобы в ней разобраться. Столкнувшись с препятствиями, он может отказаться от покупки и обратиться к конкуренту, а после неудачного опыта – больше не вернуться к бренду.
Пример – упаковка стирального порошка Persil. Часть таблицы с дозировкой напечатали прямо на полосе, которую нужно оторвать, чтобы открыть коробку. В результате вместе с упаковкой пользователь выбрасывал важную часть инструкции. Судя по всему, при разработке упаковки реальный сценарий использования продукта не проверили.
Чтобы избежать подобных ошибок, дизайн нужно оценивать в контексте: как человек будет взаимодействовать с продуктом и останется ли важная информация доступной после первого использования. Инструкция и другие важные сведения (состав, предупреждения, условия хранения и сроки годности) нельзя размещать на элементах упаковки, которые повреждаются при вскрытии.
Эстетика становится важнее функции
Нередко эстетика достигается за счет решений, которые усложняют понимание/использование продукта. Когда тренды дизайна становятся важнее потребностей человека, форма начинает подавлять функцию. То есть продукт может действительно выглядеть более эффектно, но при этом дизайн будет мешать человеку сделать то, ради чего этот продукт и был создан.
Пример: так произошло после выхода iOS 7 в 2013 году. Apple радикально обновила интерфейс: объемные элементы уступили место плоской графике, тонкой типографике, ярким цветам и анимации. Система стала выглядеть легче и современнее, однако некоторые кнопки начали напоминать обычные надписи, а назначение новых иконок не всегда было очевидно. Визуальная чистота сделала интерфейс менее интуитивным.
В результате Apple пришлось доработать операционную систему: в последующих обновлениях появились дополнительные настройки анимации, контрастности и отображения кнопок. Эстетическую концепцию компания сохранила, но дала возможность пользователям самим адаптировать интерфейс под свои потребности.
osxdaily.com
Логика взаимодействия неочевидна
Дизайн – это точка соприкосновения пользователя или потребителя с продуктом, и именно поэтому каждый элемент должен подсказывать, как действовать и какого результата ожидать. В руках дизайнера находятся инструменты (цвет, форма, композиция и текст), с помощью которых можно подсказать человеку следующий шаг.
Пример: подобная проблема возникла после запуска новой функции в WhatsApp* в 2017 году – удаления сообщений у всех участников чата. Пользователю предлагали два похожих варианта: «Удалить у меня» и «Удалить у всех». Если в спешке выбрать первый, сообщение исчезало только с экрана отправителя, но оставалось у собеседника. Исправить ошибку уже не получалось, поскольку отправитель больше не видел сообщение в чате.
Компания не раскрывала, сколько пользователей столкнулось с этой проблемой, однако в 2022 году добавила отдельную функцию – Accidental Delete («Случайное удаление»). Теперь человеку дается 5 секунд, чтобы отменить удаление сообщения.
Понятная логика должна направлять пользователя, но также учитывать человеческий фактор и давать возможность исправить ошибку.
*принадлежит компании Meta, признанной экстремистской и запрещенной в РФ.
Нарушены композиция и визуальная иерархия
Дизайн строится на визуальной логике: композиция определяет, как элементы соотносятся друг с другом, а визуальная иерархия – в каком порядке человек их воспринимает. То есть задача дизайнера – выделить главные элементы с помощью размера, цветовых контрастов, расположения и интервалов. Если основы композиции нарушены, взгляду не за что зацепиться, а содержание может быть понято неверно. И в результате человек не поймет ценность предложения и уйдет, так и не совершив покупку и не оставив заявку. А бизнес потеряет потенциального клиента.
Пример: иногда одно решение может стать примером хорошего и плохого дизайна одновременно. Так произошло с обновленным логотипом Kia, представленным в 2021 году. Знак получился динамичным, современным и хорошо соответствовал новому образу автомобильного бренда. Однако буквы соединили в единую линию, из-за чего сочетание IA стало напоминать N.
И это отразилось в поисковых запросах: по данным аналитических сервисов, фразу KN car искали около 30 тысяч раз в месяц. Люди видели логотип на автомобиле, но не всегда могли определить, какой марке он принадлежит.
Вывод: выразительная композиция может привлекать внимание, но не выполнять главную задачу – быстро передавать информацию и повышать узнаваемость бренда.
Элементы не складываются в единую систему
Красота отдельных элементов не определяет красоту дизайна в целом. Элементы могут быть гармоничными по отдельности, но вместе превращаться в хаос. В результате материалы выглядят так, будто принадлежат разным компаниям, а аудитории становится сложнее узнавать бренд. Цельная система – это свод правил, формирующих фирменный стиль, и основа, на которой визуал может развиваться, сохраняя единый характер.
Важную роль в этой системе играет шрифт, ведь он тоже влияет на восприятие бренда: может сделать его образ сдержанным, технологичным, дружелюбным или провокационным. Если в разных материалах без ясной причины меняются гарнитуры, начертания и принципы набора, кажется, что компания начинает говорить разными голосами.
Пример: один из известных случаев – редизайн Gap 2010 года. Привычные белые буквы с засечками внутри синего квадрата заменили нейтральным черным шрифтом без засечек, а небольшой градиентный квадрат расположили над буквой p. Каждый элемент сам по себе выглядел современно, но вместе они не продолжали сложившийся характер бренда и воспринимались как что-то инородное. После резкой реакции аудитории Gap меньше чем через неделю вернул прежний логотип.
Любое новое решение должно становиться частью цельной системы. Без нее изменения перестают развивать стиль и начинают постепенно размывать его.
Как перестать собирать бренд по частям
Чтобы не повторять подобных ошибок – не жертвовать удобством ради эстетики, не скрывать важную информацию и не снижать узнаваемость бренда, – дизайнеру важно понимать базовые принципы, учитывать потребности аудитории и соотносить визуальные решения с задачами бизнеса. Наиболее эффективный способ получить необходимые знания и опыт – учиться под руководством опытных наставников и работать над задачами, приближенными к реальным проектам.
Именно такой подход выбрала Настасья Калинина, которая пришла в «Логомашину» уже с профильным образованием и опытом работы. В школе техническая база дополняется практикой и подробной обратной связью куратора: Настасья стала увереннее работать с референсами, типографикой и композицией. Особое внимание она уделила созданию фирменных стилей: научилась сохранять узнаваемость бренда, не ограничивая разнообразие его визуальных материалов.
Подробнее о ее пути в индустрии и проектах для научных команд NASA – в истории Настасьи Калининой.
Как исправить плохой дизайн: работа над ошибками с помощью нейросетей
Одну и ту же проблему можно решить разными способами. Качество дизайна определяется тем, насколько эффективно, гармонично и изящно это сделано. Потому начинать следует с поиска причины, по которой выбранное визуальное решение не работает.
Этот процесс можно значительно ускорить с помощью нейросетей: они помогают анализировать идеи и создавать варианты. Окончательное решение тем не менее остается за дизайнером.
- Сформулируйте задачу. Определите, какую проблему должен решать продукт и что человек должен понять или сделать. Нейросеть поможет структурировать бриф и найти в нем противоречия.
- Уточните потребности аудитории. Опишите пользователей, контекст и возможные ограничения. ИИ может предложить дополнительные сценарии, но его предположения все равно необходимо проверять.
- Найдите источник проблемы. Проверьте читаемость, композицию, визуальную иерархию, логику взаимодействия и соответствие фирменному стилю. Нейросети могут выдвинуть гипотезы, но определить настоящую причину можно только после их ручной проверки.
- Изучите удачные аналоги. ИИ поможет подобрать поисковые запросы и примеры для дальнейшего поиска собственного решения. Помните, что копировать чужие работы не следует. Задача – понять, какие принципы делают их эффективными.
- Создайте несколько вариантов. С помощью нейросетей можно быстро сгенерировать варианты композиций, цветовых сочетаний и формулировок. Чем шире выбор, тем меньше вероятность остановиться на первой очевидной идее.
- Проверьте макет в Figma. Настройте Auto Layout – функцию, которая автоматически выравнивает элементы и сохраняет заданные отступы при изменении текста или размеров фрейма. Для поиска проблем используйте ИИ-инструменты и сторонние плагины: например, Stark Sidekick для проверки контрастности и доступности, а Attention Insight – для оценки того, как распределяется внимание.
- Протестируйте результат. Покажите варианты реальным людям и получите от них обратную связь. Полностью отдавать тестирование нейросетям – ненадежный вариант: модель может смоделировать вероятную реакцию, но не воспроизводит реальное поведение, опыт и ограничения аудитории.
Важно: нейросеть – отличный помощник и инструмент, которым нужно уметь пользоваться. Освоить разные ИИ-инструменты и научиться применять их в реальных проектах можно на курсе «Нейросети для дизайнеров». В программе – более 30 ИИ-инструментов, работа над фирменным стилем, графикой и видео, практика и поддержка наставников.
Когда плохой дизайн может быть хорошим
Провокационное заявление: даже самые плохие дизайны могут оказаться хорошими. Иногда автор намеренно нарушает правила, чтобы вызвать дискомфорт или выразить протест. Это стоит считать художественным приемом, который используют для привлечения внимания к продукту.
Прием не нов. Дадаисты, в том числе Марсель Дюшан, использовали абсурд, случайность и обыденные предметы, чтобы поставить под сомнение само представление об искусстве. Бруталисты отказались от декоративности в пользу грубости, а в 1970-х художник Джейми Рид создал для Sex Pistols провокационный «антистиль» с вырезанными буквами и коллажами, который точно передавал идеологию панка.
Нарушение правил может быть оправданным, если:
- автор делает это осознанно и способен объяснить цель;
- выбранный прием усиливает идею и соответствует аудитории;
- основная функция продукта сохраняется;
- решение не создает опасности и не исключает часть пользователей.
Например, намеренно усложненная типографика на плакате может превратить чтение в часть художественного опыта. Но тот же прием будет неуместен в инструкции к лекарству, на дорожном указателе или кнопке экстренного вызова. Нарушать правила нужно уметь: это искусство. Иначе есть риск создать действительно плохой и бесполезный продукт.
weltformat graphic design festival 2023; The 6th Chinese Character Festival, Taiwan
Чтобы нарушать правила, сначала нужно их освоить
В основе смелых приемов – понимание принципов дизайна. Дизайнеру важно знать, как работают композиция, цвет, типографика и визуальная иерархия, и только тогда он сможет осознанно отступать от правил и при этом сохранять смысл и функцию продукта.
Получить системные знания и подготовиться к работе в индустрии можно на курсе «Графический дизайнер» от дизайн-студии «Логомашина». Обучение проходит дистанционно, а сложность заданий можно выбирать с учетом своего уровня, целей и свободного времени. Студенты работают над практическими проектами и получают подробные видеоразборы от кураторов, практикующих дизайнеров.
Во время обучения студентам доступны:
- поддержка кураторов и обратная связь по проектам;
- сообщество для общения, обмена опытом и совместного развития;
- помощь карьерного центра с портфолио, резюме, тестовыми заданиями и подготовкой к собеседованиям (на отдельных тарифах);
- опыт командной работы над проектами реальных заказчиков;
- лучшие студенты могут получить приглашение на стажировку или практику в дизайн-студию.
Не бойтесь ошибок – учитесь их замечать
Ошибки – естественная часть работы. Не нужно стремиться избежать их любой ценой. Главное – уметь вовремя находить причину проблемы, проверять решение на практике и использовать полученный опыт в следующих проектах.
Основные выводы:
- Начинайте с потребностей аудитории: определите ее запросы, а затем подберите визуальные средства, которые помогут на них ответить. Таким образом ценность предложения становится более понятной, а бизнесу проще привлечь нужную аудиторию.
- Взаимодействие с продуктом должно быть понятным, интуитивным. Используйте выразительные приемы только в том случае, если они не мешают оформить заявку или совершить покупку: пользователь должен достичь цели без лишних усилий, а компания – не потерять клиента.
- Каждый элемент должен подсказывать человеку, что делать дальше и какого результата ожидать. Когда результат каждого действия понятен, человеку проще двигаться дальше и принимать решение.
- Расставляйте визуальные акценты так, чтобы главное предложение и целевое действие можно было заметить сразу. Это упрощает выбор для человека и помогает бизнесу повышать конверсию.
- Выстраивайте цельную визуальную систему, которая поддерживает узнаваемость компании. Аудитории будет проще идентифицировать бренд, а бизнесу – сформировать устойчивый образ.
- Научим создавать логотипы, дизайн упаковки, фирменный стиль, рекламные баннеры, айдентику
- Дадим безлимитную обратную связь по учебным и реальным проектам
- Подарим 2 курса: нейросети и английский для дизайнеров
Краткое содержание
Что считается плохим дизайном?
Это решение, которое мешает человеку выполнить задачу: найти информацию, прочитать сообщение, оформить заказ или правильно воспользоваться вещью. Плохой графический дизайн может выглядеть современно, но оставаться непонятным и неудобным.
По каким признакам можно распознать ошибку?
Основные признаки – игнорирование потребностей аудитории, преобладание формы над функцией, неочевидная логика, нарушенная визуальная иерархия и отсутствие цельной системы.
Всегда ли качество зависит от вкуса?
Нет. Вкусы субъективны, но эффективность можно проверить: понятно ли человеку сообщение, замечает ли он главное и может ли без лишних усилий выполнить нужное действие.
Как исправить неудачное решение?
Необходимо определить задачу, изучить потребности аудитории, найти источник проблемы, подготовить несколько вариантов и протестировать их на реальных людях.
Можно ли использовать нейросети для работы над ошибками?
Да. ИИ помогает анализировать идеи, искать возможные недостатки и предлагать варианты. Однако оценивать результат и принимать окончательное решение должен специалист.
Может ли плохой дизайн быть хорошим?
Да, если нарушение правил осознанно, поддерживает идею и не препятствует основной функции. В искусстве и рекламе визуальный шум или нарочитая неправильность могут использоваться как художественный прием.
