15 причин изменить дизайн вашего сайта

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

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

Ваш веб-сайт именно такой.

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

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

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

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

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

Эта проблема усугубляется, когда на сайт никто не обращает внимания - либо из-за недостатка знаний, нехватки времени, либо из-за чистой халатности.

Следите за знаками:

• Показатель отказов домашней страницы превышает 95%, даже при небольшом объеме трафика, который она получает.
• Сайт был разработан более двух лет назад и с тех пор не менялся.
• Этот сайт сейчас не похож ни на что другое в сети (и не в хорошем смысле).

Советы по исправлению:

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

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

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

Есть много причин, по которым посетители могут испытывать затруднения при использовании веб-сайта: навигация загромождена и запутана; путь пользователя сбивает с толку и ведет в тупик; присутствует слишком много CTA; копия не отформатирована для удобства чтения и т. д.

Следите за знаками:

• Среднее время на странице либо очень мало (10 секунд или меньше), либо слишком велико и сопровождается высоким показателем отказов.
• Ежедневный трафик приличный, но ни лидов, ни конверсий не генерируется.
• Инструменты Google Analytics User Flow и Behavior Flow показывают, что большинство посетителей не следуют пользовательским путям или путям, которые вы для них проложили.

Советы по исправлению:

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

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

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

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

Следите за знаками:

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

Советы по исправлению:

В конечном итоге это зависит от того, почему это происходит.

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

Что вам нужно сделать, так это еще одно упражнение по развитию личности пользователя. Теперь вы можете воспользоваться преимуществом получения с веб-сайта тонны данных, которые расскажут вам, кто посетители и почему они там. Если это не те, которые вам нужны, вы можете исправить свои профили пользователей, а затем соответствующим образом спланировать редизайн.

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

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

Следите за знаками:

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

Советы по исправлению:

Это может быть так же просто, как создание нового бренда (например, логотипа, цветовой палитры, типографики и т. Д.). Плюс, конечно, не забудьте обновить руководство по стилю веб-дизайна в процессе.

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

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

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

Следите за знаками:

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

Советы по исправлению:

Такие компании, как Apple, которые выпускают крупные выпуски продуктов и обновляют дизайн и контент своих веб-сайтов хотя бы раз в год, нуждаются в преданном дизайнере, который будет управлять этим за них.

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

Дело не в отсутствии трафика или активности на сайте. Речь идет о людях, которые находят сайт, но не конвертируются, когда они там находятся.

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

Следите за знаками:

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

Советы по исправлению:

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

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

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

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

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

Следите за знаками:

• Данные показывают внезапный спад конверсии и совпадают с известными изменениями на сайте.

Советы по исправлению:

Посмотрите, где вы теряете конверсии. Это повсеместно? Или всего несколько областей вашего инвентаря или веб-сайта больше не конвертируются?

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

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

Ошибки содержат не только плохо или дешево сделанные веб-сайты.

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

Следите за знаками:

• Ключевые части сайта не имеют трафика.
• Показатели вовлеченности и конверсии иссякли, а формы для контактов и оформления заказа напоминают города-призраки.

Советы по исправлению:

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

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

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

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

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

Следите за знаками:

• Количество посетителей на мобильных устройствах хорошее, но производительность мобильных устройств значительно хуже, чем у настольной версии.
• Консоль поиска Google (если у вас есть учетная запись) отправляет владельцу веб-сайта уведомления о проблемах с удобством использования мобильных устройств.

Советы по исправлению:

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

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

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

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

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

Следите за знаками:

• Ваш веб-сайт действительно хорошо ранжируется по определенным поисковым запросам, но большая часть трафика поступает с компьютеров.
• Ваш показатель Google PageSpeed ​​Insights на мобильных устройствах намного ниже, чем на компьютерах.

Советы по исправлению:

Хотя ваши данные могут указывать на эту проблему, вы узнаете об этом, даже не заглянув в Google Analytics или Search Console.

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

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

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

Редизайн веб-сайта - это не всегда изменение внешнего вида внешнего интерфейса. Иногда это требует, чтобы вы посмотрели на запущенное программное обеспечение. Например:

• веб хостинг
• Система управления контентом
• Темы
• Плагины
• Конструкторы страниц
• Сторонние интеграции

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

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

Следите за знаками:

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

Советы по исправлению:

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

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

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

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

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

Следите за знаками:

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

Советы по исправлению:

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

• SEO
• Контент-маркетинг (ведение блога)
• Интеграция соцсетей
• Подписаться на новости
• Воронки продаж

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

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

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

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

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

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

Следите за знаками:

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

Советы по исправлению:

Если зависть клиента обоснована - это означает, что данные показывают, что сайт конкурента действительно превосходит их сайт, - тогда определенно следует провести редизайн.

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

Если вы дадите людям возможность выразить свое недовольство, многие из них воспользуются ею.

Когда дело доходит до веб-сайта, есть много мест, где люди могут оставить отрицательный отзыв о работе веб-сайта или сообщить об обнаруженных ошибках:

• Контактные страницы и формы
• Виджеты чата
• Виджеты обратной связи
• Ссылки на социальные сети
• Обзоры продуктов

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

Следите за знаками:

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

Советы по исправлению:

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

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

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

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

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

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

Следите за знаками:

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

Советы по исправлению:

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

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

Используйте свои данные, чтобы соответствующим образом запланировать временную модернизацию.

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

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

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