Редизайн сайта — к нему прибегают тогда, когда необходимо увеличить его функциональность, произвести оптимизацию — нарастить seo — сохранение позиций или «утолить» эстетические потребности посетителей. И это правильно. Все крупные компании, начиная от Facebook и заканчивая Liberty Mutual периодически меняю дизайн собственных веб-сайтов.

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

В каких случаях он необходим

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

фото 1

Устарел дизайн

Первый признак того, что сайт нужно изменить, — дизайн морально устарел. Каждые несколько лет — обычно от двух до пяти — происходит зарождение новых «трендов» на оформление. Это отлично прослеживается на примере facebook, amazon, ozon и других сайтов, что производят как глобальные, так и менее заметные обновления.

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

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

Изначально сделан на конструкторе

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

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

Многочисленные технические ошибки

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

Невозможно добавить новые разделы

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

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

Ресурс медленный

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

Не отвечает требованиям посетителей

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

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

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

С чего начать

Первое, что необходимо сделать перед началом мероприятия, — подготовиться. Для этого существует несколько основных и дополнительных этапов.

Определение причин для мероприятия

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

  • морально устаревший дизайн;
  • шаблонное оформление;
  • технические неполадки;
  • отсутствие гибкости в редактировании;
  • медленная работа;
  • бесполезность для пользователя.

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

Определитесь с требованиями к внешнему виду

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

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

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

фото 2

Составление плана

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

  1. Креатив-бриф. Это то, каким владелец сайта видит редизайн. В документе содержатся все ответы касательно концепции дизайна, его позиционирования и контента, который должен в дизайн «вписываться». В нем также указывают все нюансы касательно миссии компании, характерных для нее цветов, личные предпочтения и торговые марки. После успешного согласования — переходят к следующему этапу.
  2. Структура сайта. Ее разработку ведет владелец и компания-исполнитель. Концептуальное видение и техническая сторона должны не только работать вместе, но и понимать, что пользователь первичен. Именно поэтому нужно сделать структуру логичной и простой.
  3. Концепция сайта. Основной элемент сайта, который подразумевает соответствие фирменному стилю компании. В этом документе подробно описывается концепция ресурса. Он также является утверждающим и запрещает другим сотрудникам вносить в процесс какие-либо изменения.
  4. Техническое задание. Самый важный элемент, ошибки в котором могут свести на нет работу во всем процессе. Обычно его разработкой занимается компания-исполнитель, а подписывает техническое задание владелец сайта. В нем должно быть подробно описаны все задачи, что должны выполнить дизайнеры, программисты, верстальщики, редактора и т.д. Весь рабочий процесс при создании нового дизайна будет, в первую очередь, ориентироваться на техническое задание.
В том случае, если необходимо внести изменения или добавить что-то в проект — исполнителям увеличивают ставку и дают дополнительное время на выполнение. Поэтому так важен аудит, так как расходы при таком исходе могут быть превышены более, чем в два раза. Бюджет стоит также рассчитывать на время доработок и непредвиденные ситуации при принятии.

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

Что ещё учесть при составлении ТЗ

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

Менять или нет CMS

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

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

Усовершенствование структуры сайта

Улучшить структуру сайта гораздо проще, чем ее создать. Для это достаточно проанализировать тематику сайта и его целевое назначение. Затем, стоит ответить на несколько вопросов:

  • насколько интуитивно меню сайта;
  • насколько удобно нахождение на сайте (переходы между разделами, поиск и т.д.);
  • может ли пользователь попасть или найти необходимый ему материал за 3 клика;
  • этот вопрос вытекает из первого — не теряется ли пользователь на сайте, четко понимая его структуру и карту.

Ответы на них должны дать специалисты компании-исполнителя, компании-владельца, а также сами пользователи. Как только будут заметны «бреши» — их нужно устранить.

Изменение системы навигации

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

фото 3

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

Удаление и добавление информации

Дизайн — это оболочка контента. Именно поэтому нужно провести «чистку» в информации, что находится на ресурсе. Главная страница — грамотная и простая. Превью материалов — краткие и информативные. Страницы материалов — удобные для чтения и без нагромождений в виде рекламы, рекомендаций и т.д.

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

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

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

Работа с графикой и видео

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

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

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

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

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

Как редизайн может помочь в продвижении

Если он проведен качественно, то:

  1. Появился фирменный стиль.
  2. Оптимизирована скорость загрузки.
  3. Улучшено управление для производства контента.

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

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

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

Характерные ошибки

Существует четыре основных ошибки. К ним относится:

  1. Тренды. Не нужно идти на поводу у новых дизайнерских решений, если они не «проверены временем» или права на ошибку нет. Рациональнее изменить идею или подождать, когда она приживется среди пользователей. Отрицательные отзывы о новом дизайне может получить даже крупный медиа-гигант, как Instagram.
  2. Шаблоны. Речь в данном случае не о шаблонах сайтов, а о дизайнерских решениях, что используют миллионы. В этом нет смысла, если идет «слепое» копирование чужих идей.
  3. Время. Затягивать с обновлением оформления не нужно. Во время разработки — идеи актуальны, во время выпуска — устаревшие. Если нет возможности сделать все сразу, то лучше начать с небольших элементов, наращивая темп.
  4. Одновременность. Ошибка, что плавно вытекает из предыдущей. Не стоит пытаться сделать все сразу, если нет соответствующего опыта. В случае, если делать поэтапно уже поздно, то грамотной стратегией выступит допущение к новому дизайну отдельных групп пользователей. Так к нему можно будет привыкнуть и столь радикальное изменение не будет бросаться в глаза.

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

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