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

Этот раздел библиотеки является блогом авторов сайта, в котором последовательно, этап за этапом, описана Методика успешного сайта.

8 простых способов серьезно улучшить мобильную версию сайта

Александр Родионов, директор по развитию, Краснодар, e-xecutive.ru В адаптивном дизайне сайта мелочей не бывает. Каждая ошибка верстки – минус к конверсии, каждый удачный прием – плюс к лояльности и продажам. Наличие мобильной версии сайта стало стандартом, но даже серьезные разработчики продолжают делать ошибки, ухудшающие коммерческие показатели ресурса. Вот несколько приемов, которые помогут заметно улучшить уже существующую версию сайта или избежать ошибок при проектировании новой. Под «улучшить» будем понимать увеличение количества обращений, звонков и посещений физической точки продаж. Я сознательно исключил из текста то, что относится только к e-commerce (иначе пришлось бы писать втрое больше). 1. Ссылки на мессенджеры Мессенджеры – приложения №1 на мобильном устройстве. И для школьника, и для senior manager. Дайте человеку возможность общаться с продавцом через сервис обмена сообщениями – [...]

Лендинг пейдж: как мотивация клиентов увеличивает конверсию?

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

12 классических блоков лендинга. Структура и функционал

Из каких частей можно собрать продающий лендинг и какими возможностями обладает каждый блок? spark.ru систематизировал знания о внутренней архитектуре посадочной страницы. Если вы хоть раз пытались создать посадочную страницу, то рано или поздно упирались в вопрос ее структуры. При огромном выборе конструкторов кажется, что создать лединг проще простого. Нужно просто заменить предустановленные картинки и тексты своими и вуаля — все готово. Эта мнимая легкость. Прежде, чем сверстать лендинг самостоятельно или взять готовый шаблон на сайте, изучите этот список доступных вам вариантов блоков. Мы описали блоки по функциональным возможностям, а не по контенту. В других обзорах вы можете встретить деление блоков на “отзывы”, “снятие возражений”, “УТП”. Давайте условимся, что нужно разделять содержимое (контент) и форму, в которую его можно упаковать. Мы говорим именно о форме. [...]

10 типичных ошибок коммерческих сайтов с точки зрения юзабилити

Источник cossa.ru Предыстория: мы создали краудсорсинговую площадку по юзабилити-тестированию. Владелец сайта может показать свой ресурс, а реальные пользователи смотрят его и комментируют — удобно ли им пользоваться (действия и комментарии человека записываются на видео). Проанализировав 80 роликов, мы составили список типичных ошибок коммерческих сайтов и рассказали, как их исправить. Логотипы, названия, описания Ошибка #1: есть только название компании или ее логотип, но нет описания — чем занимается компания. Пользователю с первой же страницы должно быть ясно, чем занимается данная компания и какие услуги она может предложить. Неудачный пример логотипа #1 Неудачный пример логотипа #2 Ошибка #2: описание специализации компании слишком общее: например, «креативное агентство» — это недостаточное описание, потому что креативное агентство может и разрабатывать сайты, и делать ролики, и проводить мероприятия. Пример слишком общего описания специализации Ошибка #3: для объяснения сути компании используется слоган. Да, слоганы хороши, если у вашего бренда практически 100% узнаваемость и в головах [...]

7 «неправильных» улучшений на сайте. Как извлечь пользу из ошибок

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

Как испортить хороший лендинг: 7 вредных советов от дизайнера ваших конкурентов

Юля Рубцова, convertmonster.ru 28 марта 2016 Психологи утверждают, что первое впечатление о человеке складывается за 5-7 секунд. Это означает, что ещё до того, как вы произнесёте первое слово, собеседник решит для себя, нравитесь вы ему или нет; хороший вы человек или так себе; приятно будет с вами общаться или лучше отделаться общих фраз. То же происходит с сайтом. Прежде чем пользователь прочтет текст и поймет смысл оффера, он уже будет подсознательно настроен на его принятие или отторжение. Проблема в том, что реальный собеседник  в процессе общения может изменить мнение о вас в  в лучшую сторону. Потенциальный клиент не даст вам такого шанса. Есть множество факторов, от которых зависит доверие к сайту. Одним из них является типографика. Типографика — оформление текста с помощью шрифтов и расположения [...]

Цепляющий заголовок. 5 правил, 3 модели и 10 примеров из жизни

