Сегодня расскажем о RAD — Rapid Application Development, или быстрой разработке приложений. 

Меньше слов, больше дела! 

Идея RAD зародилась в 1980-х годах как альтернатива устаревающей методологии Waterfall, о которой мы уже писали. Каскадная модель программирования уже тогда воспринималась как перегруженная формальностями и недостаточно гибкая. Заказчик выдавал разработчику техническое задание и не видел результата до тех пор, пока программа не «сходила с конвейера» уже готовой, — и ожидания пользователя зачастую не оправдывались. Продукт мог оказаться слишком сложным, неудобным, а мог и устареть за время разработки. 

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

В 1988 году американский инженер-программист Барри Боэм (Barry Boehm) опубликовал статью «Спиральная модель разработки и совершенствование программного обеспечения», в которой предложил создавать не цельную программу, а выпускать ряд прототипов, каждый из которых содержит дополнительную или расширенную функциональность по сравнению с предыдущим. Пользователь может изучить и попробовать в деле каждый прототип. Получая обратную связь, разработчик дорабатывает приложение, пока заказчик не получит готовый продукт, который полностью его устраивает.

Идея оказалась перспективной. Ее проработал специалист IBM Джеймс Мартин — в 1991 году вышла его книга «Быстрая разработка приложений» с изложением оригинальной методики применения RAD или Rapid Application Development. Спустя два года Джеймс Керр и Ричард Хантер написали книгу «Внутри RAD: как построить полностью функциональную систему за 90 дней или меньше», где проанализировали подводные камни и возможности, которые они выявили при планировании и реализации успешного проекта RAD.

Эти книги заложили фундамент для практического применения RAD, и с тех пор эта методология остается в арсенале IT-разработчиков.

Нарисуйте мне программу

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

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

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

Методологию быстрой разработки RAD можно сравнить с работой художника. Сначала живописец делает эскиз. Потом создает черновой вариант картины. Затем он начинает прорабатывать элементы, добавляет детали, исправляет недочеты. Разумеется, не каждый заказчик способен по первому наброску представить себе, как будет выглядеть готовая картина, — возможно, он вообще не имеет понятия о перспективе или композиции. Но по крайней мере художнику не придется переписывать весь холст — ведь к завершению работы уже не окажется, что клиент перепутал натюрморт с пейзажем: «Нет-нет, я имел в виду сельский вид, а не корзину с фруктами!» Куда проще внести исправления в эскиз, чем в завершенное полотно.

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

Быстро, качественно, дешево — выберите три из трех

Три кита, на которых покоится RAD, — это скорость разработки, качество программного кода и дешевизна. Да, это та самая методология, которая предлагает не выбрать два пункта из трех, а получить все сразу.

Почему быстро?

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

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

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

Почему качественно?

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

Почему дешево? 

Деньги — странный предмет: вот они есть, а вот их нет. Бывает, что их не хватает, и приходится прерывать разработку, когда написана еще далеко не вся запланированная функциональность. Что получит заказчик в этом случае?

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

При Rapid Application Development пользователь сам решает, что ему требуется в первую очередь, и постоянно получает все более функциональные прототипы — то есть, фактически, работающие версии программы. Если финансирование внезапно иссякнет — пользователь не останется у разбитого корыта. 

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

Инструментарий RAD

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

Средства автоматизации разработки программ (Computer-Aided Software Engineering), или CASE-инструменты — это программные продукты для проектирования приложений. Такая система позволяет быстро создать модель программы, а затем автоматически сгенерировать программный код. Получается прототип — запускаемый модуль, который можно продемонстрировать заказчику. 

От одноклеточного к развитому: эволюция программы

Разработка приложения по методологии RAD проходит в несколько этапов. 

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

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

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

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

Прототип зачастую создается на скорую руку, только для проверки концепций. Это нормально: если пользователя устраивает новая функциональность и все работает как следует, в следующей итерации разработчик «отполирует» интерфейс и код. Перфекционизм может даже вредить — на очередном этапе любую доработку пользователь может посчитать неудачной. Если программист стремится сразу сделать все идеально, его усилия окажутся напрасными. 

Как только заказчик дал обратную связь, цикл начинается заново. Вырабатывается план на следующую итерацию. Если пользователя что-то не устроило в прототипе, на новом витке цикла изменения откатывают назад и реализуют альтернативный вариант.

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

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

