Большинство веб-дизайнеров обучаются на основе одних и тех же шаблонов: панели управления SaaS, витрины интернет-магазинов и бренды товаров для дома. Поэтому, когда в цепочку поставок попадает литейный завод, поставщик огнеупорных материалов или производитель котлов, инстинктивно возникает желание использовать один и тот же прием: эффектное видео, крупный шрифт, параллаксная прокрутка. Этот инстинкт почти всегда ошибочен.
Промышленные покупатели ведут себя не как потребители. Они приходят с номером детали, сроком выполнения и допустимым уровнем сложности, измеряемым секундами. Если ваш проект игнорирует это, вы создали прекрасный сайт, который не оправдывает ожиданий тех, кому он был предназначен.
Вот как следует подходить к проектированию и разработке для клиентов из тяжелой промышленности, не теряя при этом своего мастерства.
Узнайте, кто на самом деле находится по другую сторону экрана.
Пользовательский профиль на промышленном объекте — это не обычный покупатель. Это менеджер по закупкам, инженер предприятия или руководитель отдела технического обслуживания, столкнувшийся с конкретной проблемой. Они часто сидят за компьютером в шумном помещении, иногда разговаривают по телефону в грузовике и почти всегда находятся под давлением времени.
Это меняет представление о том, что такое «хороший UX». Пользователи B2B-сектора более строго относятся к проблемам, чем потребители, потому что их время оплачивается, а их решения подвергаются аудиту. Вывод для промышленных предприятий прост: ясность важнее удовольствия, а конкретность важнее убеждения.
Переведите это в техническое задание. Спросите клиента, какие три вопроса задает покупатель, прежде чем поднять трубку. Затем убедитесь, что эти ответы размещены в верхней части страниц, которые имеют значение.
Архитектура информации — это настоящая работа по проектированию.
Посмотрите на хорошо разработанный сайт поставщика – например, брокера материалов. Компания Diversified Ceramic Services, Inc. Вы заметите, что навигация организована вокруг двух осей: используемые материалы и отрасли, которые они обслуживают. Это не стилистический выбор. Это отражает то, как покупатель осуществляет поиск.
Производителю керамики, ищущему каолин, не важна история вашего бренда. Ему важно убедиться, что вы его производите, в каком виде и обслуживаете ли вы их регион. Архитектура, отражающая эту модель мышления, превзойдет любой визуальный элемент, который вы добавите сверху.
Перед открытием Figma набросайте таксономию. Две колонки на доске. Одна для того, что компания продает, другая для того, кто это покупает. Каждая страница в конструкторе должна быть доступна в два клика с любой стороны.
Для промышленных покупателей производительность и доступность не являются чем-то второстепенным.
Сети связи в сети не отличаются высокой скоростью. Полевые соединения ненадежны. Если в вашем главном разделе воспроизводится автоматически видео размером 4 МБ, вы уже потеряли покупателя в сельской местности Теннесси, использующего точку доступа Wi-Fi.
Собственный Google Основные веб-виталы Рекомендации направлены на быструю обработку заказов и стабильную планировку, и эти показатели имеют большее, а не меньшее значение на промышленных объектах. То же самое относится и к доступности: покупатели старшего возраста, условия низкой освещенности и использование сенсорных экранов в перчатках — это реальные факторы.
- Уменьшите вес медиафайлов. Статические, оптимизированные изображения на странице закупок превосходят фоновое видео. Анимацию оставьте для примеров успешных проектов.
- Уважайте ограничение движения.Уважайте запрос на использование медиаконтента с уменьшенным количеством движений. Инженеры завода, работающие в длинные смены, будут вам благодарны.
- Соответствует как минимум стандартам WCAG AA.Высокий контраст, реальные состояния фокуса и навигация с помощью клавиатуры — это не показная демонстрация доступности. Это основы.
- Тестирование на ограниченном по скорости соединении.Если сайт недоступен в Chrome DevTools при медленном 3G-соединении, значит, он недоступен в половине страны.
Графическое представление и визуальный язык для серьезной аудитории.
Индустриальный стиль не означает уродство, а серьёзность не означает скуку. Но визуальный стиль должен сигнализировать о компетентности, а не о погоне за трендами. Крупные шрифты, подходящие для бренда уличной одежды, будут восприниматься как несерьёзные директором завода, разрабатывающим спецификацию на огнеупорный кирпич.
Отдавайте предпочтение гуманистическим шрифтам без засечек или переходным шрифтам с засечками и четкими цифрами. Технические характеристики, номера деталей и единицы измерения встречаются повсюду на этих сайтах, поэтому стоит потратить время на табличные данные и четкое сопоставление моноширинных символов в таблицах.
Цвет должен выполнять практическую функцию, а не служить украшением. Яркие акценты следует использовать для призывов к действию и важных с точки зрения безопасности пояснений. Все остальное можно выдержать в сдержанной цветовой гамме, не конкурирующей с изображениями продукции.
Контент-модели, обеспечивающие конверсию в тяжелой промышленности.
Для промышленных поставщиков привлечение потенциальных клиентов редко происходит через броскую форму внизу целевой страницы. Это происходит, когда покупатель доверяет вам и уверен, что вы понимаете его бизнес-процессы.
- Страницы с материалами и продукциейУкажите формы, марки, типичные области применения и отрасли, в которых они используются. Страница, посвященная литым огнеупорным материалам, должна выглядеть как техническая спецификация, а не как брошюра.
- Отраслевые страницыОтражайте мир клиента. На странице, посвященной литейным заводам, следует использовать терминологию литейного производства, а не общие маркетинговые тексты.
- Четкость зоны обслуживанияЕсли клиент осуществляет доставку в десять штатов, укажите их. Покупатели быстро отказываются от покупки, если не могут определить регион доставки.
- Реальный путь контактаНомер телефона в заголовке лучше любого чат-бота. Для некоторых клиентов это решение увеличивает количество квалифицированных запросов больше, чем любой редизайн.
Передача информации, обеспечивающая функциональность сайта.
У промышленных клиентов редко бывает маркетинговая команда, готовая заниматься поддержкой сложной системы управления контентом (CMS).
Выберите стек, который клиент действительно сможет обновлять.. Продуманная конфигурация WordPress с пользовательскими блоками для описания характеристик продукта переживёт даже самую сложную безголовую систему, к которой никто из сотрудников не сможет прикоснуться.
Задокументируйте закономерностиЗапишите короткий инструктаж по добавлению нового материала или страницы, посвященной определенной отрасли. Через шесть месяцев, когда клиент освоит новую вертикальную нишу, он сможет публиковать контент без вашего обращения.
Проектирование для промышленных клиентов поощряет сдержанность.Уберите все, что не служит покупателю, и отточите то, что ему нужно, и в итоге вы получите одни из самых приятных результатов, которые сможете показать покупателю за весь год.