Как провести аудит дизайна вашего сайта

И снова приветствую вас на странице моего маленького сайта!

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

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

Как провести аудит дизайна вашего сайта

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

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

Что такое аудит дизайна (и как он может вам помочь)

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

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

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

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

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

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

1. Crazy Egg

Crazy Egg

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

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

Ключевые особенности:

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

Цена: $29 в месяц, выплачивается ежегодно

2. UsabilityTools

UsabilityTools

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

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

Ключевые особенности:

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

Цена: $19 в месяц

3. UsabilityHub

UsabilityHub

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

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

Ключевые особенности:

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

Цена: $79 за ответ на ваши тесты (есть бесплатная версия)

Как провести аудит дизайна вашего сайта (в 3 шага)

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

Шаг 1: Соберите все элементы визуального брендинга

 Соберите все элементы визуального брендинга

Instagram — отличный пример веб-сайта с простым, но последовательным брендингом.

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

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

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

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

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

Шаг 2: Проанализируйте визуальные элементы вашего сайта

Проанализируйте визуальные элементы вашего сайта

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

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

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

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

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

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

Шаг 3: Создайте руководство по стандартам дизайна для вашего сайта

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

Руководство по бренду Urban Outfitter рассказывает о том, что делает их бренд уникальным.

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

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

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

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

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

Вывод

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

Вот три основных шага для проведения аудита дизайна вашего сайта:

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

У вас есть вопросы о том, как провести успешный аудит дизайна вашего сайта? Спросите в разделе комментариев ниже!

А у меня на этом все — до скорых встреч!

Статья была обновлена: 02 декабря 2018 года
Вам понравилась статья?
плохохорошо (Пока оценок нет)
Загрузка...
Обо мне
Юрич:
Занимаюсь созданием сайтов на ВордПресс более 5 лет. Работал в нескольких веб-студиях, да и сейчас работаю. Иногда подрабатываю на фрилансе, как на нашем так и на зарубежном. Везде зарекомендовал себя очень хорошо. Если нужен сайт на вордресс, шаблон для сайта или лендинг - не стесняйтесь - пишите. Рад буду помочь!