Конверсионный дизайн: создание онлайн-сервисов, которые искренне полюбят пользователи

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

Одна цитата из глубин текста:

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

А сейчас это может выглядеть приблизительно так:

Var. A: CTA 4,75% Retention 3w >>>Win<<<
Var. B: CTA 4,35% Retention 3w


Термин «конверсия» многие годы был связан с гражданской продукцией предприятий ВПК. Но у IT-специалистов скорее возникнет совсем иная ассоциация. Однако сейчас мы хотели бы поговорить о таком понятии, как конверсионный дизайн. Общепринятый подход к разработке сайта выглядит примерно так: есть блок по веб-дизайну, есть блок по вёрстке, по разработке и так далее. Но, в течение последних двух-трёх лет всё начало стремительно меняться. Сам термин «веб-дизайн» постепенно умирает, потому что кроме браузера у нас появился адаптивный дизайн. По большому счёту, веб-дизайн перестал существовать в таком однозначном виде. Появились всякие дополнительные терминологии, как сервисный дизайн — data-driven design, который, в том числе, является конверсионным. Этому явлению посвятили своё выступление на киевской партнёрской конференции «1С-Битрикс» управляющий партнер компании AIC Сергей Попков и руководитель отдела продуктовой аналитики AIC Виталий Черемисинов.

Читать целиком »

Про лендинги по три рубля за ведро

Тут маркетологи кое-какие заказали для проекта лендинги. Быстро, качественно, недорого. На Украине, чтобы совсем недорого, но это могла быть Индия, Румыния, Россия и что угодно в общем-то. Сделали, рассчитались(!) и принесли это чудо на внедрение в проект.

А там – вот. 2015-ый на дворе. Библиотеки готовые – не, не слышали, сами напишем отправку письма из формы.
formvulnerability

Для маркетологов рассказываю суть обведенного кода и мысленно представляю диалог кодописателей:

- Вася, сервер ругается что переменные не определены…
– Нахуй он пошел, отключим сообщения об ошибках и никто не заметит!
– А эта, как ее, фильтрация входящих данных, безопасность, все такое?
– Да ты не парься, я сто раз так делал!

Через приведенный код можно не только отправить письмо хозяину странички, но и исполнить на сервере переданный через форму код(да ладно, много кто отключает php exec() и т.п. ?). Итак – выполняем код, заливаем зловредную программу.  И понеслось! Рассылаем спам. Шаримся по серверу в поисках чего бы украсть. Атакуем при помощи нашего сервера другие. Воруем, убиваем, ебем гусей. Хозяйский сайт в лучшем случае падает в поиске, в худшем – банится повсюду навсегда = ноль заказов, ноль прибыли.
А в особо конкурентной борьбе – можно сами заказы перехватывать и выполнять вместо хозяина, в то время как маркетологи будут сокрушаться по высоким ставкам в рекламе и низкой конверсии.

Ссылку на изготовителей осознанно не даю, ибо тысячи их.

Идеолог

Сегодня на рабочей встрече (в субботу, бгг) при знакомстве с новыми участниками проекта меня представили “идеологом проекта”. Проникся.
На самом деле я регулярно затрудняюсь придумать себе должность, потому что на деле моя роль при взаимодействии с внешним миром от лица клиента обычно звучит так: “это Андрей, человек и пароход он тут все знает”. Типа, главный по тарелочкам.

Контент для сайта и товары для интернет-магазина

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

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

Смотрите сами. Есть, например, медицинская клиника, которая что-то там лечит. Единственный письменный источник, где перечислены услуги – прейскурант. Ну ладно, иногда еще буклет есть рекламный. Носители информации – заведующие отделениями и врачи. Больше узнать о том, кто, что, как и почем лечит – неоткуда. Вообще. Совсем.

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

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

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

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

Что делать? Прикидывать затраты человекочасов и рублей на подготовку контента заранее, начинать работы сразу со старта проекта. Как ориентир – одна страница для клиники из первого примера обойдется в сумму от 1000 рублей, но скорее всего – в районе 2500 рублей, плюс человекочасы интервьюируемого персонала, плюс фото-видео. Пересчитываем разделы прейскуранта, складываем, умножаем, закладываем еще 30% на общую информацию. Можно ли поторговаться? Можно попробовать.

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

Простые радости автоматизации и технологий

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

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

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

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

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

