Что такое редизайн и как его сделать?

Содержание

  • 1 Редизайн сайта: что это такое и зачем нужно?
    • 1.1 Признаки того, что вам и вашему сайту уже пора сделать редизайн:
    • 1.2 Что нужно учитывать при разработке ТЗ для редизайна сайта?
    • 1.3 Вместо итога:
  • 2 Как правильно сделать редизайн сайта
    • 2.1 Убедитесь, что редизайн вам необходим
    • 2.2 Привлекайте ваших посетителей
    • 2.3 Тестирование веб-сайта
    • 2.4 Не меняйте макет сайта сразу
    • 2.5 Обеспечьте обратную связь даже после завершения редизайна
    • 2.6 Поясните причины вашего решения
    • 2.7 Сделайте руководство для нового дизайна
    • 2.8 Речь идет о ваших ошибках
    • 2.9 Используйте их отзывы
    • 2.10 Возвращайтесь назад при необходимости
    • 2.11 Всегда прислушивайтесь к мнениям пользователей
    • 2.12 Итог
    • 2.13 Читателям также нравится:
  • 3 Что такое редизайн сайта и зачем он нужен?
    • 3.1 Истинные задачи редизайна
    • 3.2 Критерии удобства пользования сайтом
    • 3.3 Mobility-usability или удобство пользования сайтом с мобильных устройств
    • 3.4 На сладкое: плюсы редизайна для поискового продвижения
    • 3.5 Пара слов про редизайн для SEO
    • 3.6 Резюме
  • 4 Как правильно сделать редизайн сайта
    • 4.1 Убедитесь, что редизайн сайта необходим
    • 4.2 Привлекайте мнение ваших посетителей
    • 4.3 Тестирование нового дизайна
    • 4.4 Не меняйте дизайн сайта сразу
    • 4.5 Обратная связь нужна даже после завершения редизайна
    • 4.6 Обозначьте причины вашего решения
    • 4.7 Создайте руководство для нового функционала
  • 5 Как это делается? Правильный редизайн сайта
    • 5.1 1 Анализируем действующий сайт
    • 5.2 2 Планирование изменений
    • 5.3 3 Собственно, редизайн
    • 5.4 4 Верстка
    • 5.5 5 Программирование
    • 5.6 6 Наполнение контентом
    • 5.7 7 Контроль качества и запуск
    • 5.8 8 Что улучшить?

Редизайн сайта: что это такое и зачем нужно?

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

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

Среди разработчиков существует мнение, что обновлять дизайн сайта следует не реже 1 раза в 5 лет.

Редизайн – это не просто смена оформления. Подобного рода процедура подразумевает еще и серьезные изменения функционала ресурса, вплоть до переноса на другую, более удобную CMS.

Признаки того, что вам и вашему сайту уже пора сделать редизайн:

  1. Дизайн сайта в прямом смысле слова устарел

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

    Веб-технологии – пожалуй, одна из наиболее быстро развивающихся сфер.

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

    Посмотрите на то, как изменялся дизайн сайта Ozon.ru. Вот так выглядела главная страница 19 июня 2000 года:

    Через 5 лет, 19 июля 2005 года:

    16 сентября 2010 года:

    И наконец, узнаваемый всеми Ozon; снимок от 1 марта 2016 года:

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

    Компания «Яндекс» выполняет масштабный редизайн своего сайта каждые два года – настоящий пример для подражания.

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

    Кстати, вот таким современным стал сайт акушера-гинеколога после редизайна:

    Хотите посмотреть, каким был ваш сайт 5 лет назад? Вам сюда.

  2. Ваш сайт создан на конструкторе и используется шаблонный дизайн

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

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

    Строительство деревянных домов

    Отель на Байкале

    Откачка ЖБО

    Ремонт квартир

    Почему шаблонный дизайн – это плохо?

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

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

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

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

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

  3. Обилие технических ошибок

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

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

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

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

    Большой процент отказов показывает, что сайт явно не нравится пользователям:

    Если конверсия у сайта низкая (ниже 1%), процент отказов выше 20%, это повод задуматься над редизайном.

  5. Сайты конкурентов выглядят намного выигрышнее на фоне вашего

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

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

    Сайт, который крутится по контекстной рекламе:

    Сайт, находящийся на первом месте органической выдачи:

    Второе место ТОПа:

    ТОП-3 завершает вот такой сайт:

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

    И если ваш сайт не такой, то и в ТОП ему, попасть будет сложно:

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

Как составить ТЗ разработчикам? На что нужно обратить внимание? И, наконец, как не просесть по имеющимся позициям? Разбираемся по порядку.

Что нужно учитывать при разработке ТЗ для редизайна сайта?

