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

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

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

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

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

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


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

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

Как делаются сайты на базе шаблонов от Templatemonster и других

Пришло время рассказать немного о делах. Сегодня поговорим о создании сайтов.

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

Все эти сайты родились по чертовски рабочей схеме:

  1. Определились с информацией, которую надо разместить, структурировали ее.
  2. Решили как мы хотим чтобы они выглядели – цвета, шрифты, картинки, вот это все – выбрали шаблон на templatemonster.com и приобрели его.
  3. Переделали шаблон под наши нужды
  4. Внедрили шаблон в систему управления
  5. Создали страницы согласно структуре
  6. Внесли тексты, картинки и медиа на страницы
  7. Наладили сервисы типа обратной связи, карты сайта, подключили счетчики.
  8. Выпустили проект в люди

Под катом чуть подробнее о ключевых моментах работы с шаблонами и картинками “было-стало”.

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

Дизайн нашего сайта сделан профессиональными программистами!

Мне неизвестно, почему в этой стране сложилась так, что веб-сайты делают дизайн-студии. Во всяком случае, в этом нас убеждают эти самые студии. Вообще бред – дизайн-студия должна делать дизайн. Чего угодно дизайн – комнаты, упаковки, кабины трелевочного трактора. Но не строить комнату или выпускать трелевочный трактор. А вот сайты они делают.  Вот и живем мы с убеждением, что главное – это то, как выглядит оформление сайта – рамочки, шапочки, иконки. Так обыватель понимает слово “дизайн”.
Что мы имеем в итоге? Заказчик получает красивый макет, натянутый дизайн-студийными аутсорсерами на какой-то движок. А контент заказчик планирует “как-нибудь сам сделать”, движок же! На выходе получаем красивый экран с отвратным контентом, хорошо если не раскрашенным во все цвета радуги секретарем-олигофреном.

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

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

Этот безумный, безумный рынок…

А давайте порисуем? Об образах и цветовых схемах в оформлении сайта

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

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

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

Уникальность против шаблонности. Шашечки или ехать?

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

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