Зачем рассматривать редизайн веб-сайта — советы и рекомендации

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

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

Ваш сайт виновен в чем-либо из этого? Если это так, возможно, пришло время для редизайна!

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

Давайте посмотрим, что можно сделать, чтобы исправить это.

Создатели веб-сайтов: чревато опасностью

Новые предприятия, как правило, начинают с простых конструкторов веб-сайтов, таких как Wix, Weebly или Squarespace. Эти инструменты упрощают процесс разработки веб-сайта с помощью простых редакторов WYSIWYG («что видишь, то и получишь») и бесплатного хостинга, но эти инструменты редко бывают достаточно сложными, чтобы выделить веб-сайты из толпы.

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

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

Бизнес электронной коммерции использует конструктор веб-сайтов (или CMS с бесплатной темой) → Клиент настраивает одностраничный веб-сайт, просто чтобы сказать: «Привет, мы [название компании] и мы здесь!» → Позже клиент хочет добавить товары, но понимает, что это невозможно.

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

Как эксперт, вот где вы входите.

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

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

Создатели веб-сайтов против найма дизайнера

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

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

Брендинг (или ребрендинг)

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

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

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

• Цвета заставляют вас чувствовать себя определенным образом?
• Вызывают ли изображения/фотографии у пользователя какие-то чувства?
• Удовлетворяет ли общая визуальная эстетика пользователей?
• Является ли копия целевой страницы привлекательной?
• Копия часто задаваемых вопросов полезна?
• Отображает ли общий тон голоса, кто является бизнесом?
• Нужны ли веб-сайту какие-либо дополнительные функции, такие как чат?

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

Расширение функциональности

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

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

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

Редизайн с данными

Как и в случае с брендингом, UX должен основываться на исследованиях пользователей. Инструменты аналитики веб-сайтов, такие как Google Analytics, и инструменты тепловых карт, такие как Hotjar и CrazyEgg, могут помочь вам определить критические области, которые могут нуждаться в переосмыслении, или даже целые функции, которые могут отсутствовать.

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

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

Если вы имеете дело с веб-сайтом, который не использует аналитику веб-сайта, то ваш первый призыв к действию — установить вышеупомянутую Google Analytics (всегда бесплатные, невероятно подробные отчеты). После того, как вы определили проблемные области с помощью Google Analytics, следующим шагом в процессе проектирования является тестирование удобства использования. Такие инструменты, как Hotjar и CrazyEgg, покажут вам, куда именно нажимают пользователи, и вы даже сможете посмотреть, как пользователи ведут себя на веб-сайте, с помощью повторов сеансов. Если вы обнаружили какие-либо веб-страницы с низкой конверсией с помощью Google Analytics, эти записи пользователей покажут вам, почему .

Любые другие дизайнерские решения основаны на обоснованных догадках (в лучшем случае).

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

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

Редизайн блога

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

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

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

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

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

Редизайн электронной коммерции

Дизайн электронной коммерции — один из самых сложных аспектов UX для освоения, а также требует дизайнера, имеющего опыт проектирования на основе данных. Учтите это: согласно этому исследованию, магазины электронной коммерции страдают от отказа от корзины в 69,23% (в среднем). Если на электронную коммерцию в США и Европе было потрачено 738 миллиардов долларов, то, по оценкам, 260 миллиардов долларов можно было бы возместить за счет улучшения процесса оформления заказа и дизайна. Для магазина электронной коммерции процесс оформления заказа является наиболее важным аспектом, и дизайнер, который может определить, где пользователи покидают его, может улучшить его.

Вот некоторые вещи, которые следует учитывать:

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

Управление бизнес-стороной

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

Адаптивный дизайн и удобство использования

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

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

• Достаточно ли велики цели касания (не менее 44 пикселей в высоту)?
• Доступны ли сенсорные мишени для больших пальцев или они вне досягаемости?
• Мобильный сайт «урезан» для простоты?
• Быстро ли загружается веб-сайт при 3G-соединении?
• В целом, как бы вы оценили удобство мобильного использования?

Устаревшие уведомления об авторских правах и неработающие ссылки

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

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

В частности, для неработающих ссылок вы можете использовать бесплатное расширение Chrome, например Check My Links, чтобы найти неработающие ссылки на веб-странице, или Grammarly для выявления орфографических ошибок.

Технические требования

По данным HubSpot, 82% посетителей покидают незащищенные сайты.

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

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

Заключение

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

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

• Их бренд немного устарел?
• Вызывает ли пользовательский интерфейс путаницу среди пользователей?
• Вынуждает ли UX пользователей выпадать из процесса конверсии?
• Является ли удобство использования (мобильное или иное) причиной того, что пользователи нажимают кнопку «Назад»?
• Это просто выглядит ужасно по всем параметрам?
• Как улучшения веб-сайта помогут указанному бизнесу?

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

• • •

Дальнейшее чтение в блоге Toptal Design:

• UX электронной коммерции — обзор лучших практик (с инфографикой)
• Важность ориентированного на человека дизайна в дизайне продукта
• Лучшие портфолио дизайнеров UX — вдохновляющие тематические исследования и примеры
• Эвристические принципы для мобильных интерфейсов
• Упреждающий дизайн: как создать волшебный пользовательский опыт