Когда моделирование завершено, начинается конструирование: автоматически сгенерированный код дорабатывается и совершенствуется. 

Финальный этап разработки — переключение. Готовый программный продукт тестируют, развертывают на пользовательских машинах, конвертируют информацию в новый формат или «заливают» в новые базы данных, подготавливают документацию и обучают операторов работе в системе.

Когда мы рады RAD’у, а когда не рады

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

Эффективные варианты применения RAD

• Если проект легко делится на независимые или слабосвязанные модули. Разработку в таком случае можно вести параллельно, несколькими командами, каждая из которых будет собирать прототип только одного модуля. В конце итерации или всей работы над программой модули объединяют в цельное приложение. 
• Если требования к программному обеспечению быстро меняются. RAD — отличный выбор, когда заказчик понимает, что программа нужна как можно скорее, но к концу работы над ней часть спецификаций наверняка изменится.
• В условиях ограниченного бюджета. RAD гарантирует, что заказчик получит продукт, выполняющий поставленные задачи, даже если внезапно закончатся деньги.
• Когда у пользователя нет ясного представления, как должен выглядеть и работать продукт. Поскольку программу создают небольшими итерациями, во время которых спецификации и требования постоянно уточняются, в итоге заказчик получает продукт, соответствующий его пожеланиям. Но лучше в общих чертах заранее сформулировать бизнес-цели и задачи для приложения.
• Когда у вас есть коллектив хороших разработчиков и дизайнеров. Задача RAD — быстро создать качественный продукт. А это могут только профессионалы.
• Если пользователь готов активно участвовать в проекте на протяжении всей работы — обсуждать нововведения и функциональность, тестировать прототип, давать обратную связь. Если у заказчика не хватает на это мотивации, стоит попробовать другие модели — например, Waterfall, где пользователь только формулирует ТЗ или спецификации. 

Преимущества RAD — кратко

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

Недостатки RAD

• RAD применима для больших команд.
• RAD зависит от вовлеченности заказчика в работу. Если он не может принять участие в очередном обсуждении проекта, работа может приостановиться.

RAD уже не молодая методология — ей слегка за 30, — но она по-прежнему используется в разработке программного обеспечения и сдавать свои позиции не собирается. Ведь для методологии главное — не возраст, а эффективность. 

— Анна, привет! Начнём по традиции с высшего образования. Где и на кого ты училась после школы? 

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

— Как из менеджера превратилась в дизайнера?

Я всегда любила рисовать, меня интересовал дизайн, и ещё в Новосибирске я решила попробовать простенькие курсы. Знаете, такие, где обещают, что через два месяца вы будете зарабатывать 80 тысяч рублей в месяц. Там научили делать всякие базовые штуки. Потом были продвинутые курсы ещё на два месяца. Это был первый шаг в сторону дизайна, можно сказать, случайность, подкреплённая любовью к творчеству.

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

Поработав в сфере менеджмента, я поняла, что это не моё, и в конце бакалавриата решила пойти за мечтой — заняться дизайном. Слепила портфолио из того, что было, и разместила объявление на hh.ru.

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

— Почему решила идти учиться дальше?

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

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

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

Дополнительно к занятиям в GeekBrains я занималась самообразованием, смотрела бесплатные дополнительные уроки, читала статьи, расспрашивала знакомых специалистов, преподавателей.

— Что вошло в твоё портфолио для поиска работы?

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

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

Параллельно я работала в компании, которая делает бизнес-тренинги. Это стартап с небольшим штатом, и потому я там была и арт-директором, и креативным директором в одном лице. Я понимала, что мне нужен реальный опыт UX/UI и предлагала делать всякие интересные продвинутые вещи — Customer Journey Map, сложные механики на сайте.

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

— А ещё тебя пригласили стажером в Mail.ru Group…

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

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

— И ты начала искать новую работу? Как это происходило?

Да, я сформировала новое портфолио, оформила работы на Behance, сделала кейсы для академической и практической работы и пошла на hh.ru. В течение двух недель очень активно искала работу, каждый день рассылая по 20 откликов на вакансии — создавала «воронку», чтобы охватить максимальное количество работодателей.

Многие просили меня сделать тестовое задание, кто до, а кто и после собеседования. Я невероятно тогда устала. Делала, например, тестовые задания для МТС и Wildberries, они долго думали, потом выбрали других кандидатов.

— Как проходило собеседование в QIWI?

