0:00 Привет, дизайнеры мои!
0:01 В этом подкасте я хочу с вами разобрать такую тему как продающий дизайн.
0:05 Дизайн продающих сайтов в частности.
0:07 Я уверен, что многие из вас видели.
0:08 У коллег по цеху, может быть, даже сами кто-то писали в статусах или в описании профиля.
0:13 Делаю дизайн продающих сайтов или дизайн продающих групп, дизайн продающих соцсетей, чего бы то ни было.
0:19 Вот это вот слово продающие я часто вижу у фрилансеров и недавно решил у подписчиков своих спросить, как они считают, как вы считаете, что это под собой подразумевает?
0:28 И большинство ответов крутились около нескольких версий.
0:31 Например, это такой дизайн, который ведет к совершению покупки на сайте.
0:35 Или это такой дизайн, который притягивает внимание.
0:38 Интересный цепляющий дизайн, или такой дизайн, когда хочется сразу прям купить.
0:43 И тут вроде бы не поспоришь с одной стороны, а с другой стороны, не кажется ли вам, что вот есть какой-то в этом подвох, да?
0:49 Как будто бы дизайн, такая штука магическая, которую Хоббана применил, и покупка сразу совершилась.
0:55 Вот у меня было сразу такое вот ощущение, всегда перманентное, что вот что-то в этом дело неладное.
1:00 И оно подкреплялось еще, знаете, тем, что когда вспоминаешь а на каких сайтах покупаешь ты, то чаще всего-то оказывается, что это самые обычные сайты, без какого-то вау-дизайна, ни креативные, ни сочные, ни сайты фестивальные с Эварс, которые мы смотрим для насмотренности.
1:15 Поэтому вот в этом подкасте я хочу посмотреть на вопрос продающего дизайна, продающих сайтов, немного с другой стороны.
1:22 Возможно, не с самой популярной стороны, но, как мне кажется, с достаточно такой объективной.
1:27 И вот давайте мы с вами начнем с интерактивчика такого.
1:30 Я сейчас буду описывать ситуацию, а вы ее попытаетесь максимально представить.
1:33 Человек ищет какую-нибудь подушку, ортопедическую хитрую подушку.
1:37 Он находит сайт, на котором есть этот товар - единственный такой одностраничный сайт, на котором продаются эти подушки.
1:43 Он простой - местами такойй грязноваты, градиенты - там из зеленого в красный, который посередине дают грязный оттенок, местами шумный.
1:50 Ну, если его оценивать - он такой вот на троечку.
1:53 Но там все грамотно расписано: ты читаешь описание товара, читаешь - вот как он применяется, для кого он сделан, какие у него там есть преимущества, какая там хитрая система.
2:02 Ты читаешь и узнаешь в этих текстах свою ситуацию.
2:05 Как будто про тебя писали: да, что просыпаешься, у тебя там поясница болит, или вот под конец дня уже шея болит, и ты узнаешь себя в этих текстах просто-напросто, без официальщины, без каких-то канцелярских хитрых оборотов, читаешь и вот просто как будто бы с другом говоришь - на понятном тебе языке: дизайна как такового нет, фотографии - ну, как фотографии, ничего особенного, но доверие появилось.
2:26 Ты долистываешь до конца, находишь там форму заявки, оставляешь заявку, оплачиваешь.
2:31 И вот давайте мы с вами ответим на три вопроса: вот в такой гипотетической ситуации, помог ли в этом дизайн, чтобы человек оставил заявку?
2:38 Ну, по мне, так не особо.
2:39 Препятствовал ли этому дизайн, тому, чтобы человек оставил заявку?
2:43 А части да, потому что было шумно, потому что был вот такой вот визуальный перегруз местами, которые мы описали в начале.
2:48 И третий вопрос: стал ли человек покупателем в итоге?
2:52 Да, стал, потому что он проникся, потому что он узнал себя в текстах на этом сайте, и у него быстро создалось доверие, собственно, представьте другую ситуацию: лендинг для детского питания или интернет-магазин для детского питания, неважно.
3:05 На сайте рассказывают о том, какое питание клевое.
3:08 Там нет ГМО, там нет красителей, чего там еще, глютена, чем еще пугают людей.
3:12 Вот этого всего плохого ничего нет.
3:14 Там так классно все описано, что аж сам хочешь питаться именно такими продуктами, а не тем, что ты кушаешь обычно.
3:20 В общем, текста тоже все на ура, прям сделаны, каждый родитель читает и доверяет этому тексту.
3:26 Дизайн легкий, при всем при этом, чистенький, воздушный, максимально подкрепляет всю эту тематику, акценты проработаны, там иерархия, внутренняя, внешняя - все дела короче, прям конфеткой, дизайны и тексты, но вместо чистых обтравленных фотографий баночек на сайте такие фотографии.
3:44 Вот представьте, что человек прокрался ночью на склад и со вспышкой телефона сфотографировал на грязных палетах с вот этой производственной пылью, замотанной в полиэтилен, вот эти вот баночки.
3:56 И ни один родитель в здравом уме не захочет кормить своего ребенка вот таким продуктом, который представляется вот именно в таком грязном, неопрятом, неэстетичном виде.
4:05 То есть это сразу максимально отталкивает.
4:08 Вот эти фотографии отталкивают сильнее, нежели притягивает все остальное.
4:12 То есть, дизайн и тексты.
4:13 В итоге человек уходит, потому что он адекватный.
4:16 Помог ли дизайн купить тут?
4:17 Нет, не помог, не выгреб, человек ушел.
4:20 Препятствовал ли этому дизайн?
4:22 Нет, все было эстетично, все было хорошо.
4:24 Стал ли человек в итоге покупателем?
4:27 Фотографии товара поспособствовали тому, чтобы человек ушел с этого сайта.
4:32 Трети пример даже представлять не надо: вот зайдите на сайт плеер.ру.
4:36 Это интернет-магазин электроники и всяких товаров для дома, которые существуют уже фиг знает сколько времени.
4:41 Возможно, вы там что-нибудь даже покупали.
4:43 И при текущем дизайне, когда вы зайдете куда-нибудь, вы в одном экране увидите, как минимум, наверняка, кнопок 5 равносильных, разных, а то и больше.
4:52 Они все цветные, они все борются за ваше внимание.
4:55 Причем там не только кнопки так себя ведут, там каждый элемент спорит с другими соседними элементами, все борются за внимание с другими.
5:02 Как будто бы знаете, такой вот принцип там лежит в основе: кто кого переорет.
5:06 Желтые, красные, бордовые кнопки и подложки.
5:09 Баннеры моргают, слайдеры листаются, листаются сами по себе.
5:12 Цветной текст, цветные подложки - вообще все цветное.
5:15 Я зашел на страницу товара гриль и там насчитал 8 разных активных цветов - 8, представляете, в рамках одного товара.
5:23 Хотя можно было, я всегда ученикам говорю, что одним цветом можно обойтись вообще за глаза.
5:28 Ну, максимум 2, а тут их целых 8.
5:30 Короче, я думаю, вы поняли, да?
5:32 Дизайн - прям как мы любим.
5:33 Что касается там текстов фотографий, они самые обычные.
5:36 Такие, которые обычно используют в интернет-магазинах.
5:38 Ничего особенного, просто нормальные, просто хорошие.
5:41 Но тут есть один нюанс: вот при всем при этом: если верить в Ворб, то у этого магазина, у плеер.ру, миллиардные обороты и миллиардная выручка - то есть, люди там покупают и покупают вполне себе очень активно при таком вот великолепном дизайне, но у этого сайта есть другая отличительная особенность, которая способствует: это низкие цены.
6:01 Я не знаю, как они это делают, но у них ценник обычно сильно ниже по рынку, нежели у конкурентов, у крупных сетей.
6:07 И вот давайте ответим на те же вопросы: на те три: помогает ли дизайн купить?
6:11 Нет, он всеми силами наоборот не помогает.
6:13 Там когнитивная нагрузка такая, как будто вы впервые сели там за какой-то космический аппарат.
6:18 Фиг, разберешься, что, как, чем управлять, и так далее.
6:21 Препятствует ли этому дизайн?
6:24 Стал ли человек покупателем?
6:25 Да, становится, потому что мотивация купить по выгодной цене перевешивает все вот это вот остальное, что мы с вами перечислили.
6:32 И получается, что вот мы с вами сейчас разобрали три отдельных примера, в которых, может быть, даже кто-то себя узнал.
6:38 И если их объединить, то получится так, что дизайн не всегда первичен в продажах, замечаете?
6:43 Он при делах, он важен, но как будто бы как-то чуть-чуть по-другому.
6:48 Вот тексты, в которых человек себя узнает: свою боль, свой запрос, свою ситуацию - это 100% фактор.
6:54 Нормальные фотографии в хорошем качестве, причем независимое от того, это товар или услуга, тоже 100% решает.
7:00 Адекватное торговое предложение для конкретной аудитории - тоже 100% решающий фактор.
7:06 Вот эти три вещи в большинстве своем влияют на продажи напрямую, в разных пропорциях для разных людей, но влияют.
7:14 И там, где конкуренции мало, или конкуренции вообще нет, этого достаточно.
7:20 Еще раз: там, где нет конкуренции или там, где ее мало, дизайн как таковой не нужен.
7:26 Но много ли вы знаете ниш таких, где конкуренции нет или ее мало?
7:30 Вот представьте себе такую ситуацию.
7:32 Если бы в вашем городе был один единственный магазин, который продает смартфоны, айфоны, там, сяуми, неважно, смартфоны.
7:39 И этот сайт он выглядит так, там можно купить через сайт, как будто бы это табличка Эксселевская, то есть, это настолько странно, настолько без дизайна, что это просто какая-то таблица.
7:49 И выбора нет, люди бы покупали.
7:51 Вы бы сами купили, если бы это был единственный интернет-магазин в городе, где можно приобрести электронику.
7:57 А оффлайн-магазины, допустим, мы исключаем вообще, их не существует.
8:00 Но там, где нужно конкурировать, как раз-таки и подключается дизайн.
8:04 Он не продает в классическом смысле, но он позволяет закрыть другие задачи, которые тоже важны, когда речь идет о конкуренции.
8:12 И я вот как раз выделяю три конкретные задачи, с которыми дизайн и должен справляться: первое - это помочь читать всю информацию, а именно тексты и фотографии в нужном порядке, с нужными акцентами, в том или ином месте, да, в зависимости от того, что на этой странице важно, чтобы человек точно увидел ту информацию, которая может повлиять на принятие его решения.
8:32 Или та, которая для него критично максимально важна.
8:35 Ведь одно дело пеленка текста в Ворде, да, сам разбирайся, что там к чему написано, а другое дело - это какой-нибудь сайт на 10, на 15, да даже на 5 блоков, в котором нужно как-то ориентироваться.
8:45 И мы как дизайнеры в этом помогаем, собственно.
8:48 Второй момент - это помочь оставить заявку или произвести оплату.
8:51 Ключевое слово - помочь, не мешать, не стоять в стороне - а именно помочь.
8:56 И вот сюда подключаются уже поля ввода с адекватными подсказками, плейсхолдерами, кнопки, ховер состояния при наведении, проработанные тексты ошибок, подсказки, если они нужны там, невысокая когнитивная нагрузка, чтобы легко было разобраться, что к чему относится, расставлены акценты.
9:12 И вот когда все это есть, то сопротивление о покупке или сопротивление на то, чтобы оставить заявку, оно сильно снижается.
9:18 И третья задача - пожалуй, самая главная задача - это создать дополнительную ценность для товара или услуги.
9:25 Ту самую дополнительную надбавочную стоимость за счет упаковки - то за счет чего бизнес потом будет конкурировать с другими компаниями, заметьте: не продажи, а создание дополнительной ценности.
9:35 Вот давайте потренируемся насчет этой штуки тоже.
9:38 Представьте себе: если сайт автодилера, допустим, Бентли будут выглядеть так же дорого, как сами машины, с классными фотографиями, классными видео, много пространства на сайте, приглушенные цвета, гарнитуры - такие прям ух, с характером.
9:52 Да, это же только подкрепит позиционирование товара, позиционирование Бентли, создаст ощущение дарыковизны, какой-то эксклюзивности и создаст через сайт ту самую добавленную стоимость.
10:02 Потому что сайт это тоже одна из точек контакта с клиентом.
10:05 А если это вообще в бизнесе единственная точка контакта, то естественно тут нельзя облажаться.
10:10 Или вот вам, другой пример.
10:11 Здесь получается в первом примере произошел мэтч, произошло совпадение того, как товар позиционируется с тем, как сайт выглядит.
10:19 Другой пример - сайтт юриста.
10:20 Во представьте себе юриста, может быть, там мужчина или женщина, неважно, человек с 20-летним стажем, который помогает в миллионных судах с юрлицами, с компаниями.
10:30 Но почему-то сайт такого эксперта сделан в желто-оранжевой гамме.
10:34 Цвет при этом занимает 70% сайта - то есть большую его часть.
10:38 Шрифты, которые там используются, это лобстер и рубик бабл.
10:42 Кнопки вместо прямоугольной формы классической, просто такие кляксообразные.
10:47 Не кажется ли такой сайт, каким-то, ну даже не побоюсь этого слова, придурковатым, каким-то конфликтующим с тем, каким он должен быть?
10:54 Дополнительной ценности такой дизайн вообще не создает, он, наоборот, создает какое-то противоречие между тем, как позиционируется человек, который помогает компаниям, у которых многомиллионные иски, с тем, как это оформлено.
11:06 Согласитесь, возникает ощущение, что какой-то шуточный юрист, что как будто бы, не настоящий какой-то сайт, потому что что ожидается, это будет какой-то спокойный, в приглушенных тонах, все читается, может быть, для настроения используются антиква, максимально качественные фотографии, все очень выдержано, эстетски, комар нос не подточит.
11:24 Вот такой сайт ожидается, но не сайт, как будто бы это аниматоры, а не юрист.
11:29 Давайте до кучи: сайт какой-нибудь клиники.
11:31 Вот представьте: светлая гамма, чистый дизайн, без теней, каких-то грязных, без украшательств, без свечений, просто аккуратные рубленные шрифты без засечек, нежирные при этом, вот необходимая достаточно иерархия в тексте заголовки под заголовки там 1-2 уровня, хорошая группировка, все понятно, современно, стерильно, как в той же клинике.
11:52 Мэтч произошел, совпадение - опять же, произошло.
11:55 Контекст правильный - такой дизайн бизнесу поможет.
11:58 А тут же, вот представьте, что если бы сайт такой же клиники был бы на черном таком фоне, а все, что написано текстом, текст красный, прям такой, как будто бы из фильма пила обложка.
12:08 Вот у меня сразу такая ассоциация всплывает.
12:10 И сразу понимаю, что блин, вот в такую клинику себя как-то не особо хочется доверить.
12:14 Вот эти три примера - это то, что касается дополнительной ценности, которую можно создавать посредством дизайна, посредством визуальной упаковки, другими словами, если сказать.
12:23 И вот исходя из всего этого, что мы сейчас с вами разобрали, следует вот что: дизайн напрямую не является продающим или не продающим.
12:31 Это не совсем корректная категория, но вместо этого дизайн может помогать бизнесу, подкрепляя его позиционирование, создавая ему дополнительную добавочную стоимость за счет того, как это выглядит: доступно или эксклюзивно, дорого или дешево, консервативно или современно.
12:47 Вот именно то настроение, которое создает дизайн.
12:50 То есть он может быть релевантным тематике и создавать дополнительную ценность для бизнеса.
12:55 Дизайн может помогать прочитать текст, в котором клиент узнает себя и прогреется идеи купить.
13:00 Дизайн может создавать правильный эмоциональный контекст, может провести за руку клиента, который решил оплатить или оставить заявку.
13:08 Дизайн может помогать направить внимание пользователя туда, куда нужно направить внимание пользователя.
13:13 Нужно причем со стороны бизнеса или со стороны пользователя.
13:16 Это уже от конкретной ситуации зависит.
13:18 И все вот это, что я перечислил, оно всегда должно идти в купе с грамотным текстом, с хорошими фотографиями и релевантной аудиторией, которая потом будет заходить на этот сайт.
13:27 Поэтому там, где есть конкуренция, нужен грамотный дизайн.
13:30 Пользователи не сидят в вакууме.
13:32 Они видят множество сайтов других, которые идут в ногу со временем, которые обновляются, которые выглядят чисто, современно, и так или иначе, этот вкус возникает.
13:40 Это видение чего-то современного формируется у пользователя в любом случае.
13:44 И если у наших конкурентов сайт будет адекватным современным хорошим а мы будем по-прежнему выглядеть как там из начала 2000-х как будто бы на платформе народ.ру сделали сами там склепались того что было то это не будет так хорошо работать, как работало бы, если бы над этим потрудился нормальный дизайнер.
14:02 Поэтому там, где есть конкуренция, нужен грамотный дизайн, а с другой стороны, где ее сейчас нет.
14:07 Вот так вот, друзья мои, с одной стороны, просто с другой стороны, может быть, путанно, но наверное, это так, как и во многих других вопросах, которые касаются дизайна.
14:16 Если вам было полезно или может быть интересно, провести со мной это время, дайте знать, мне будет приятно.
14:21 Вы можете просто пульнуть реакцию или написать, что вы думаете на эту тему, согласны или не согласны.
14:26 Возможно, у вас вообще какая-то другая своя точка зрения на этот счет.
14:30 Напишите, в любом случае, будет интересно узнать, что вы думаете на этот счет, и услышимся в следующих подкастах.
Комментарии
Войдите, чтобы оставить комментарий.