Почему шаблоны сайтов не оптимизированы (и что с этим делать)

1. Насколько популярны шаблоны сайтов?
2. Оригинальность имеет значение?
3. Они хорошая отправная точка
4. Но это все ...
5. Они не учитывают принципы оптимизации конверсии
6. Они хотят быть модными и красивыми
7. Они делают ленивым легко
8. Как использовать шаблоны ответственно
9. 1. Премия для SaaS
10. 2. Coser для электронной коммерции
11. 3. Деноли для агентств
12. Заключение
13. Похожие сообщения

Зачем делать работу, когда она уже сделана? Это вопрос, который задают владельцы бизнеса и маркетологи, прежде чем нажать «Купить» на шаблоне веб-сайта за 30 долларов.

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

Шаблоны сайтов не оптимизированы для конверсий. Это твоя работа. [Чирикать это!]

Насколько популярны шаблоны сайтов?

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

• ThemeForest только у него есть более 25 000 шаблонов сайтов.
• Целиком Рынок Энвато имеет более 6,8 млн. участников сообщества и более 10,1 млн. предметов дизайна для продажи.
• HubSpot имеет более 1400 шаблонов веб-сайтов и электронной почты.
• TemplateMonster имеет более 50000 шаблонов сайтов.

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

Также полу-недавняя статья Moz упомянул тот факт, что «шаблоны и темы сейчас великолепны» как одна из десяти причин, по которым «веб-дизайн» «умирает».

До этого, Тутс + статья призвал веб-дизайнеров принять менталитет «если не можешь победить, присоединяйся» к шаблонам и темам. По сути, продаем клиентов по настройке шаблона или темы.

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

• Являются ли шаблоны сайтов хорошей идеей с точки зрения оптимизации коэффициента конверсии?
  • Если нет, то чем должны заниматься профессионалы CRO?
  • Если да, то есть ли что-то, о чем должны знать профессионалы CRO?

Оригинальность имеет значение?

Но сначала мы должны задать более простой вопрос: оригинальность уже не имеет значения?

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

Джастин Рондо , Цифровой маркетолог:

«Оптимизаторы, по большей части, не являются обученными дизайнерами - по этой причине я ОЧЕНЬ хорошо с ними использую шаблоны дизайна сайта для первоначальных запусков. В общем, шаблоны предназначены для того, чтобы сделать возможным: 1) создание и запуск сайта и 2) использование схемы дизайна, которую ожидают пользователи.

Второй момент имеет решающее значение! Мы знаем, что нет ИСТИННЫХ лучших практик, но я считаю, что то, что является общим для вашего пользователя, обычно лучше. Поэтому используйте шаблоны в качестве отправной точки, а затем итерируйте, чтобы выяснить, что лучше всего подходит для вашего бизнеса. Не просто установить и забыть! Запустите, получите данные, итерируйте, затем улучшайте.

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

Не парьтесь из этого… используйте то, что работает, затем настройте его, чтобы оно стало вашим. Я имею в виду, серьезно, почти каждый блог использует макет из двух колонок, где контент занимает 2/3 страницы, а справа - рекламные акции, а остальные 1/3 ».

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

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

Джош Данстервилл, который ведет дизайн в KlientBoost , разделяет тот же менталитет ...

Джош Данстервилл , КлиентБуст:

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

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

Они хорошая отправная точка

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

Вы знакомы с выражением «сделано лучше, чем идеально», верно? Шаблоны процветают на этой концепции.

Если у вас есть время и ресурсы для совершенства, побалуйте себя. Но если вы похожи на большинство людей, Скайлар Ричард, дизайнер UX в Qimple, предполагает, что шаблоны веб-сайтов являются «достаточно хорошей» альтернативой…

Скайлар Ричард, Qimple:

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

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

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

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

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

Итак, что вы должны искать в шаблоне сайта? Джош предлагает сосредоточиться на основах, в поисках чего-то простого и скелетного ...

Джош Данстервилл , КлиентБуст:

«Шаблоны не обязательно вредны для UX, однако их следует использовать только в качестве отправной точки. Мне нравится сравнивать шаблоны с домами. При строительстве дома можно начинать с общего шаблона. Вы знаете, что вам понадобится гостиная, кухня, ванная и т. Д.

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

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

Вам также следует искать шаблон веб-сайта с…

• ясность : Облегчает ли шаблон четкое формулирование вашего ценностного предложения?
• отвлечение : Слишком много всего происходит, дизайн слишком занят?
• Навигация: являются значки (если применимо) очистить ? Это достаточно просто?
• Совместимость с мобильными устройствами: как это будет выглядеть на мобильных устройствах?
• Производительность: замедлит ли ваш сайт какие-либо функции или компоненты шаблона?
• UX: Есть ли очевидное UX ошибки ?
• Настройка: Легко ли настроить сайт позже?

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

Но это все ...

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