Павел Хабаров, convertmonster.ru, 9 марта 2016 ...самым важным элементом страницы является заголовок. Это идеальное сочетание выгод вашего торгового предложения. Его главная задача — кратко и при этом ёмко донести ваше УТП до посетителя страницы. Почему следует уделить самое пристальное внимание заголовку? Заголовок — это первое, на что обращает внимание посетитель. У вас есть несколько секунд, чтобы заинтересовать человека, иначе он перейдет на страницу вашего конкурента. 5 правил создания манящего заголовка Правило 1. Заголовок должен вызывать желание читать дальше Для этого вам следует проанализировать свою ЦА и выявить ее главные потребности. Не стоит недооценивать важность этого действия. Многие владельцы бизнеса искренне считают, что точно знают потребности своей ЦА. Зачастую они путают реальные потребности ЦА и свой субъективный взгляд. Например, человек, продающий кофе оптом, может [...]

Сила цвета в рекламе: какие цветовые сочетания помогают продавать

Тaтьянa Алeкceeвна Буймиcтpу, доцент Технического унивеpcитета Мoлдoвы, доктop арxитектуpы, преподаватель искусства высшей дидактической степени. Элитариум Цвет в дизайне рекламы — одно из самых эффективных визуальных средств. Поэтому значительная часть времени и средств для создания рекламы уходит именно на поиски цветовой гаммы, который заставит клиента обратить внимание на предлагаемые услуги или товар. Как при помощи выбора определенного цвета можно управлять отношением потребителя к рекламе? Как вызывать у потребителя рекламы требуемые эмоции? Рассмотрим те функции, которые выполняет цвет в рекламе. Цвет в рекламе выполняет ряд функций: Привлекает внимание читателей. Способствует пониманию сути товара и услуг. Увеличивает запоминаемость рекламы. Выделяет определенные компоненты рекламы. Подчеркивает определенные свойства товара и услуг. Формирует позитивное отношение к рекламе. 1. Цветная реклама, включая элементарное объявление, написанное от руки, привлечет больше внимания, [...]

ПОЛНОЕ РУКОВОДСТВО ПО ТРЕНДАМ КОНТЕНТ-МАРКЕТИНГА НА 2016. ИНФОГРАФИКА

Источник: rusability.ru Прошлые годы можно смело назвать периодом активного развития диджитал маркетинга в стране и мире. Грядущий 2016 год обещает быть началом его расцвета, временем бурного распространения рекламного контента, видео-маркетинга и адаптации всего вокруг под мобильные устройства. Наступает время технического креатива. Более 2 млрд. человек постоянно используют смартфоны, в связи с этим 90% маркетологов активно переключаются на создание виртуальных торговых площадок и оптимизацию рекламных материалов для мобильных девайсов. Это одно из доминирующих направлений стратегии 2016 года. Тренды 2016 в диджитал маркетинге Сегодняшние тренды, которые войдут с нами в 2016 год и укрепят свои позиции: КОНТЕНТ-МАРКЕТИНГ Контент-маркетинг в 3 раза эффективнее традиционного маркетинга, при меньшей (на 62%) стоимости. Сегодня 86% бизнеса активно использует именно его. БЛОГИ Компании, ведущие блог, имеют на 97% больше посещений своего [...]

10 ПРОВЕРЕННЫХ ИНСТРУМЕНТОВ ДЛЯ ВИЗУАЛИЗАЦИИ ДАННЫХ С КОТОРЫМИ ПРОСТО И УДОБНО РАБОТАТЬ

ЮЛИЯ ЧУВАСОВА, ИНСТРУМЕНТЫ te-st.ru 02.09.2016Работа с электронными таблицами, сервисы быстрой визуализации, создание карт и графиков – представляем вам 10 проверенных и популярных инструментов для визуализации данных и создания мультимедийных проектов.1. ChartBlocksИнструмент для работы с электронными таблицами и базами данных, не требующий знаний программирования. Поможет построить график в течение нескольких минут и создать диаграммы, которые извлекают данные из нескольких источников.ФРАГМЕНТ С САЙТА CHARTBLOCKS.COM/EN/Сайт ChartBlocks2.DatawrapperСервис для визуализации данных для издателей и журналистов. Вы можете объединять Datawrapper с данными любых форматов (Excel, CSV, PDF). Созданные графики могут быть встроены в любой веб-сайт.Datawrapper делает графики интерактивными: наведите курсор на линии, чтобы увидеть точные значения или сравнивать различные наборы данных с помощью кнопок или шкалы времени. Сервис может адаптировать шрифты, цвета и расстояние под вашу стилистику. ФРАГМЕНТ С САЙТА DATAWRAPPER.DEСайт Datawrapper3. PlotlyИнструмент, который поможет создать график за несколько минут, [...]