Шаг 1. Решите, для чего вы заказываете редизайн

Хотите привлечь новых клиентов? Увеличить продажи? Тогда уточните у разработчиков, делают ли они предварительный маркетинговый анализ рынка.

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

Шаг 2. Установите, как (хотя бы примерно) должен выглядеть сайт

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

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

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

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

Шаг 3. Определите, останется ли сайт на прежней CMS, или все-таки стоит перенести ресурс на новую

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

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

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

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

Шаг 4. Задумайтесь сразу о продвижении

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

Шаг 5. Отслеживайте эффективность

Кстати, а на вашем ресурсе установлены счетчики веб-аналитики? Если до сих пор нет, то обязательно установите!

Важно не просто наводить «красивости», важно сравнить показатели ДО и ПОСЛЕ – тогда вы точно будете знать, что редизайн не навредил сайту, а только пошел ему на пользу.

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

Вместо итога:

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

Пример редизайна интернет-магазина постельного белья:

Таким сайт поступил к нам:

Таким мы его сделали:

Итак, по данным Яндекс.Метрики, исходные показатели у сайта были следующие:

  • глубина просмотра: 4.76
  • среднее время на сайте: 3:42
  • количество отказов 25,9%

После редизайна показатели заметно улучшились:

  • глубина просмотра: 7.89 (увеличилась на 3.13)
  • среднее время на сайте: 4:31 (увеличилось на 1 мин)
  • количество отказов 17.1% (снизилось на 8.8%)

Полное портфолио можно посмотреть тут.

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

Источник: https://1ps.ru/blog/sites/2016/redizajn-sajta-chto-eto-takoe-i-komu-on-nuzhen/

Как правильно сделать редизайн сайта

Сегодня в интернете очень часто можно увидеть редизайн сайтов. Я уверен, что многие из тех, кто сейчас читает эту статью, тоже думают о редизайне своих страниц.

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

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

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

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

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

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

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

Убедитесь, что редизайн вам необходим

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

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

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

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

Привлекайте ваших посетителей

Второй шаг в процессе редизайна — это использование коммьюнити сайта.

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

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

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

Тестирование веб-сайта

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

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

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

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

Не меняйте макет сайта сразу

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

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

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

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

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

Данная стратегия интересна и очень хорошо реализована на социальных сайтах. Поэтому подумайте о ее применении при выполнении редизайна сайта.

Обеспечьте обратную связь даже после завершения редизайна

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

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

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

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

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

Поясните причины вашего решения

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

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

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

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

Сделайте руководство для нового дизайна

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

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

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

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

Речь идет о ваших ошибках

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

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

Это идеальный момент для того, чтобы показать, как близки вы к пользователям.

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

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

Используйте их отзывы

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

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

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

Возвращайтесь назад при необходимости

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

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

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

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

Всегда прислушивайтесь к мнениям пользователей

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

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

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

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

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

Еще одним способом узнавать мнение посетителей является внимательное отслеживание сообщений в социальных сетях.

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

Итог

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

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

Удачного редизайна!

via

Читателям также нравится:

Запущена новая версия сообщества для творческих людей — TopCreator

Источник: http://naikom.ru/blog/archives/6128

Что такое редизайн сайта и зачем он нужен?

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

Павел ШУДНЕВ

Для начала – несколько слов о терминологии.

Слово «редизайн» в русском языке – это такой же неологизм, как, например, «селфи», и в наш обиход оно пришло из английского.

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

Если просто перевести слово редизайн на русский, то окажется, что это всего лишь… переделка. Именно так английское слово redesign переводится – переделка, только и всего. Следовательно, редизайн сайта (website redesign) – это переделка сайта.

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

Истинные задачи редизайна

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

Возможно, вы удивитесь, но если дать слову «дизайн» определение одним словом, то это удобство.

Заметьте: не красота, а именно удобство! Красивый вид может быть результатом работы дизайнера, но не в ущерб удобству: удобство первично.

Соответственно, цель редизайна сайта – сделать сайт удобнее. А в чем может выражаться удобство применительно к сайту? Давайте подумаем:

  1. Удобство чтения (читабельнсть)
  2. Удобство восприятия визуального ряда
  3. Удобство пользования (юзабилити)

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

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

Например, зная, что сначала глаз «схватывает» изображение, а потом – заголовок текста, логично разместить их именно в этом порядке: сначала изображение, потом заголовок.

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

Критерии удобства пользования сайтом

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

Например, очевидно, что структура сайта должна быть такой, чтобы всё (сразу) было ясно: если структура сайта простая (или, как минимум, понятная) пользователь без труда найдет нужную ему информацию. Которая, возможно, станет ключевой для принятия решения о работе с данной компанией…