Приглашение в QIWI пришло на второй неделе. Интервью было очень плотное, продолжалось часа два. Гоняли и по практическому опыту, и по учебному. Пришлось даже показать сырые макеты, работы, которые я в таком виде не собиралась никому демонстрировать. Проводили собеседование HR-сотрудник и руководитель направления продуктового дизайна. Вышла усталая, но это была приятная усталость. Было с чем сравнивать – после некоторых собеседований чувствуешь себя совершенно опустошённой.

Буквально на следующий день они сообщают мне, что готовы меня взять. Я была в шоке – даже тестовое не попросили сделать. Так что с начала августа 2019 года я начала работать в QIWI.

— Как освоилась на новом рабочем месте и в новой профессии?

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

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

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

— В чём состоят твои обязанности, что ты делаешь каждый день?

Вместе с группой дизайнеров работаю над мобильным приложением и веб-сайтом для карты рассрочки «Совесть». Мы не просто создаём макеты, мы продумываем пользовательский опыт. Я не только делаю типографику, подбираю цвета и оттенки, но и думаю, что человеку нужно от приложения, какие тексты куда поставить (сам текст пишет копирайтер, а от меня нужна идея), решаю, какие функции важны, и в каком месте их лучше расположить.

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

— Получается, что, когда ты училась в GB, у тебя была и основная работа и дополнительная. Как удавалось на всё время находить?

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

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

— Думаю, что не все способны столько делать, даже работая из дома.

У меня есть один секрет, как всё успевать – просто надо гореть своей работой, учебной, и чем ещё вы занимаетесь. Это должно быть отдыхом и главным увлечением. Тогда вместо того, чтобы лежать на диване и смотреть сериалы, ты будешь говорить: «О, новый урок по продуктовому дизайну вышел, надо бежать смотреть!»

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

— В офисе нравится работать?

Да, очень нравится: пока не хочу ни на фриланс, ни на удалённую работу. Здесь классный офис, и, главное, коллеги, с которыми можно общаться. А дома — диван, стол и кошка. Фриланс — тоже нет, потому что это будут относительно мелкие проекты, а мне нравится заниматься крупным делом, где задействована не только я.

Очень важно, что мы трудимся в комфортном темпе и по относительно свободному графику работы. Я знаю, что я должна отработать 8 часов, и сама решаю, когда уходить и приходить. Проспала, пришла в 11, значит, уйду в 8 вечера. Терпеть не могу, когда мне говорят «приходите в девять, уходите в шесть». А если я эффективно сделаю свою работу в другое время или вообще к четырём часам, что тогда? Всё равно сидеть до шести?

— Какие твои дальнейшие планы на профессиональное развитие, чем хочешь заниматься в будущем?

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

Хотите узнать больше о выпускниках факультета веб-дизайна и других дизайн-факультетов GeekBrains? Вот их истории:

• «На втором месяце обучения у меня отобрали ноутбук»: история курсанта, который захотел стать дизайнером
• Путь в IT через дизайн: учеба + фриланс + удаленка — история веб-дизайнера Лии Давидян, которая нашла новую профессию и работу
• UI-дизайн: начало пути и штурм больших заказов: выпускник GB Виталий Асташкин о том, как он получил первую работу и вышел на крупные коммерческие проекты.

Мы открываем набор на бесплатный курс по обучению Frontend-разработчиков. 50 студентов смогут получить востребованную и высокооплачиваемую специальность, а лучшие из них пройдут стажировку в Mail.ru Group.

Frontend-разработчики верстают сайты и создают интерфейсы, а для этого задействуют технические знания и свой творческий потенциал. Средний доход Frontend-программиста в Москве начинается от 110 000 рублей.

Как поступить

До 12:00 10 сентября оставьте заявку на участие в проекте и пройдите первый этап вступительных испытаний:

• заполните анкету;
• посмотрите учебный видеокурс;
• пройдите онлайн-тестирование.

Те, кто успешно справятся с этими заданиями, перейдут ко второму этапу — еще одному онлайн-тестированию. Последний день сдачи этого теста — 12 сентября.

Третий этап состоит из двух частей:

• видеоинтервью;
• интерактивного задания по программированию.

Эти испытания необходимо пройти до 15 сентября включительно.

За каждое задание будут начисляться баллы. По итогам всех испытаний претенденты с наиболее высокими оценками будут зачислены на бесплатный курс «Frontend-разработчик со стажировкой в Mail.ru Group». О результатах испытаний вам сообщат по телефону или электронной почте.

