Как делать крутые прототипы

Угвэй

Искренне ваш, ГлавКоп
Всем привет! Смотрю на форуме перемены :)

Как вижу, раздел для советов и помощи. Начну! Могу дать бесплатный, но дельный совет по такой штуке как прототип. Как его рисовать, как создавать правильные структуры, где и что размещать, какая очередность блоков, какие есть фишки и т.д. Так что, если есть вопросы по теме сей, то милости прошу. Постараюсь отвечать регулярно и без затягивания :)

Пример... пример... Так, пусть будет фрагмент лендинга уже в дизайне (правда он еще не закончен, надо корректировать). А вот прототипы надо поискать, ибо на как-то не храню, ибо они уже несколькими сотнями исчисляются, а я уже другой спецификой профессии занят 8)
 

Martin

New Member
А кнопочку "Спасибо" убрали за ненадобностью? Конечно, не трудно и так сказать) но наверное не с этого надо бы начинать.
 

Угвэй

Искренне ваш, ГлавКоп
Ну, я просто показал пример, как будет выглядеть ваш прототип, когда на него оденут дизайн. Ну, и признаюсь, не нашел быстро прототип, который хотел выложить для сравнения. Все по удалял, есть только в дизайне уже. :-[

Так, едва нашел прототип, который делал пару лет назад. По ссылке там прототип и уже дизайн (к сожалению, изначальная идея заложенная в прототип не была воплощена):
https://drive.google.com/drive/folders/0B6mbmrLt0eUgdGp6VzJ6aUI2MkU?usp=sharing

Увы, беда, по причине, что больше не рисую прототипы - удалил все лишнее с компьютера. Так что, проще, если что, будет нарисовать.


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

Выгода первая: конкретные преимущества продукта/услуги, который вы продаете.
Выгода вторая: конкретные преимущества компании, которую вы представляете.

Это классические выгоды. Как вы думаете, какова же будет третья выгода (ее часто упускают). Какие варианты?
 

moneko

New Member
Угвэй, напишите, пожалуйста, в личку, сколько стоит ваша работа?
 

evp

Евгений Попков
Вот это я называю правильный маркетинг 80 уровня. Без сарказма и шуток.
Топикстартер предложил делиться опытом и советами, а его тут же начали хантить под потенциальные заказы.

Но всё же надеюсь, Угвэй не забудет поделиться советом – как нарисовать прототип.

И от себя добавлю вопрос - что в работе над лендингом дольше и дороже: текст+прототип или дизайн+верстка?
 

Угвэй

Искренне ваш, ГлавКоп
moneko said:
напишите, пожалуйста, в личку, сколько стоит ваша работа?
Уже :)

evp said:
что в работе над лендингом дольше и дороже: текст+прототип или дизайн+верстка?
Обычно, второе. За счет дизайна. Но тут нужно смотреть на уровень копирайтера. Если уровень профи близкий к ТОП, то сравняется, а то и будет выше чем дизайн+верстка.

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

Kashchey said:
Угвэй, старина, а какие прототипы крутые?
В которых не только классный текст, но и расписан правильный функционал будущего сайта (навигация и прочие штуки). Например, где должны стоять кнопки; где правильно размещать текст, а где - иллюстрация; как правильно распределять выгоды по телу лендинга и т.д. Это ведь все должен делать копирайтер, в данном случае он выступает и в ипостаси маркетолога. Концепцию, структуру и навигацию, текст - все делает копирайтер. Поэтому его оплата должна быть никак не ниже расценок дизайнера.

К сожалению, удалил прототипы у себя. Есть примеры с готовым дизайном, но оно ж не так наглядно. Я пороюсь в почте, может где-то и найду. А то я как-то психанул :D



Добавлено: [time]1507121226[/time]
Угвэй said:
Выгода первая: конкретные преимущества продукта/услуги, который вы продаете. Выгода вторая: конкретные преимущества компании, которую вы представляете.

