«Дизайнерами станут все»: как ИИ-технологии повлияют на облик сайтов

Директор по продуктам uKit Group Ирина Черепанова о том, какие инструменты смогут предложить конструкторы сайтов в ближайшем будущем.

В январской колонке для сайта O’Reilly Роб Гирилинг выдвинул гипотезу: благодаря внедрению «умной» автоматизации дизайнерами к 2025 году станут все, и даже на профессиональном уровне, предполагающем особый стиль мышления, дизайнеры начнут работать в тандеме с ИИ-ассистентами.

А незадолго до этого в Forrester Research озвучили прогноз, что инвестиции в ИИ-решения возрастут за 2017 год более чем на 300%. Подобные технологии могут стать драйвером новой революции и на рынке создания сайтов: методы машинного обучения и нейросети начинают находить здесь применение, вдобавок есть большая аудитория, способная обучать и обучаться с AI-технологиями.

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

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

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

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

А разве этого ещё не произошло? Читатели, активно мониторящие ленту Wired и каталоги вроде Crunchbase и ProductHunt, скажут: за минувший год-полтора появилось свыше десятка проектов в области создания сайтов, поднявших тезис о цифровом помощнике на свой флаг и лендинг.

От явных подделок вроде Mopro и b12, которые, эксплуатируя слова «ИИ» и «роботы», генерируют заявки в сменившие модель монетизации студии дизайна, до действительно автоматизированных в чем-то решений на базе конструкторов.

Текущие реализации можно разбить на три типа:

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

Но слушайте, внести название компании и контакты на выбранный по ключевому слову шаблон — это не rocket science. Мы научили пользователей делать это через обычный визард ещё пару лет назад — вместо конструирования со спецэффектами.

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

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

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

С этого и может начаться «рок-н-ролл» не только с ИИ-дизайном, но с ИИ-маркетингом, ИИ-персонализацией контента и заполнением других «пустот» в команде и знаниях пользователя.

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

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

Как театр начинается с вешалки, так и сайт начинается с текстов и графики.

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

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

2. «Оттюнинговать» набросок. Обучаемые решения для этого и существуют. Правда, пока они узкоспециализированы: например, сервис для HR-специалистов Textio старается перестроить интонации в тексте вакансии так, чтобы получить больший отклик.

Конечно, для многих задач есть замечательный «Главред». Однако фраза «Textio обучен на анализе 273 млн документов» звучит достаточно интересно, чтобы попробовать что-то новое, верно?

3. Оценить изображения. Сервисы вроде Everypixel и LaMem учатся вычислять эстетически-выверенные картинки для масс. Параметров оценки уже много: цвет, освещение, насыщенность, количество деталей, композиция.

А для отбора лучших визуальных решений под конкретные ЦА подобным сервисам как раз-таки не хватает связки с системами, собирающими данные об аудиториях (ведь предпочтения каждого из нас уже зашиты в то, что называется big data).

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

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

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

uKit Alt сам заполняет шаблон сайта контентом из Facebook или «ВКонтакте». Impress.ly пытается «поженить» ваш старый сайт и Facebook. А ребята из проекта Hu²la просто дают спарсить дизайн любого сайта и подправить его в визуальном редакторе.

Пока эти решения строятся на понятном алгоритме, но содержат намек на возможности компоновки контента машиной и data mining (глубинный анализ данных — vc.ru).

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

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

Основанный на принципах машинного обучения Fontjoy — как раз про это. Нажимаем кнопку «Сгенерировать» и видим шрифтовую пару. Чуть дальше стоит Rene от экс-сотрудника The Grid и нынешнего дизайнера Airbnb Джона Голда. Опираясь на базовые требования, сервис генерирует наборы «заголовок-текст-кнопка» и сразу показывает «что будет, если мы вот тут чуть увеличим кегль и отступ».

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

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

3. Создание фирстиля целиком. Отсутствие логотипа (ну или хотя бы приемлемого логотипа в SVG) и времени на его создание — ещё одна распространённая проблема. Генераторы логотипов существуют давно, но редко предлагают настоящую вариативность и выбор.

Logojoy, сервис с элементами алгоритмического дизайна, готов генерировать варианты логотипов пачками, а также позволяет поделиться ими в соцсетях в рамках тестирования восприятия (или купить и скачать, если что-то понравилось).

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

Ещё ниже стоит Brandmark — сервис, запущенный в августе 2017 года, субъективно генерирует хуже, зато всё и сразу: набор цветов, шрифтов, логотип, визитки и даже шаблон сайта. Всё в едином стиле.

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

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

Читая предыдущие абзацы вы могли подумать: «Какие-то неизвестные имена, названия, небось, все стартаперы и ничего не взлетит». Но и Adobe недавно выпустил инструмент на базе машинного обучения Sensei, который много чего умеет: анализировать статистику перехода по ссылкам, распознавать и редактировать изображения (например, менять выражения лиц на фото), считывать текст на картинках, играться со шрифтами, определять тип документа и его содержание, добавлять теги к изображению для индексации в поиске и так далее.

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

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

#колонка