Я часто рассказываю о том, что обновлять информацию на сайте о ценах и количестве товара можно хоть раз в минуту, устроив обмен данными между системой управления торговлей и сайтом. Даже если единой базы данных с товарами нет, а работа выстраивается на базе MS Excel и прайс-листов, все равно после минимальных телодвижений в сторону стандартизации документов возможна их автоматическая обработка и выгрузка в интернет. И наоброт, собирать прайс-листы в формате Экселя из базы данных интернет-магазина тоже можно. Показываю, что после посильных по деньгам изменений в популярных движках для интернет-магазинов можно группировать на одной страницы товары по общему признаку, делая покупателю удобно и красиво, а себе – экономию на труде работников.

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

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

5 аналитиков на 5 разработчиков

 … – а аналитики – ребята, которых вроде бы и нет, но они есть.

Это наблюдение иллюстрирует значимость этапа сбора требований и проектирования в разработке всяких штук, которые автоматизируют баш бизнес. Вот, к примеру, узкоспециализированная больше некуда система: «Автоматизации материально-технического снабжения» для нефтегазодобывающих предприятий на базе SAP R/3. Поясню, что SAP для большого бизнеса (тысячи рабочих мест) – это как 1С для малого и среднего.

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

Работы по проектированию и реализации проекта по созданию системы «Автоматизации материально-технического снабжения» для нефтегазодобывающих предприятий предлагается выполнить в срок от 1 до 1,5 лет
Опытную эксплуатацию предлагается провести в течение 3 месяцев
Для реализации предполагается привлечь команду из 11 специалистов:
1 руководитель проекта,
5 бизнес аналитика / консультанта по логистике (обследование, системный анализ, разработка Регламентов, проектирование, настройки SAP R/3, документирование),
3 разработчика ABAP (доработка функциональности SAP R/3, документирование),
1 консультант SAP BC (установка и настройка программного обеспечения SAP R/3, администрирование, настройка ролей и полномочий),
1 инженер по качеству ПО.
Источник: http://www.primegroup.ru/services_and_decisions/prog/asu_mts/ 

Десять человек, из которых пять – только бизнес-аналитики, и пять – все остальные, а именно программисты, сисадмины и тестировщики. Эти люди обещают работать каждый рабочий день в течение года. То есть половина из человеко-часов при внедрении ПО уходит на “подготовительные”, по мнению большинства непосвященных, работы. К вопросу сколько это стоит – SAP-разработчик в России в месяц имеет зарплату от 100000 руб., работать привык в комфортном офисе, плюс остальные затраты, плюс командировки на объекты внедрения. Это только затраты на офис и кадры. По-моему достаточно, чтоб прикинуть.

В решениях и интернет-проектах для бизнеса размером поменьше все то же самое, только человеко-часов меньше. Дорого? Смотря на сколько заложиться по окупаемости.
Нет денег на проектирование под себя – подстраивайте себя под готовые или даже SaaS решения. Если повезет, то только на консультации потратить порядка 20000 руб. надо будет, и столько же – на установку готового решения. Упс, и снова соотношение проект\реализация совпадает.

Сайты на Joomla вызывают у владельцев геморрой

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

Обратились ко мне с просьбой поправить сайт, работающий на CMS Joomla. Кто не в курсе – это одна из самых популярных open source систем управления сайтом. Система не сказать чтобы плохая – система сборки меню, подключения модулей в нужных местах и вообще развитая система расширения функционала через компоненты, модули и плагины (в Джумле это все разные штуки) позволяют умелыми руками делать из нее офигительную балалайку.

Но это в идеальном мире. Реалии унылы чуть менее чем полностью.

КПЗ “Joomla sucks”

Читать целиком »

Пишем скрипт-отчет по лайкам “Вконтакте” для страниц сайта

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

Все получилось. Результат отдается в виде такой таблицы:

 

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

Читать целиком »

Протокольное альтернативное

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


Оно же на местности: ФордФокусКлуб .

Анонс проекта у автора.

Отдельно примечателен этот проект для меня тем, что здесь я не только занимался сайтом, но одновременно выступил подопытным клиентом. В день запуска проекта помимо денег за работу я получил еще и выплату по своей ОСАГО, поэтому все, что делал сам или в чем так или иначе принимал участие – проверил на себе. Как настоящий ученый, да. “Будем посмотреть”, что дальше из этого вырастет.

 

Протокольное

Получил тут вот такую бумагу.

Будет любопытно, если еще и реализовать все предложения позовут. Лучше чтоб летом. До Черного моря там километров 300 всего, а до Азовского – вообще рукой подать.