Trade Navigator Europe
Внимание! Ниже много текста и мало картинок. Если вам некогда, то посмотрите короткую презентацию этого проекта на Behance.
У каждой страны есть правила ввоза импорта. Один товар должен быть правильно промаркирован, другой — соответствовать особым санитарным нормам, на третий введена заградительная пошлина, а 155-ый вообще нельзя ввозить к радости местных производителей.
О проекте
Навигатор барьеров позволяет узнать о таких ограничениях в отношении экспорта с острова Кипр. Он помогает компаниям-экспортёрам оценивать условия выхода на тот или иной рынок, а экономистам — следить за тенденциями в мировой торговле.
Во время проектирования я сотрудничал с экспертами исследовательского центра ITI, которые просвещали меня в вопросах экономической статистики и делились сценариями использования данных, представленных в навигаторе.
Главная страница навигатора содержит тепловую карту барьеров. Чем темнее страна, тем она «проблемнее» для экспортёра (больше барьеров, выше ввозные пошлины). Кликнув по стране, вы увидите полный список действующих в этой стране торговых барьеров.
Задача
Требовалось сделать так, чтобы человек мог быстро найти интересующие его данные не заблудившись в огромном каталоге стран, товаров и типов барьеров. Было важно дать удобный доступ к следующей информации:
- список барьеров для выбранного товара на рынке отдельной страны (очень часто);
- список барьеров для выбранного товара во всех странах мира (часто);
- список всех торговых барьеров отдельной страны (редко);
- распределение барьеров по типам, товарам, странам (редко).
Решение
Шаг 1. Выберите страну.
Шаг 2. Укажите интересующую вас товарную группу. Это может быть как отдельный товар, так и целая отрасль промышленности. Товары группируются в соответствии с международной классификацией ТНВЭД.
Готово! Перед вами список тарифов и нетарифных барьеров для выбранного товара. Доступна информация по ожидающимся или, наоборот, уже прекратившим действие барьерам.
Кликнув по названию барьера, вы увидите его полное описание.
Основой навигации является сквозной фильтр вверху страницы, а разделы левого меню содержат информацию о барьерах разных видов. Такая система даёт быстрый доступ к барьерам пары «страна–товар». Один раз настроив фильтр, можно перемещаться между разделами и вносить изменения в выборку «на лету». Фильтр находится на видном месте и человек всегда понимает, какую именно информацию он видит на странице.
Легко получить и другие списки, например: все торговые барьеры отдельной страны, все торговые барьеры в мире для отдельного товара.
Так выглядит список всех нетарифных барьеров в мире. Выбрав товар в фильтре, вы получите список стран, где действуют барьеры на ввоз этого товара и сразу увидите, где какие ограничения применяются.
Решение со сквозной панелью фильтров интуитивно понятно и легко масштабируется: можно расширять возможности фильтрации или добавлять новые информационные разделы, не переделывая интерфейс.
Впервые похожая система навигации была разработана мной для портала «Экспорт регионов России», где хорошо себя зарекомендовала и в упрощённом виде перешла в «Навигатор барьеров» для российского экспорта. Trade Navigator Europe — уже третий проект, где она используется.
Параметров в фильтре мало, поэтому даже длинные названия стран не нужно сокращать. А вот в российской версии навигатора есть дополнительные фильтры по статусам и по срокам действия торговых ограничений.
Кликнув по названию, вы откроете окно выбора страны (товара). Кликнув по крестику, вы сбросите фильтр на значение «Все страны». Регулярные посетители знают о таких ньюансах и используют их. В аналогичном проекте я оставил на плашке только одну функцию и это сразу было замечено посетителями.
Поиск работает без учёта состояния фильтров. Во-первых для того, чтобы исключить случаи, когда теряется важная информация. Во-вторых, база торговых барьеров невелика (около сотни позиций), так что в одновременном использовании фильтров и поиска нет необходимости.
Помимо базы ограничений, портал содержит справочник типов торговых барьеров (классификация UNCAD). У посетителя есть возможность сообщить о новом или указать на неточности в описании имеющегося барьера. Дизайн адаптирован для мобильных устройств и планшетов.
Я спроектировал и нарисовал дизайн портала во время работы в компании «Инфографер» в 2018 году.