Понятная структура в сочетании с хорошей читабельностью и «смотрибельностью» сайта создает для пользователя комфортную обстановку, в которой всё его внимание сосредоточено на содержании сайта, а не на его внешнем виде или его структуре (а-ля «где у этих идиотов руководство пользователя?!»).

Следующий момент, о котором часто не думают – это скорость. Скорость загрузки разных страниц сайта (а не только главной страницы).

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

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

Mobility-usability или удобство пользования сайтом с мобильных устройств

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

  • У них в разы большая плотность пикселей. Поэтому то, что на экране ПК выглядит большим, на экране смартфона выглядит маленьким (например, размер шрифта может физически уменьшиться так, что текст станет нечитабельным)
  • Очень важный момент: в работе с мобильными устройствами выбор пунктов меню, переходы по ссылкам и пр. осуществляется не с помощью курсора мышки, а пальцами рук. Ряд привычных решений для ПК (например, выпадающие меню, буллиты в слайдерах, стрелочки маленького размера) в этом случае мало того, что не будут работать, но еще и могут вызвать раздражение пользователя (которое с сайта компании торжественно перейдет на саму компанию)
  • У большинства мобильных устройств разрешение экрана меньше, чем у компьютеров (поэтому сайт в них просто не влезет, и нужно будет его прокручивать)
  • В отличие от ПК, на мобильных устройствах сайты просматривают в двух положениях – в вертикальной и горизонтальной ориентации. По-хорошему, дизайн сайта должен адаптироваться под разные ориентации устройств
  • Во многих регионах России (в том числе, как ни странно, во многих районах Москвы – что уж там говорить о других городах) скорость мобильного Интернета, скажем так, далеко не высокая. Поэтому многие сайты могут вообще не загружаться (и на самом деле не загружаются). На сегодня это неочевидная причина, по которой такому сайту стоит сделать редизайн; завтра это будет жизненной необходимостью.

На сладкое: плюсы редизайна для поискового продвижения

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

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

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

За последние два-три года поисковыми машинами стали отдельно рассматриваться параметры удобства пользования сайтом при просмотре с персонального компьютера (1) и при просмотре с мобильных устройств (2).

Например, популярный сервис Google PageSpeed Insights анализирует удобство сайта для пользователей и скорость.

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

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

Сразу же даются и конкретные рекомендации.

Например, для сайта Яндекс применительно к удобству пользования с мобильных устройств Google рекомендует адаптировать размер контента для области просмотра:

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

Проверьте качество своего сайта при помощи этого сервиса – узнаете о нем много интересного и полезного (в том числе, применительно к задачам его редизайна). И, что важно: эта информация точно будет достоверной и непредвзятой.

Пара слов про редизайн для SEO

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

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

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

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

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

Простой пример, который приходит в голову – редизайн портфолио (скажем, раздел работ строительной компании).

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

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

Тогда результатом редизайна станет в том числе увеличение общего количества страниц сайта на столько, сколько работ размещено в портфолио.

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

Резюме

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

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

д.

Решение этих задач автоматически ведет к улучшению поисковой видимости сайта. Его следствие – рост осведомленности целевой аудитории о вашей компании, что приводит к увеличению продаж. Т.о. редизайн сайта может также позитивно повлиять на рост продаж.

Источник: http://multipromotion.ru/chto-takoe-redizajn-sajta/

Как правильно сделать редизайн сайта

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

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

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

Редизайн сайта не делается ради того, чтобы потратить деньги.

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

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

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

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

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

Убедитесь, что редизайн сайта необходим

Деньги не бывают лишними

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

Имея при себе постоянных пользователей вашего веб-сайта нужно понимать, что у многих из них есть свои определенные требования и ожидания — они знают, где находится поиск, как пользоваться навигацией, где можно найти популярные статьи — вообщем они полностью владеют функционалом вашего портала, и создавая редизайн сайта, вы обязаны минимизировать всевозможные изменения, касаемые внутренней структуры сайта. По созданию структуры сайта, а так же по созданию грамотного дизайна, удобного юзабилити настоящими профессионалами вялется digital агентство WebEvolution.ru. Разработка веб сайтов дело далеко не простое, но агенство Батурина Андрея знает свое дело и на 100% отвечает современным требованиям. Поэтому, если необходим редизайн сайта или его разработка, советую сначала посоветоваться с профессионалами.

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

Если такого контакта нет, то увы, окончательное решение зависит только от вас.

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

Привлекайте мнение ваших посетителей

Обратная связь — это важно

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