Это классические выгоды. Как вы думаете, какова же будет третья выгода (ее часто упускают). Какие варианты?
Отвечу сам себе.
Выгода третья: потенциальный покупатель должен увидеть себя в вашем предложении.

При составлении прототипа, кроме текста, вы должны это указать. Далеко не всегда дизайнеры визуализируют информацию правильно. Или могут не обратить на это внимание. Я позже примеры покажу.

Так, теперь тезисно три фишки, которые должен знать каждый!

1. Иллюстрацию и видео нужно располагать слева, а текст справа. Связано с тем, что так нашему мозгу комфортней воспринимать информацию, такой паттерн не так "напрягает мозг". И левый глаз лучше воспринимает картинки, а правый - текст.
2. Контент в блоках сверху-вниз должен располагаться буквой S. Мы так сканируем экран, даже на автомате (поэтому смотрят не по диагонали, а буквой S). То есть, если во втором блоке: слева картинка, а справа текст, то в третьем - должно быть наоборот. Нельзя с одной стороны делать простыню из текста, а с другой - одни картинки. Максимально допустимо так делать - это два блока.
3. Вот те три выгоды нужно распределять по лендингу. Обычно, первая выгода идет в первой половине, а вторая - во второй. Третья выгода - более уникальна, и в зависимости от темы - может располагаться в любом блоке (экране).




Добавлено: [time]1507121675[/time]
По поводу программы-рисовалки. Сколько я ни перепробовал, лучше https://moqups.com/ - не нашел. Вот даже старая версия была лучше, как по мне. Конечно, есть еще хорошие рисовалки, которые скорее - конструкторы. Правда там уже начинается прото-дизайн. Но! Используя их, мы: начинаем делать работу дизайнера и можем сбить его с мысли своими дизайнерскими находками. Поэтому в его рабочую область лучше не вмешиваться.
 

TextMaker

New Member
Угвэй said:
Выгода первая: конкретные преимущества продукта/услуги, который вы продаете.
Выгода вторая: конкретные преимущества компании, которую вы представляете.

Это классические выгоды. Как вы думаете, какова же будет третья выгода (ее часто упускают). Какие варианты?
Ленд - это штука, заточенная под один конкретный продукт. И если я хочу купить, к примеру, крем для роста ушей, то мне совсем не интересны преимущества компании, которая его выпускает. Абсолютно.

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

Martin

New Member
TextMaker said:
И видеть себя в креме для роста ушей я вовсе не хочу )
Вы должны увидеть себя, с маленькими ушами, и потому невероятно от этого несчастного. И решение своей проблемы, можно сказать мечту - чтобы уши были как у коня слона :)
 

Угвэй

Искренне ваш, ГлавКоп
TextMaker, вы хотите сказать, что вам не интересно у кого вы покупаете и для чего вы покупаете?

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

Первая выгода - почему этот товар лучше других. Цена
Вторая выгода - почему товарищи его изготовляющие лучше других. Качество.
Третья выгода - это результат, который вы хотите получить купив этот товар. Цель (смысл).

Не, не так? :p

Добавлено: [time]1507191998[/time]
Распишу подробней. Покупатель сейчас уже не реагирует просто эмоционально - вау, абибас! И бегом покупать. Сейчас нет дефицита предложения, поэтому эмоциональные покупки даже в оффлайн находятся на минимуме. Что говорить о торговле онлайн? Да, и по правде говоря, это был по большей части миф про первые эти лендинги (да, вот с тем жутким дизайном, где на черном фоне лимонными буквами и кнопки такие зеленые, и МНОГА КАПСЛОКА), что они способствовали стихийным покупкам. Причина проста - у нас относительно недавно появилась возможность оплачивать товары сразу же онлайн. Тогда - положить в корзину, не значило купить. В процессе оплаты - терялось желание, вся эта эмоциональная мишура спадала и человек думал - а че я в самом деле, нафиг оно мне надо, пойду лучше пива попью или на диване поваляюсь.

