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

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

По данным IBM, каждый доллар, вложенный в простоту использования , приносит от 10 до 100 долларов, утверждает Меган Хартман, ученица UXbeginner. Такая рентабельность инвестиций - лишь одна из причин потратить больше времени на решение, какая платформа электронной коммерции подходит для вашего бизнеса и клиентов. Пользовательский опыт (UX) становится все более важным для удовлетворенности клиентов, привлечения, привлечения и удержания. В зависимости от того, насколько удобна для пользователя ваша платформа или продукты, UX может как улучшить, так и разрушить ваш список клиентов.

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

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

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

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

Пустые состояния и пользовательский опыт

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

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

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

Лучшие практики пустого состояния

1. Управляйте взаимодействием с пользователем

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

См. Приведенный ниже пример со Skyscanner.

Источник изображения

2. Тщательно подбирайте слова.

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

3. Используйте визуальный контент.

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

4. Добавьте кнопку

Кнопки - это четкая подсказка, которая направляет пользователя туда, куда дизайнер хочет их поместить. Этот инженерный опыт может привести пользователей в любое место на сайте. Он может дать им указание добавить контакты в список клиентов или добавить социальную платформу в программное обеспечение, например, в Vendasta Snapshot Report . Этот отчет представляет собой автоматизированный инструмент анализа продаж, который извлекает оценку маркетинговых потребностей потенциальных клиентов на основе их доступной информации в Интернете.

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

Источник изображения

5. Предложите пользователю щелкнуть где-нибудь на странице.

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

Источник изображения

6. Обратная ссылка на контент.

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

7. Обеспечьте хорошие рабочие отношения между дизайнерами и разработчиками.

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

Вывод

Пустые состояния:

• Увеличьте привлечение клиентов
• Увеличьте удержание клиентов
• Уменьшите показатель отказов веб-сайта
• Повысьте вовлеченность клиентов

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

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