Почему? Так гораздо проще наблюдать за реакцией вашей публики, смотрите как это делается. В сайдбар (боковая колонка) вашего портала размещается опрос, о том как пользователи относятся к очередному нововведению.

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

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

Тестирование нового дизайна

Не жадничайте — дайте право голоса публике

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

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

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

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

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

Не меняйте дизайн сайта сразу

Дайте возможность пользователю «вернуться в прошлое»

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

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

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

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

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

Обратная связь нужна даже после завершения редизайна

Не оставляйте без внимания ваших детей

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

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

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

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

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

Обозначьте причины вашего решения

Тоталитаризм давно остался в прошлом, расскажите людям о ваших мыслях

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

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

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

Например когда человек слышит фразу «увеличение скорости загрузки», он приходит в восторг от нового дизайна.

Создайте руководство для нового функционала

Мануал упростит изучение нового дизайна

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

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

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

Источник: http://deadwork.ru/veb-dizajn/kak-pravil-no-sdelat-redizajn-sajta/

Как это делается? Правильный редизайн сайта

На дворе 2015 год, и вокруг только и разговоров что об адаптивности, флэте и видео-контенте. И, наблюдая за всеми трендами веб-дизайна, у каждого владельца веб-проекта наверняка чешутся руки обновить свой, особенно, если его делали 2-3 года назад. 

Созреть к полному перевоплощению сайта непросто.

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

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

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

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

  • Сайтом удобно пользоваться, и это подтверждают данные систем веб-аналитики? (глубина просмотра страниц, целевые действия: подписка, покупка, звонок, заказ, показатель конверсии страниц)
  • Качество сайта соответствует уровню вашей компании? (логично, что если вы лидеры рынка, или стремитесь ими стать, уровень сайта должен предвосхищать ожидания посетителей)
  • Сайт адаптирован под мобильные устройства? (проверить, насколько он адекватен для мобильных юзеров, можно тут)
  • На вашем сайте внедрены хотя бы 5 из 20 фишек веб-дизайна 2015 года (полный список с примерами тут)?
  • Ваш сайт идеален, и в нем нечего улучшать? 

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

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

1 Анализируем действующий сайт

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

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

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

Смотришь, и понимаешь, что существующая главная лучше! Что делать? Мы взяли структуру действующего (над которой бились несколько лет, доводя ее до ума), положили на новый дизайн, и вуа-ля!

Мораль сей басни — не изобретайте велосипед, если вы сделали это раньше. Тюнингуйте его.

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

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

2 Планирование изменений

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

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

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

Важно не только удержать позиции после обновления, но и добавить их.

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

При прототипировании важно:

  • Соблюдать принцип AIDA (Внимание-Интерес-Желание-Действие) на каждой ключевой странице сайта (подробности читайте в статье «Какой должна быть эффективная посадочная страница»)
  • Сделать конверсионными хэдер и футер сайта
  • Учесть особенность мобильных юзеров, продумав навигационные элементы для них
  • Продумывать «фишки» уже сейчас, а не слепо следовать шаблону в голове

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

3 Собственно, редизайн

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

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

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

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

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

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

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

4 Верстка

На этом этапе стоит подключить таких специалистов, как дизайнер и SEO-специалист.

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

А еще для того, чтобы сгенерировать новые вау-элементы, которые внедрит верстальщик: анимация, интерактивные эффекты для ховеров или при скроллинге, и еще много чего.

Опять же, вдохновиться можно на вышеуказанных сайтах.

SEO-специалист нужен для того, чтобы сохранить микро-разметку сайта, все h1, h2, h3 и h4, ничего не потерять из наработок прошлого сайта, и улучшить внутреннюю часть, дабы нарастить позиции после «выката».

Обязательно участие тестировщика — чтобы проконтролировать качество верстки.

5 Программирование

Я надеюсь, вы составили техническое задание, как было рекомендовано во втором пункте? Никогда, никогда не делайте сайт без ТЗ. Знаете такую поговорку в мире веба —«без ТЗ результат ХЗ»? И это еще мягко сказано.

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

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

6 Наполнение контентом

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

Тексты, написанные на «отстань от меня», не принесут плоды.

По опыту редизайна нашего сайта (а страниц у нас там около 1000), контент занимает около 30% всей работы над новым сайтом. Прорисовать для каждой работы в портфолио и кейса новую визуализацию.

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

Хорошо, что все 700 статей блога перенесли автоматически, изначально запланировав это с верстальщиком и программистом. Иначе, просто бы сошли с ума 🙂

Пример страницы услуги нового сайта: 

7 Контроль качества и запуск

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

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

8 Что улучшить?

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

Источник: https://artjoker.ua/ru/blog/kak-eto-delaetsa-redisign/