Помните, когда это был кровоточащий край веб-дизайна?
![Оригинальная домашняя страница AOL «width =» 1024 «height =» 704](https://artforlife.ru/wp-content/uploads/2018/08/pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.png)
Цифровой мир движется быстро. Dial up уступил место Wi-Fi. MS Paint уступила место Photoshop CC. Yahoo! уступил место Google. То, что гладкая и блестящая одна минута, неуклюжая и датируется следующей. Это загадка, которая оставляет каждого владельца бизнеса с вопросом о веб-сайте: «Когда я должен начать думать о редизайне сайта?»
Если вы задаете этот вопрос, наиболее вероятным ответом будет прямо сейчас .
Но перепроектирование вашего веб-сайта кажется такой сложной проблемой, например, когда вы получили свой первый кабель ethernet, и вам нужно было выяснить, в каком порту он вошел. Все эти усилия заставляют вас задуматься, зачем вообще обновлять свой сайт? Тем не менее, вы можете только извинить недостатки своего сайта так долго, прежде чем осознать, что, цепляясь за прошлое, вы только вредите себе.
Хорошей новостью является редизайн сайта, это не должно быть так сложно. Ниже мы объясняем, как это сделать быстро и легко. Вы найдете все, что вам нужно знать о перепроектировании вашего сайта от начала до конца, начиная с пары хороших ответов на вопрос о том, почему обновление вашего сайта в первую очередь.
Содержание статьи
- 1 Почему редизайн вашего сайта? —
- 2 Когда пришло время для редизайна сайта? —
- 2.1 1. Технология устарела.
- 2.2 2. Ваш шаблонный сайт ограничивает ваши будущие цели.
- 2.3 3. Вы ориентируетесь на новый рынок.
- 2.4 4. Вы ребрендинг.
- 2.5 5. Вы не можете обновлять его регулярно.
- 2.6 6. Вы хотите оставаться в курсе современных тенденций дизайна.
- 2.7 7. Вы не отвечаете вашим бизнес-целям.
- 3 Какой редизайн вам нужен? —
- 4 Как вы перепроектируете свой сайт? (Процесс редизайна) —
- 5 Takeaway: разница, перестраивающая ваш сайт, может сделать —
Почему редизайн вашего сайта?
—
Есть две очень веские причины для перепроектирования вашего сайта: трафика и конверсий, жизненной силы онлайн-бизнеса.
Для деловых людей не всегда очевидно, насколько важно веб-дизайн в нижней строке. В свою очередь, тактика продаж продавца увеличивает их шансы на продажу. Точно так же дизайн вашего сайта может увеличить ваши шансы на конверсию. Те же принципы бизнес-психологии по-прежнему актуальны онлайн — вам просто нужно их визуально перевести.
Например, правильное размещение и цвет вашей кнопки «призыв к действию» могут увеличить количество пользователей. Просто посмотрите, что Левон Ресурс сделал со своей кнопкой CTA в редизайне по сравнению с оригиналом.
Реорганизация вашего сайта может даже помочь, прежде чем посетители перейдут на вашу страницу, улучшив вашу поисковую оптимизацию. SEO-тактика меняется каждые несколько лет, особенно когда Google обновляет свой алгоритм или внедряется новая технология. Последним примером является Alexa и другие голосовые интеллектуальные динамики. Слова, используемые при типе людей, отличаются от тех, которые используются, когда они говорят, поэтому компании теперь включают в себя больше ключевых слов, ориентированных на конкретные слова, в своих стратегиях SEO. Такие технические проблемы, как это, почему компании должны постоянно обновлять свои проекты сайтов.
Действительно ли дизайн действительно имеет значение? Давайте посмотрим на пример.
На 99designs мы полагаемся на преимущества редизайна веб-сайта так же, как и все. Мы периодически перепроектируем нашу собственную домашнюю страницу, а не потому, что она не работает хорошо, а потому, что она может работать еще лучше.
Некоторое время назад мы рассмотрели вопрос о том, может ли добавление видео увеличивать количество конверсий. Вместо того, чтобы просто слепо идти вперед с экспериментальной редизайном, мы хотели проверить нашу теорию, чтобы понять, насколько она эффективна. Тестирование пользователей имеет важное значение для редизайна, поскольку он показывает в недвусмысленных выражениях, какие проекты могут улучшить трафик и конверсии.
Мы рекомендуем тесты A / B, где две версии одного и того же экрана передаются различным группам тестов, и их поведение записывается. Лучше всего проверять только одну переменную за раз, чтобы вы не неверно истолковали данные. Если одна тестовая группа лучше реагирует на одну версию, чем другую, ясно, что это версия, которую вы должны использовать в редизайне своего сайта.
![](https://artforlife.ru/wp-content/uploads/2018/08/pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.jpg)
![](https://artforlife.ru/wp-content/uploads/2018/08/1533849307_26_pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.png)
Мы протестировали новую версию нашей домашней страницы, добавили видео и скопировали об одном из наших клиентов и сравнили его с нашей оригинальной версией (контроль). Мы обнаружили, что версия с видео перенаправила больше трафика на нашу страницу категории, но далеко от нашей стартовой страницы — одной из наших ключевых страниц конверсии. Вернуться к чертежной доске.
![](https://artforlife.ru/wp-content/uploads/2018/08/1533849307_998_pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.png)
![](https://artforlife.ru/wp-content/uploads/2018/08/1533849307_245_pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.png)
Мы продолжали тестировать разные версии, точно настраивая наши результаты на основе данных предыдущего теста. Медленно, но верно, тестирование показало оптимальную домашнюю страницу, которая максимизировала конверсии, одна с меньшим видео в углу и меньше копией.
![](https://artforlife.ru/wp-content/uploads/2018/08/1533849307_773_pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.png)
Поведение человека удивительно предсказуемо, поэтому окончательная тактика возникла и доказала себя в течение последних двадцати лет развития Интернета , Зная, как долго писать текст, когда вставлять графику, как структурировать вашу навигацию и тысячи более тонких дизайнерских решений, все это часть этой науки, которая растет каждый день.
Мы не ожидаем, что вы сами узнаете все эти крошечные детали. Но хороший дизайнер будет. Вот почему мы рекомендуем нанять профессионала; они знают, как обращаться с этими областями, поэтому вам не нужно.
Когда пришло время для редизайна сайта?
—
Не избивая куст, вы должны обновлять свой сайт каждые 3-4 года отдавать или принимать. Это просто свободный тест, и определенные ситуации и отдельные компании не соответствуют этому графику. Но если вы ищете систему отсчета, дизайнерское агентство First Scribe ставит его каждые 3 года, 3 месяца, 3 дня, 3 часа и 3 минуты на точку.
Это правило вполне соответствует текущим темпам как дизайна, так и тенденций SEO. Что-то дольше, чем это, и ваш сайт начинает казаться старым для обычного интернет-пользователя.
Теперь большинство компаний не достигли этого крайнего срока, и многие компании не могут потому что им не хватает ресурсов. Итак, мы придумали список из 7 красных флагов, чтобы вы знали, что больше не можете откладывать перепроектирование своего веб-сайта.
1. Технология устарела.
Является ли ваш сайт мобильным? Пять лет назад вы могли бы отказаться от использования одного и того же дизайна сайта на рабочем столе и на мобильных устройствах, но не более того. И это наш смысл. Каждые несколько лет, как люди просматривают Интернет, инструменты, которые они используют для взаимодействия с ним, меняются и развиваются. Ваш сайт должен развиваться вместе с ним, или люди просто перестанут его использовать. Просто спросите у 8 из 10 человек, которые перестанут взаимодействовать с сайтом, если контент не отображается на устройстве.
![Нажмите, чтобы включить Adobe Flash Player "width =" 997 "height =" 616](https://artforlife.ru/wp-content/uploads/2018/08/1533849307_64_pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.png)
Хорошим примером на данный момент является Flash. В начале 2000-х годов Flash тоже был краем технологии, и поэтому в течение многих лет после этого многие сайты полагались на нее. Но Flash был разработан в эпоху настольных компьютеров, и когда мобильный стал доминирующим, использование Flash просто вернуло сайты. Когда браузеры перестали поддерживать его, сайты начали выбрасывать его, как старое мясо. Другими словами, если ваш сайт по-прежнему использует Flash или любые другие устаревшие технологии, вы должны рассмотреть редизайн сайта.
2. Ваш шаблонный сайт ограничивает ваши будущие цели.
Шаблонные сайты — это находка для малых предприятий, у которых ограниченные ресурсы, когда они начинаются, но золотая рыбка может расти только до размеров ее чаши. В какой-то момент ваше процветание потребует от вас получить свой собственный просторный веб-сайт, который может масштабироваться соответствующим образом.
Оставляя свой шаблонный сайт позади или, по крайней мере, расширяя его, предоставляет вам множество преимуществ: хостинг лучших веб-приложений, более богатая графика, безудержное творчество с вашими проектами или просто добавление большего количества страниц, что необходимо для расширения сайтов электронной торговли их ассортимент продукции. Вы даже можете использовать свои собственные платежные шлюзы, чтобы не платить комиссионные за ваш онлайн-арендодатель.
3. Вы ориентируетесь на новый рынок.
![дизайн героя мальчика «width =» 674 «height =» 873](https://artforlife.ru/wp-content/uploads/2018/08/1533849307_577_pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.jpg)
Редизайн сайта часто является бизнес-решением: нацеливание на новый рынок означает новые визуальные эффекты и новое удобство для их умиротворения. Представьте себе, что вы собираетесь нацелить Millennials на таргетинг на Baby-boomers. Вам нужно избавиться от всех ваших эмоций и использования слова «cray».
Различные демографии, локали и культуры имеют разные предпочтения для визуальных, текстовых тонов, интерфейсов, взаимодействий, поисковых ключевых слов и даже таких массивных, как инфраструктура вашего сайта. Если сдвиг на рынке достаточно велик, вам нужно перепроектировать сайт для соответствия. Что-то вроде их среднего дохода влияет на то, какие устройства они используют для просмотра, например.
4. Вы ребрендинг.
Возможно, это не они, это вы. Возможно, вы хотите изменить свои ценности бренда, или вы поняли, что приобретете больше бизнеса, если будете казаться более доступными. В качестве отражения вашей индивидуальности вашего бренда ваш сайт должен измениться вместе с вами.
Даже незначительные изменения, такие как цветовая схема бренда, могут потребовать полноценной реорганизации сайта. Тонкие эстетические изменения могут в значительной степени выиграть от согласованности, и если ваш сайт не повторит ваш новый бренд, он по-прежнему устареет по умолчанию.
5. Вы не можете обновлять его регулярно.
Дни, когда вы должны были знать код для публикации на своем сайте, закончились. Рост WordPress и других систем управления контентом (CMS) показывает, что существует огромный рынок людей, которые хотят иметь возможность контролировать то, что находится на их веб-сайте.
Google и другие поисковые системы поймали эту волну. Сайты, которые обновляют часто похожие блоги, вознаграждаются более высоким рейтингом, поэтому перепроектирование вашего веб-сайта позволяет быстрее публиковать фактические выгоды для SEO.
Если вы все еще живете в страхе, что что-то измените на своем сайте, он пошлет его, как Jenga, вы будете приятно удивлены тем, насколько легко получить CMS в эти дни. Не говоря уже о практическом.
6. Вы хотите оставаться в курсе современных тенденций дизайна.
Редизайн веб-сайта не всегда о необходимости. Иногда это более поверхностно. Точно так же, как устаревшая одежда (неестественно) может быть отключением, так и люди думают дважды о том, как вести бизнес с устаревшим сайтом.
![](https://artforlife.ru/wp-content/uploads/2018/08/1533849307_515_pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.jpg)
Погруженный в визуальные эффекты, веб-дизайн далек от иммунитета к причудам стилистических тенденций. Каждые несколько лет мы видим, что эстетические причуды отливы и поток, поэтому каждый избегает скейоморфизма, хотя в начале 2010 года он был в ярости. И если вы хотите встретить как современную компанию, вам нужно посмотреть на нее.
7. Вы не отвечаете вашим бизнес-целям.
Последнее, и, возможно, самое важное, ваш сайт не выполняет свою работу. Если вы не соответствуете целевому коэффициенту конверсии или трафику, если ваш показатель отказов слишком высок, а ваши сообщения электронной почты слишком низки, возможно, проблема заключается в самом дизайне.
Мы упомянули об этом в первом разделе, но повторяем: хороший веб-дизайн может влиять на конверсии и привлекать новых посетителей. Если ваш сайт неэффективен, вам необходимо вернуться и заменить свой выбор дизайна с нуля.
Какой редизайн вам нужен?
—
Редизайн вашего веб-сайта не всегда так же прост, как переход от точки А к точке Б. Возможно, вы захотите перейти на пункт C или, возможно, где-то между точками D и E.
Прежде чем начать новый веб-сайт, важно знать, какой редизайн вы хотите, каковы ваши цели и что вы можете себе позволить в своем бюджете. Давайте рассмотрим некоторые распространенные типы редизайнов.
Периодическое обновление
![Редизайн веб-сайта ReviewBoost «width =« 821 «height =» 539](https://artforlife.ru/wp-content/uploads/2018/08/1533849307_177_pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.png)
Это ваш стандартный редизайн сайта, рекомендованный для всех веб-сайтов каждые несколько лет. Это было бы похоже на то, чтобы взять ваш автомобиль на регулярную настройку, если бы технология для автомобильных деталей устарела в течение пяти лет.
Периодические обновления постоянно поддерживают ваш сайт и делают все возможное. Этот вид редизайна сосредотачивается на том, чтобы поддерживать современные тенденции дизайна — как визуальные, так и удобные в использовании, например, любые меры контроля жестов в настоящий момент, — и обновляя вашу стратегию SEO, чтобы отразить изменения в вашей компании и в мире в целом.
Не каждый имеет ресурсы для проведения крупномасштабного редизайна веб-сайтов каждые несколько лет, но хорошая новость заключается в том, что им не нужно ломать банк. Периодические обновления обычно имеют только незначительные изменения, но чем дольше вы ждете обновления, тем дороже это становится. Чтобы вернуться к аналогии с автомобилем, дешевле выполнять периодические настройки, чем заменять сломанные детали.
Стратегическая переориентация
![Редакция сайта 5 Star Productions «width =» 893 «height =» 564](https://artforlife.ru/wp-content/uploads/2018/08/1533849307_496_pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.png)
. Этот тип редизайна больше связан с изменениями в вашем бренде, а именно с ориентацией на новый рынок, изменением вашего имиджа или демонстрации больших изменений, таких как продвижение события или нового представителя.
Некоторым компаниям, возможно, никогда не придется менять свой веб-сайт таким образом, но когда они это делают, это может быть внезапным и в сжатые сроки. Насколько интенсивна редизайн сайта, зависит от того, насколько велика смена, поэтому затраты различаются.
Редизайн на основе данных или клиентов
Это похоже на стратегическое переориентацию, за исключением того, что изменения продиктованы данными клиентов или клиентов. Одним из примеров может быть то, что вы замечаете обратную связь с клиентами, жалующимися на то, что трудно найти вещи на вашем сайте. Другим примером может быть быстро снижающийся коэффициент конверсии в вашей аналитике.
![Таблица мобильной рулетки BetVoyager Casino «width =» 834 «height =» 575](https://artforlife.ru/wp-content/uploads/2018/08/1533849308_846_pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.png)
Ключом к пониманию ваших клиентов является регулярное тестирование пользователей, а не только для перепроектирования вашего сайта. Положитесь на как можно меньше догадок, а вместо этого сосредоточьтесь на эмпирических данных, которые подскажут вам, что нужно изменить и как. Как и в случае с тестами A / B, которые мы упоминали в первом разделе, правильные варианты дизайна проявляются через тестирование.
Это не просто применимо к визуальным и пользовательским данным. Пользовательские данные также могут рассказать вам, какие устройства чаще всего используют ваши покровители, поэтому вы знаете, какие из них приоритеты. Анализ данных может быть неожиданным, особенно если большой сегмент ваших посетителей использует устройство, на котором ваш сайт не оборудован.
Как вы перепроектируете свой сайт? (Процесс редизайна)
—
Если вы заинтересованы в перепроектировании вашего сайта, вот три упрощенных шага:
1. Цели проекта
Чтобы сэкономить время и деньги, вам нужно точно знать, что вы хотите, чтобы ваш редизайн выполнил. Это сделать ваш сайт выглядеть и соответствовать современным стандартам? Привлечь новую группу посетителей? Чем более конкретными (и реалистичными) ваши цели, тем лучше.
Ваши цели также должны быть групповым решением. Включите представителей из разных областей вашей компании: маркетинг, продажи, технические специалисты, ИТ, бухгалтерский учет, обслуживание клиентов, руководители — даже HR может добавить что-то. Ваш сайт является микрокосмом всего вашего бренда, поэтому он должен отражать каждый аспект.
![Оптимизация аналитики данных «width =» 590 «height =» 400](https://artforlife.ru/wp-content/uploads/2018/08/1533849308_163_pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.png)
Даже если вы просто делаете периодическое обновление, это всегда стоит проверять данные пользователя. Во-первых, это может выявить проблемы, о которых вы даже не знали, но также вы должны знать, какие изменения приоритеты над другими.
Как только вы узнаете свои цели, вы можете провести более конструктивные тесты, чтобы определить, какие изменения наиболее эффективно решают проблемы. Опять же, мы упомянем A / B testing (который вы можете настроить самостоятельно через сервисы, такие как Optimizely), но есть и другие способы проникновения в головы ваших клиентов:
- Surveys . Вы можете легко добавить опрос клиентов на свой существующий сайт и послушать то, что ваши посетители хотят изменить, своими словами.
- Тепловые карты . Как пользовательский тест, карты тепла показывают, какие области посетителей вашего сайта взаимодействуют с большинством. Это дает ценную информацию о расположении экрана, навигации, использовании изображений, стратегиях конверсии — почти все на вашем сайте.
- Профессиональная оценка . Вы можете просто нанять экспертов по дизайну, чтобы посмотреть на свой сайт и рассказать вам, что вы должны изменить и как … хотя это один из самых дорогих вариантов.
Наконец, прежде чем двигаться вперед, дважды проверьте свою команду SEO и посмотрите, есть ли место для улучшения. Проверьте эффективность ваших текущих ключевых слов и посмотрите, показывают ли какие-либо новые возможности.
2. Решите, кто нанять
Больше, чем вы хотите, вы также должны учитывать, что лучше всего подходит для бюджета компании. Среди вариантов ниже, которые были бы наиболее реалистичным вариантом для вашей компании:
Внутренняя
Если у вас уже есть собственные веб-дизайнеры и / или разработчики, посмотрите, соответствуют ли они задаче. Имейте в виду, что не все дизайнеры web дизайнеры, так что это может быть вне их лиги. Кроме того, в зависимости от объема редизайна они могут быть слишком заняты, но вы всегда можете нанять дизайнера-фрилансера, чтобы поделиться с ними рабочей нагрузкой.
Агентства
Это вариант для людей, которые хотят быть менее вовлеченными в процесс — больше похоже на передачу обслуживания и ожидание. Хорошее дизайнерское агентство будет иметь штат специалистов, поэтому каждый аспект вашего сайта должен быть обработан в зависимости от их качества. Недостатком агентств является то, что они являются самым дорогим выбором, поэтому, если цены беспокоят вас, вы можете выбрать более дешевый вариант.
фрилансер
Наем внештатного дизайнера — идеальный средний маршрут между обработкой редизайна и использованием агентства. Вы получаете одинаковое дизайнерское мастерство агентства, но на долю стоимости. Хитрость заключается в том, чтобы найти внештатного дизайнера, который соответствует стилю, на который вы нацеливаетесь, поэтому используйте наш инструмент поиска, чтобы отфильтровать дизайнеров, с помощью которых они специализируются, уровень их мастерства и многое другое.
Конкурс дизайна
Ввод в эксплуатацию конкурса дизайна — альтернативный метод найма фрилансера для людей, которым нравится «видеть его до того, как они выберут». В конкурсе дизайна вы быстро заполните краткое объяснение того, что вы ищете, и любые другие подходящие Детали. Затем дизайнеры со всего мира подают образцы на основе того, что вы заполнили. Затем вы выбираете финалистов и даете им заметки, чтобы еще больше оттачивать то, что вы хотите. Наконец, вы выбираете дизайн, который вам больше нравится. Стоит отметить, что это отличный способ снизить вашу визуальную концепцию, но вам может потребоваться сделать дополнительную работу за пределами оригинального конкурса для разработки всего сайта. Вы можете начать с вашего сайта редизайн контента здесь.
Независимо от того, какой вариант вы выберете, вам также нужно будет рассмотреть, как вы развиваете свой веб-дизайн. Некоторые агентства предлагают развитие в своих службах, но независимо от того, вы всегда можете нанять фрилансера, если у вас нет никого, способного работать.
3. Процесс проектирования
С вашего конца процесс проектирования довольно прост. В зависимости от того, сколько или как мало вы хотите принять участие, вы можете выбрать, как часто регистрироваться у вашего дизайнера. Но по большей части проект теперь находится в руках тех, кто проектирует ваш новый сайт.
![Каркас для мобильного банковского приложения "width =" 821 "height =" 1127](https://artforlife.ru/wp-content/uploads/2018/08/1533849308_93_pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.png)
Конечно, вы всегда можете давать заметки на протяжении всего процесса, чтобы руководствоваться дизайнером в правильном направлении. Просто не забудьте сообщить все, что хотите, чтобы избежать ненужных задержек и заблуждений.
Вы можете больше узнать об этом процессе в нашем окончательном руководстве по веб-дизайну, но чтобы дать вам представление о том, чего ожидать, давайте кратко рассмотрим шаги:
- Wireframing — грубая схема предлагаемого дизайна
- Look and feel — настройка правильного атмосферного тона, в зависимости от вашего бренда и целей
- Создание шаблона страницы — создание основы для окончательного дизайна
- Кодирование — ваш разработчик строит дизайн
- Заполните содержание -you и / или ваш дизайнер добавьте в шаблон конкретные изображения, слова и т. Д.
- Пользовательское тестирование . Посмотрите, как ваши пользователи реагируют на ваш новый дизайн и поймают любые ошибки
. Сколько времени занимает процесс проектирования, зависит от количества и изменений, которые необходимо внести, и их серьезности. Если у вас не так много времени, вы можете заплатить дополнительно за сверхурочную работу.
Takeaway: разница, перестраивающая ваш сайт, может сделать
—
Каждый любит историю перестройки, не так ли? Недавно мы провели массовый редизайн веб-сайта на нашей платформе, который показывает, насколько существенна разница в дизайне вашего сайта.
Crewsware Software, Inc. пришли к нам, потому что они хотели расширить свою клиентскую базу на новые территории, со вторичной целью сократить время, которое их текущие клиенты должны были потратить на своем сайте для удобства.
После ввода в эксплуатацию конкурса дизайна они выбрали запись от нашего дизайнера Уксу в качестве победителя.
![Сайт Crewsware Software, Inc.](https://artforlife.ru/wp-content/uploads/2018/08/1533849308_105_pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.png)
![Редизайн веб-сайта Crewsware Software](https://artforlife.ru/wp-content/uploads/2018/08/1533849308_512_pre-redizajn-sajta-pochemu-kogda-i-kak-obnovlyat-vash-sajt.png)
До и после их редизайна веб-сайта, как ночь и день. С чем бы вы хотели заниматься?