Они не учитывают принципы оптимизации конверсии

Шаблоны сайтов разрабатываются дизайнерами. Они не разработаны с принципы оптимизации конверсии в уме. Оли Гарднер из Unbounce объясняет, почему это большая проблема ...

Оли Гарднер Unbounce:

« Покупатель остерегается, когда дело доходит до шаблонов веб-сайтов и целевых страниц.

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

Вы, вероятно, купили тему WordPress от ThemeForest или использовал шаблон целевой страницы внутри Unbounce конструктор целевой страницы.

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

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

Вот почему я написал Электронная книга, ориентированная на внимание - создать набор из 23 принципов проектирования, которые можно использовать для создания конкурентного преимущества в бизнесе, обеспечив должное внимание к вашим страницам для создания целенаправленного и упрощенного опыта, разработанного специально для поощрения конверсии ».

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

Выбрав шаблон веб-сайта, который легко настроить, вы можете просто прочитать электронную книгу Оли (и другие ориентированные на конверсию ресурсы по дизайну / UX) и оптимизировать сайт самостоятельно. если ты достаточно трафика для тестирования создавать гипотезы на основе принципов и проверять их. Если нет, принципы могут помочь вам эвристически.

Но имейте в виду, что работа на одном сайте не обязательно будет работать на другом. Как Сара Дуди, основатель UX Notebook , объясняет, преобразования не подлежат передаче…

Сара Дуди , UX Notebook:

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

Когда дизайнеры используют шаблоны, многие из них не думают о том, подходит ли этот шаблон для их аудитории и их контента.

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

Прежде чем использовать шаблон сайта, спросите себя ...

• Подходит ли это для прототипов, существующих в моей отрасли?
• Подходит ли это для моей отрасли?
• Будет ли мой контент работать правильно, если я буду использовать это?

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

Как объясняет Джош, тот факт, что шаблоны веб-сайтов разрабатываются в соответствии с различными контекстами, часто приводит к отсутствию фокуса ...

Джош Данстервилл , КлиентБуст:

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

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

Они хотят быть модными и красивыми

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

Оли Гарднер Unbounce:

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

Тенденции проектирования появляются каждый год, и они слепо внедряются в эти шаблоны без учета потенциальных последствий их включения. Многие (такие как вышеупомянутая карусель) были показаны во многих тестах A / B, чтобы снизить ваши показатели конверсии.

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

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

Подавление прокрутки - это когда разработчик темы включает в себя некоторый код jQuery, который контролирует процесс прокрутки (нарушая 20-летнее соглашение о дизайне взаимодействия). По сути, он пытается сгладить параметры входа и выхода пользовательской прокрутки.

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

Если вы не хотите, чтобы ваши посетители втайне надеялись, что вас убьют огнем, подумайте дважды, прежде чем выбрать шаблон сайта, который выглядит «модным». То, что последнее, редко - то, что лучше всего.

Если вы не знакомы с вышеуказанными терминами, вот что означают параллакс и призрачная кнопка…

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

Джастин повторяет мысли Оли о призрачных кнопках, добавляя еще один распространенный шаблон веб-сайта…

Джастин Рондо , Цифровой маркетолог:

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

Маарья Кяск, веб-дизайнер в CXL добавляет, что хотя шаблоны веб-сайтов могут выглядеть красиво, они, как правило, далеки от реалистичных ...

Маарья Кяск, CXL:

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

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

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

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

Они делают ленивым легко

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

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

Джастин Рондо , Цифровой маркетолог:

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

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

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

Как использовать шаблоны ответственно

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

Несмотря на то, что он в основном говорил о том, где большинство шаблонов веб-сайтов идут не так, он верит, что они могут быть сделаны правильно, если дизайнер сосредоточен на конверсии и готов потратить время…

Оли Гарднер Unbounce:

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

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

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

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

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

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

Вот пара примеров из библиотеки шаблонов Unbounce, которые обсуждает Оли…

1. Премия для SaaS

2. Coser для электронной коммерции

3. Деноли для агентств

Помните, люди, с большим удобством приходит большая ответственность.

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

Маарья Кяск, CXL:

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

Многие клиенты, с которыми мы работали, начали с шаблона и воспользовались нашей помощью после того, как начали свой бизнес.

Если у вас есть больше времени и ресурсов для дизайна, начните с создания копии в первую очередь. Создайте дизайн на основе этой копии, используя лучшие практики. Затем начните итерацию, используя модель ResearchXL ».

Заключение

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

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

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

И помните, ваша работа только началась.

Похожие сообщения

• Не создавайте свой собственный сайт. Нет, правда. Это будет отстой. Вы можете подумать, что так как ...

• В сегодняшнем обзоре я оцениваю, могли ли рассматриваемые веб-сайты сделать что-нибудь для лучшего…

• Хотите сделать свой сайт лучше? Есть много способов оптимизировать…

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

Похожие

Комментарии