Как учиться

Занятия начнутся в октябре и продлятся до января 2020 года. Каждую неделю студентов ждут два видеоурока от лучших преподавателей-практиков. Закрепить знания помогут практические задания по всем темам.

Студенты освоят HTML & CSS, HTML5 и CSS3, JavaScript, Node.js и принципы командной разработки.

Занятия проходят по вечерам — удобно совмещать с основной работой или учебой. Специальных знаний для обучения не требуется. Программа абсолютно бесплатна.

Что получат выпускники

Студенты получат знания, достаточные для работы junior-разработчиком, и свидетельство, подтверждающее эти навыки. Лучшим выпускникам предложат пройти месячную стажировку в Mail.ru Group со стипендией и перспективой трудоустройства в компании.

Если вы на каждый Новый год обещаете себе начать новую жизнь, обучение от GeekBrains — ваш шанс сдержать слово. Чтобы получить новую профессию уже в январе, записывайтесь на бесплатный курс «Frontend-разработчик со стажировкой в Mail.ru Group» прямо сейчас.

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

UX/UI-дизайн

Начнем с дизайна пользовательского опыта / пользовательских интерфейсов (User eXperience / User Interface). Эти два направления часто ставят вместе, но некоторая разница между ними все-таки есть. Цель UX-дизайна — развивать взаимодействие пользователя с продуктом так, чтобы росло удовлетворение пользователя, а вместе с ним и его лояльность продукту. Формулировка очень обтекаемая, но она четко выражает суть термина. UX-дизайн применим во всех сферах жизни, в отличие от UI-дизайна, который все-таки относится к цифровым продуктам. UI-дизайн сконцентрирован на самом продукте.

Обладатель премии UX Design Awards 2019 года — бимодальное слуховое решение, управляемое с помощью смартфона 

В статье Хельги Морено, посвященной разнице между UX- и UI-дизайном, есть хорошее сравнение: «Если что-нибудь выглядит здорово, но им сложно пользоваться — это признак хорошего UI и плохо UX. Если пользоваться легко, но на вид это ужасно — мы имеем дело с хорошим UX и недоработанным UI».

Кстати, сегодня мы как раз запустили новый факультет GeekUniversity — UX/UI-дизайн. Но об этом мы еще напомним — давайте продолжим рассказ о других «полезных» направлениях дизайна.

Промышленный дизайн

Пример интересного индустриального дизайна

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

Веб-дизайн

Когда веб-дизайнер добавляет пространства между элементами

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

Графический дизайн

Примеры логотипов в зависимости от свойств, которые нужно передать

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

Гейм-дизайн

Прекрасный мир Skyrim, созданный гейм-дизайнерами

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

Архитектурный дизайн

Традиционная архитектура в Голландии

Задача архитектора — спроектировать здания, на которые приятно смотреть и в которых удобно жить или работать. Вас вдохновляют масштабные задачи и нравится думать, что ваши творения будут приносить людям пользу десятилетиями, а то и веками? Нравится мысль, что вы будете влиять на облик городов? Интересуетесь урбанистикой и можете оценить каждую деталь архитектурного решения (например, высоту бордюра у тротуара) по практичности, а не только по внешнему виду? Можете не только изобразить здание на бумаге, но и представить его «в жизни», примерив к потребностям каждого из будущих гостей или обитателей? Если такие задачи отзываются желанием взяться за дело — смело развивайтесь в архитектурном дизайне.

Дизайн интерьеров

Когда решил сэкономить на услугах дизайнера

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

Световой дизайн

Световой дизайн фар Audi

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

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

Ландшафтный дизайн

Сад камней

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

Экологичный дизайн

Зеленый дизайн в Сиднее

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

В GeekUniversity вы можете освоить различные виды дизайна. Есть как «общий» факультет, так и специализированные — веб-дизайн, графический дизайн, дизайн интерьера. И, как уже было сказано в начале, сегодня открылся еще и факультет UX/UI-дизайна, где за один год обучения вы освоите все навыки специалиста уровня middle и разработаете портфолио для дальнейшего трудоустройства.

Мы запустили практический онлайн-курс по маркетингу для предпринимателей, СЕО стартапов и тех, кто хочет выстроить процессы маркетинга в своей команде.

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

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

Мы поговорили со спикерами о том, что полезного расскажут на курсе и почему предпринимателю важно разбираться в маркетинге.

