B2B-веб-дизайн: как ведущее агентство по UX-дизайну в Лос-Анджелесе использует данные и процессы для преобразования пользовательского интерфейса

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

И 37% посетителей покинут ваш сайт, если на нем будет сложно ориентироваться.

Что это значит для вашего бизнеса B2B?

Это означает, что:

• Хорошо продуманный пользовательский интерфейс (UX) может удержать на 37% больше посетителей в вашем воронке продаж.
• Оптимизация вашего веб-сайта и других цифровых каналов может приблизить 67% ваших потенциальных клиентов к конверсии.

В этой статье мы обсуждаем веб-дизайн B2B с Джинни О, основателем и генеральным директором WANDR, ведущего агентства UX-дизайна в Лос-Анджелесе.

Мы опираемся на богатый опыт и знания WANDR в области дизайна B2B UX, чтобы выявить передовой опыт, отраслевые примеры и инструменты.

Давайте погрузимся.

1. ДР: Привет, Джинни, давайте начнем с краткого обзора опыта WANDR в области веб-дизайна B2B.

Джинни О: Я основал WANDR в июне 2016 года. С тех пор наша команда работала со многими известными клиентами, включая Всемирный фонд дикой природы (WWF); Tenable; ВВС США; Dollar Shave Club; IBM Watson; и страхование автострады (Confie).

Мы были признаны UX-агентством №1 различными рейтинговыми платформами и признаны лучшей фирмой UX-дизайна по вашему мнению, Design Rush, как в Лос-Анджелесе, так и в Сан-Франциско. (Спасибо! ?? )

2. DR: Каковы ключевые элементы или качества хорошего веб-дизайна B2B?

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

У вас есть понятный контент, который обращается к вашим клиентам? Привлекает ли контент вашего веб-сайта посетителей и удерживает ли их интерес? Добавляет ли это им ценность? Как?

Эти вопросы определяют ваш фокус. Он стимулирует ваш веб-дизайн B2B.

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

Кроме того, ссылка с призывом к действию (CTA) «Запланировать демонстрацию» ОБЯЗАТЕЛЬНА для любого веб-дизайна B2B. Это превращает посетителей веб-сайта в потенциальных клиентов.

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

Наконец, прозрачность - это главное в 2020 году.

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

3. DR: Расскажите нам о своем процессе: как вы подходите к B2B UX-дизайну?

Джо: В целом, в WANDR мы считаем, что наиболее важный подход к дизайну B2B UX - это данные и сильная команда.

Наша структура:

• Понять цели, видение и ключевые показатели эффективности клиентов. Мы задаем такие вопросы, как «Какие ресурсы у вас есть (или отсутствуют), которые помешали бы нам реализовать и / или реализовать ваши видения и цели?»
• Пришло время исследований! Мы хотим знать, кто клиенты наших клиентов. Затем мы хотим понять, как конкуренты обслуживают своих клиентов и что клиенты говорят о конкурентах (что пользователям нравится / не нравится в услугах конкурентов?). Наконец, мы выявляем пробелы.
• Проведите аудит существующего продукта. Соответствует ли пробел диагнозу продукта?
• Сроки изготовления! Мы начинаем выстраивать наиболее оптимальный путь пользователя на основе проведенного нами исследования. Мы строим информационную архитектуру, а затем каркасы низкой точности.
• Юзабилити-тестирование с использованием каркасов.
• И последнее, но не менее важное: пришло время реализовать художественное направление / визуальный дизайн, чтобы превратить протестированные каркасы в высокоточный визуальный дизайн.

4. DR: Давайте поговорим об аудите UX: что это такое и почему это важно?

JO: Ах, знаменитый вопрос!

Вот в чем дело: UX напрямую связан как с вашей верхней, так и с нижней строкой.

Поскольку UX напрямую связан с вашей финансовой рентабельностью инвестиций и общими успехами вашей организации, важно выносить это на передний план каждого обсуждения, связанного с принятием решений. Фактически, статистика показывает, что компании, ориентированные на дизайн, опережают S&P на 228% за десять лет.

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

Аудит UX определяет, где могут возникнуть трения и почему.

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

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

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

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

5. DR: Каковы некоторые из распространенных заблуждений о веб-дизайне B2B?

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

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

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

6. DR: Какие тенденции в веб-дизайне B2B вы бы хотели уйти?

Джо: Хммм, сложный вопрос.

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

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

Например, у Time Warner есть отличный чат-бот, который сокращает количество звонков в службу поддержки.

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

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

7. DR: Говоря о тенденциях, как вы обеспечиваете, чтобы веб-сайты ваших клиентов оставались актуальными в долгосрочной перспективе? А что составляет долгосрочную перспективу в UX и UI дизайне? Как часто компании должны обновлять свой веб-дизайн?

Мы всегда рекомендуем клиентам проводить с нами аудит UX один раз в год, если не чаще (наши клиенты, прошедшие ежеквартальный аудит, показывают наилучшие результаты).

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

Это гарантирует, что наши клиенты будут активно удерживать клиентов и опережать конкурентов.

8. DR: Какие из лучших примеров B2B UX-дизайна в ваших книгах? Что делает их великими?

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

1. Tenable

(один из наших)
Здесь я хочу выделить UX их приборной панели и визуализацию данных.

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

Мы создали несколько тем для одной и той же панели инструментов (например, темную версию для пользователей, которые любят работать поздно вечером; а также тему с высокой контрастностью для пользователей, которым требуется лучшая доступность).

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

2. Зои Файнэншл

(один из наших)
Это был действительно дизайн, основанный на данных.

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

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

3. AirTable

Эти парни потрясающие!

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

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

9. DR: Какие инструменты использует WANDR для создания лучших в отрасли веб-дизайнов?

ДЖО:

• Figma: Если Sketch похож на Microsoft Word, то Figma похож на Google Docs for Design Software. Он работает в режиме реального времени и в Интернете, поэтому все сотрудники вашей продуктовой группы могут одновременно редактировать один и тот же файл. Это также отлично подходит для контроля версий.
• Airtable: этот изящный инструмент невероятен для организации. Вы можете настроить, как вы хотите его организовать, в зависимости от проекта или задачи, с которыми вы сталкиваетесь, и независимо от размера (это довольно сложно объяснить, не увидев это своими глазами, но мы обнаружили, что это лучший инструмент для менеджеров проектов. , любители организации и все, кто между ними).
• Zoom: нам нравится это для четких и надежных видеоконференций и записей.
• Loom: Удивительный и такой простой инструмент для записи вашего экрана для отзывов и руководств / инструкций. Отлично подходит для адаптации и обучения новых членов команды или записи группового собрания, на котором кто-то из вашей команды не смог присутствовать.

10. DR: Наконец, что мы можем ожидать увидеть в веб-дизайне B2B в этом году с точки зрения тенденций?

Джо: Я написал статью о 5 тенденциях UX, которые мы можем ожидать увидеть в 2020 году, которую вы можете проверить здесь.

Я предсказываю, что по мере развития технологий в 2020 году появятся некоторые обновления:

• Голосовой интерфейс
• Больше внимания потребностям / проблемам клиентов по сравнению с тем, что делает компания
• 3D-дизайн и анимация HTML5
• Доступность как ОБЯЗАТЕЛЬНА
• Основанный на данных дизайн
• Персонализация динамического контента

Спасибо, Джинни!

Хотите подарить своим пользователям незабываемые впечатления от посещения сайта? Свяжитесь с WANDR по [адрес электронной почты защищен] или позвоните по телефону +1 (323) 690-7705.