Теперь по трем выгодам. Несколько тезисов.

Продукт имеет набор параметров, которые должны удовлетворять спрос. Покупатель говорит "да", если он это находит. Также с торговой маркой и продавцом. Чтоб в голове сложилось решение - "покупаю!", нужно, как говорят психологи, закрыть гештальт. Никто с гаджетом и Интернетом в руках, не побежит сломя голову отдавать свои деньги первому встречному лендингу "заточенному под один конкретный продукт". Это вам не Орбит у кассы покупать.

По третьей выгоде. Я понимаю, многих может возмутить такая новость, ибо об этом не пишут в брошюрах и не говорят на видео на Ютубе "все за 15 минут!". А я толкую об одном из секретов маркетинга 8) Он построен на психологии.

Итак. Что лежит в основе ядра личности человека? Правильно, образ себя. Все, что вы делаете - вы примеряете на свой образ себя. Это как процедуры перед зеркалом, только в пространстве психики. В этом плане любая покупка - это примерка в воображаемой примерочной. Идете вы за Абибасом на рынок или покупаете IPhone - вы воображаете себя обладателем желаемого. Как будете сунуть в спортивочках по родной деревне в кепке или блистать откушенным яблоком в маршрутке или офисе. Вы ищите психологический комфорт, вы ищите новый образ себя, вы ищите лучшее положение в жизни. Это все - атрибуты образа себя. Поэтому эта выгода обязана присутствовать на лендинге. При этом в разрезе - вы уже купили. Не собираетесь купить, а уже. Это касается и текстов кстати.

Можно еще сказать так, с точки зрения маркетинга. Образ себя - это цель, которую вы преследуете своей покупкой. Результат, который вам нужен. Так вот, на лендинге - потенциальный покупатель должен увидеть себя "там", где он уже достиг цели. Если он едет на отдых на берег моря, он должен увидеть себя на этом берегу (несколько топорный пример, но для наглядности).

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


Добавлено: [time]1507193124[/time]
Теперь по поводу лендингов как таковых. Сегодня - лендинг это классический, но необходимый инструмент интернет-маркетинга. "Вау" эффект от него давно прошел. Это как с визитками, было время, когда раздавать визитки - это круто. А сейчас уже обыденная практика.

Какую задачу должен выполнять лендинг? Он должен продвигать главный месседж компании. Это не обязательно самая продаваемая группа товара или топовая услуга. Можно продавать имидж, можно даже информацию. Лендинг - это вылазка специальной группы, после которой идет авиация и всякий флот. Это капитан Америка со своим щитом, после которого подтягивается вся бравая компашка с зеленым великаном, и прочим Фьюри. Другими словами, это наиболее динамичный и пробивной элемент вашей стратегии в Сети. Под него затачивается контекстная реклама, баннеры и т.п. Но для большинства компаний, особенно крупных, лендинг не покрывает всех задач. Поэтому также создается добротный сайт. Вот так сейчас выглядит полный набор.

Есть выход, если ваш бизнес не слишком масштабен. Это делать лендо-сайт или проще говоря - хороший лендинг, который от сайта отличается меньшим объемом информации и самой структурой (как говорят "продающей"). Вот например сайт Петра - это сайт, но построен он по принципу лендинга.

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

Вот как-то так, если по-быстрому. :)
Добавлено: [time]1507193313[/time]
PS:

TextMaker said:
И если я хочу купить, к примеру, крем для роста ушей, то мне совсем не интересны преимущества компании, которая его выпускает. Абсолютно.
Преимущества компании - это качество, цена, условия доставки, гарантии. Вам оно не нужно. Абсолютно. Так тому и быть.



Добавлено: [time]1507364117[/time]
Я когда-то поднимал тему близкую по многим пунктам к данной. Вот тут. Там бегло, но много фишек озвучено. Как-то поговорим более предметно.
 
Top