Инфографика: как разрабатывать ориентированные на пользователя концепции WordPress

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

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

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

1. Войдите в режим аналитики.

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

Для этой цели самым простым и эффективным инструментом, который вы можете использовать, является Google Analytics.

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

Приобретение> Весь трафик> Каналы

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

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

Поведение> Контент сайта> Все страницы

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

Поведение> Скорость сайта> Предложения по скорости

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

Поведение> Последовательность действий

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

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

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

Подробнее: Что такое WordPress: 11 отраслей, основанных на нем

2. Проверьте текущий макет

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

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

Задайте себе следующие вопросы при анализе он т макет вашего сайта WordPress::

• Ясно ли то, что я делаю как бизнес, с первого взгляда?
• Полезен ли этот дизайн для достижения моих целей?
• Соответствует ли этот дизайн моей целевой аудитории?
• Побуждает ли мой дизайн WordPress пользователей к конверсии?

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

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

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

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

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

• Сколько времени требуется для загрузки вашего сайта?
• Легко ли доступно содержание вашего сайта?
• У вас работает кнопка поиска и видна ли она?
• Все ссылки работоспособны?
• Ваш сайт адаптируется к мобильным устройствам?
• Правильно ли вы охраняете контактные данные пользователей?

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

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

Читаемость содержимого теста

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

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

• Легко ли читать типографику?
• Правильно ли контрастируют цвета шрифтов и фона?
• Текст читаемый размер?
• Идеально ли оформлен в соответствии с содержанием?

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

Оцените эстетику

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

• Соответствует ли сайт стилю моего бренда?
• Согласован ли стиль на всем сайте?
• Как элементы сайта соответствуют моим целям?
• Есть ли какие-то чрезмерные элементы, которые заглушают мое основное сообщение?

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

3. Проанализируйте своих конкурентов

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

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

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

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

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

«Какой веб-сайт предоставил вам лучший опыт и почему?»

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

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

• SimilarWeb : инструмент, который предоставляет информацию о трафике и маркетинге для любого веб-сайта. Инструмент предоставляет пользователям быстрый обзор охвата сайта, рейтинга и взаимодействия с пользователем.
• Alexa : Alexa ранжирует сайты на основе отслеживания выборочного набора интернет-трафика, в основном пользователей его панели инструментов для веб-браузеров Internet Explorer, Firefox и Google Chrome.
• Quantcast : Quantcast предоставляет статистику посещаемости веб-сайта, которая помогает анализировать производительность веб-сайта с точки зрения маркетинга, а также определять личности покупателей с точки зрения их местоположения, поведения, покупательских и поведенческих предпочтений.
• SEMRush : SEMRush - это инструмент, специально предназначенный для поиска прибыльных ключевых слов.
• Ahrefs : Ahrefs - это программный пакет для SEO, который содержит инструменты для построения ссылок, исследования ключевых слов, анализа конкурентов, отслеживания рейтинга и аудита сайтов.

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

4. Изучите свои пользовательские образы

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

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

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

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

5. Разработайте пользовательские раскадровки.

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

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

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

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

Собирать данные

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

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

Запишите сюжет

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

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

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

Добавить детали

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

Собери все вместе

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

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

Заключение

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

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