Игорь Винидиктов, преподает модуль «Маркетинговая стратегия» — об изучении рынка и позиционировании продукта:

— Одна из главных причин провала проектов — отсутствие ресерча: когда фаундеры компании не изучают ключевые тренды и потребительские паттерны, не знают о ключевых игроках, не определяют объемы рынка, на которые хотят претендовать. Аналитическая компания СВ Insights в списке причин провалов стартапов поставила на первое место отсутствие потребности на рынке. Ресерч предотвращает ошибки, экономит время и деньги. Больше внимания исследованию на старте — больше маркетингового бюджета на актуальную аудиторию. И не получится так, что целевой аудитории, например, рекламируют приложение, которое ей неинтересно.

20 причин провала стартапов по версии CB Insights

Позиционирование важно, когда продукт или сервис создается на конкурентном рынке с множеством подобных предложений. Например, digital-банки в Европе функционально похожи, и потребителю сложно объяснить, почему нужно воспользоваться услугами того или иного. Умные маркетологи стараются придумать «эмоциональную оболочку», которая выделит продукт. Датский digital-банк Bunq строит концепции на идее, что этот банк — для свободных людей. В продукте отражено, что клиенты могут влиять на выдачу кредитов и даже немного участвовать в управлении. Понятно, что это маркетинговый ход, но в то же время и крутая оболочка — важно придумать такую, которая поможет людям ассоциировать себя с вашим продуктом и выбирать именно его.

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

Сейчас наша компания помогает одному digital-банку выходить на рынок UK. Как я уже упоминал, такие банки похожи, и нам нужно было придумать узнаваемое позиционирование. Мы изучили европейские стартапы, посмотрели, как они выстраивают коммуникацию с клиентами, какие используют подходы, образы, тексты, слоганы. В итоге собрали шорт-лист идей, остановились на двух и будем при запуске performance-маркетинга тестировать и смотреть, что в итоге сработает лучше.

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

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

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

Евгений Малахов, преподает аналитику, научит работать с ее основными инструментами:

— Привет! Меня зовут Женя, я главный операционный директор в аналитическом агентстве Room42 и отвечаю за аналитическое направление. Занимаюсь разработкой продуктов и аналитикой около пяти лет, реализовал рекламные проекты в OneTwoTrip, сотрудничал со Сбербанком, «Билайном», BMW, PepsiCo.

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

С помощью аналитики можно ответить на эти вопросы и подтвердить выводы статистикой:

• Какой товар пользуется наибольшим спросом?
• Чем отличается лояльный клиент от нелояльного?
• Что влияет на принятие решения о покупке? Как ускорить этот процесс?
• Какой канал реализации продукции выбрать? Почему?

На занятиях по аналитике студенты узнают:

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

Приведу пару примеров из практики нашего агентства. На одном из проектов предприниматель решил отключить формат оплаты «Наличными курьеру». Через неделю он смотрел на продажи, которые никак не изменились, и воскликнул: «Круто! У меня настолько инновационный продукт, что все люди готовы платить онлайн. Зачем тогда возиться с оплатой курьеру?» Из-за недостатка знаний и аналитических инструментов он не понял, что в тот период — декабрь — был большой рост конверсии, и хотя на первый взгляд отключение наличной оплаты никак не повлияло на бизнес, конверсия упала на 60 %.

Важно объективно оценивать пользу и риски от каждого внедренного инструмента. В другом проекте предприниматель, прочитав статью о важности данных, навешал на сайт кучу счетчиков, скриптов и пользовательских событий. Из-за огромного количества лишних скриптов его сайт работал в два раза медленнее, и это снизило продажи на 30 %.

На курсе будем разбирать кейсы студентов. У нас не будет сложных домашних заданий с развертыванием на собственных серверах и написанием скриптов на Python. Мы рассмотрим и применим простые инструменты, которые соответствуют принципу «20 % усилий дают 80 % результата». Их можно будет внедрить в тот же вечер и получить пользу для бизнеса.

Александр Соловьев, преподаватель модулей Performance marketing и Retention marketing — расскажет о запуске рекламных кампаний и управлении ими:

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

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

Retention-маркетинг — набор инструментов и действий для работы с пользовательской базой. Он включает email-рассылки, push-уведомления, СМС и мессенджер-маркетинг. Грамотный подход к retention-маркетингу помогает увеличить LTV (Lifetime Value) — прибыль, которую клиент приносит за время работы с ним.

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

Один из эффективных инструментов — email-маркетинг. Он хорош с точки зрения возврата инвестиций и требует лишь небольших затрат на платформу и зарплату маркетолога. Email-рассылки могут приносить до 30 % всей выручки. Часть современных специалистов считают email-канал устаревшим, но это не так. Правильно проработанная сегментация базы способна творить чудеса и вызывать искреннее восхищение у пользователей.

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

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

Евгения Рябинкова, преподает модуль Growth Hacking, научит проектировать идеальный пользовательский путь для продукта:

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

При правильном подходе благодаря Growth Hacking можно возвращать и удерживать пользователей. Процесс строится на выявлении слабых мест в воронке и донесении до пользователей нужного СТА (call to action — призыва к действию). Например, с помощью ретаргетинга можно построить аудиторию пользователей, дошедших до определенного шага по воронке, и отправить им стимулирующее на возврат сообщение.

Роман Кумар Виас, курирует вводный модуль и «Безбюджетный маркетинг»:

— Чтобы дать представление о курсе, расскажу немного о маркетинговых правилах для вывода b2c-продукта на любой европейский рынок:

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

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

3. Используйте низкобюджетные каналы:

• разместитесь у некрупных блогеров в Facebook или Instagram на условиях бартера. Кроме охвата вы получите первых клиентов в их лице, плюс первичный посев мультиплицирует эффект от рекламных кампаний в Facebook;
• найдите в компаниях, где работает ваша целевая аудитория, людей, которые отвечают за внутренние коммуникации, сделайте скидку на продукт для сотрудников компаний и попросите разослать информацию об этом по email. Так вы получите бесплатные рассылки по нужной целевой аудитории;
• зайдите на локальные отраслевые сайты, контент которых потребляет ваша целевая аудитория, и договоритесь на тестовый флайт по CPA. Это даст вам дополнительные охваты;
• подумайте над публикациями про свой бизнес в СМИ. Определите, какие медиа читает ваша аудитория, добавьте в друзья на Facebook журналистов и узнайте, какой тип контента им нужен. Помогайте писать статьи, составьте свой контент-план, найдите пересечения. На старте важно инвестировать свое время в общение с журналистами — дальше они будут включать вас в подборки, брать комментарии и легко принимать ваш материал для публикаций.

4. Интегрируйте контент-маркетинг с прямой таргетированной рекламой в цепочки взаимодействия.

Пример готового фреймворка для вывода продукта на рынок

5. Оптимизируйте воронку. Определите узкие места, сделайте много A/B-тестов. Помните: если увеличить конверсию на 5 % на каждом из шагов, это сократит маркетинговый бюджет в несколько раз.

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

Как можно использовать номера телефонов:

Позвонить. Канал телефонных продаж — по-прежнему работающая штука во всех географиях, кроме Англии и Германии.

Отправить СМС. Перед этим не забудьте взять у клиента согласие, чтобы не нарушить закон о рекламе.

Отправить сообщение в мессенджере через TextBack — эффективнее, чем СМС.

Загрузить в рекламные кабинеты, и из них построить look-alike аудитории.

Скриншот из короткометражки «The Expert»

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

Аргументируйте и показывайте дизайн в деле

При выборе дизайна клиент может руководствоваться принципом «нравится — не нравится». Татьяна Анойкина из брендингового агентства BrandStreet на примере логотипа объясняет, как перевести дискуссию на профессиональный уровень: «Логотип — малая форма, за которой стоит глубокое содержание. Его смысл, скрытый в дизайне, надо объяснять заказчику: кратко формулировать идеи или давать ассоциативный ряд. Для него мы используем хештеги — они понятны клиентам. Логотип лучше показывать на примере носителей, на которых он будет использоваться, — так легче представить. Или можно продемонстрировать его в ряду красивых изображений — визуальных образов, на которых базируется дизайн. Часто клиент “покупает” именно этот привлекательный визуальный ряд, принимая решение на его основании».

Определите, кто ваш клиент: логик или визуал

Стратегию «защиты» дизайна нужно строить исходя из того, как клиент воспринимает мир. «Если клиент “логик” — это самый простой вариант. Надо собрать и представить ему весомые контраргументы, которые, не ущемляя его позиции, докажут, что она требует доработки. Как правило, на это клиенты соглашаются легко, а в процессе корректировки всегда можно продвинуть свое видение проекта», — говорит Иван Громко, управляющий партнер Redday production.

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

Поймите, что клиент — партнер, а не противник

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

Антон Антонюк, арт-директор проекта «Совесть»:

«Настройтесь правильно: не нужно ничего “защищать”. Заказчик — не противник, а партнер. У вас есть дизайнерский опыт и навыки, у него — знание о бизнесе, продукте и целевой аудитории. Как вам нужен бриф, чтобы понять задачу, — так и клиенту требуется презентация, чтобы оценить ваше решение. У нее три этапа: подготовка, выступление и работа с комментариями.

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

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

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

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

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

Это основное. Все остальное очень индивидуально. Я, например, никогда не готовлю речь — выступаю экспромтом, а перед встречей повторяю скороговорки для дикции. Автор логотипа и слогана «Совести» Андрей Амлинский не готовит электронные презентации — обсуждает устно. Кто-то устраивает настоящее шоу — посмотрите на YouTube выступления Стива Баллмера. Шутите, говорите серьезно, интригующе заходите издалека или приступайте сразу к сути. Главное — верьте в свой проект и показывайте, что он решает задачу клиента».

Выступление Стива Баллмера

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

А вы знаете какие-то рабочие хитрости по «защите» дизайна?

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

Первый экран

Лендинги различаются по длине. Есть супердлинные, как промостраница по франчайзингу в «Додо-пицца». Есть суперкороткие — предложение для новых клиентов от Slack. Но у них всегда есть первый экран — отдельный смысловой блок, выделенный графически.

Лендинг с предложением по франчайзингу «Додо-пицца»

Одноэкранный лендинг Slack: десктопная и мобильная версии

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

Элементы. На первом экране часто располагают дополнительные элементы: название организации, контакты, ссылки на соцсети, лид-форму и CTA (call to action). Однако не все перечисленное нужно. Название организации или бренда обязательно — это поможет посетителям запомнить рекламодателя. Иногда пользователи сразу звонят, чтобы сделать заказ или задать вопросы, поэтому на первом экране важно разместить телефон.

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

Форма заказа. Мы часто видим лид-форму и CTA на первом экране лендинга. Однако это не уместно. Посетитель только знакомится с товаром или услугой и не готов принимать молниеносные решения. Чем дороже продукт, тем дольше клиент будет обдумывать покупку. Поэтому спускайте форму ниже подробного описания, рассказа о преимуществах и социальных доказательств. Лид-форма на первом экране может вызвать даже раздражение как излишне навязчивая, особенно если она с обратным отсчетом.

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

Реклама. Еще одно правило первого экрана — он должен быть на 100 % релевантен рекламе, по которой пришел посетитель. Допустим, мы продаем дачу и выделили два сегмента потенциальных покупателей: пенсионеры и семьи с маленькими детьми. Для первых главными преимуществами станут пешая доступность до станции электрички, продуктового магазина и медпункта, для вторых — свежий воздух, большой сад и озеро для купания.

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

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

Первый экран лендинга по продаже контроллера для диджеев

Оффер

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

Выгоды. Люди чувствуют выгоду, когда могут получить качество, скорость или хорошую стоимость. Это три главных преимущества, которыми оперируют при составлении оффера.

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

Пример неудачного оффера

Заголовок. Обычно оффер состоит из заголовка и подзаголовка. Заголовок — первое, что видит посетитель на лендинге. Он побуждает остаться или уйти. Уделяйте основное внимание созданию заголовка. При работе над лендингом руководствуйтесь формулой времени 50/30/20:

• 50 % — создание заголовка;
• 30 % — формулировка призыва к действию;
• 20 % — остальное содержимое.

Заголовок работает, если при его составлении соблюдается пять правил:

1. Он просто, кратко и понятно отражает суть оффера.
2. Содержит выгоды для посетителя.
3. Выглядит честным и правдоподобным.
4. Релевантен рекламе.
5. Имеет эксклюзивное предложение.

В хорошем заголовке много глаголов и мало существительных.

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

Пример хорошего оффера

Типовые ошибки

Мы подобрали примеры частых ошибок на первом экране.

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

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

Много офферов. Предложения различных категорий товаров в разных ценовых уровнях размывают оффер. У каждого предложения своя целевая аудитория, поэтому следует делать отдельные промостраницы. Совмещение офферов не «цепляет» ЦА.

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

Шпаргалка

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