UX-исследование и дизайн страниц телекома
Контекст. RETN — международная платформа передачи данных, объединяющая телеком-инфраструктуру Европы и Азии.
Роль в проекте: UX/UI дизайнер, приглашенный эксперт (External UX Expert).
Задача: Исследование аудитории, конкурентный анализ, проектирование внутренних страниц нового сайта RETN.
retn.com
Роль в проекте: UX/UI дизайнер, приглашенный эксперт (External UX Expert).
Задача: Исследование аудитории, конкурентный анализ, проектирование внутренних страниц нового сайта RETN.
retn.com
(01).
Один сайт — две разные аудитории
Аудитория. Новый сайт должен был одинаково эффективно работать для пользователей с разными целями и разным уровнем экспертизы:
Техническая аудитория. Важны параметры сети, топология инфраструктуры, техническая документация.
Бизнес-аудитория. Оценивает коммерческие сервисы, кейсы, выгоду и условия сотрудничества.
Задача. Понять, как они ищут информацию, какие сценарии являются приоритетными, и как сделать путь по сайту прямым и ожидаемым.
Решение. Навигация была разделена на два независимых потока.
«Продукты». Структурированная техническая информация для специалистов.
«Решения». Сервисы компании, представленные через бизнес-сценарии для ЛПРов.
Техническая аудитория. Важны параметры сети, топология инфраструктуры, техническая документация.
Бизнес-аудитория. Оценивает коммерческие сервисы, кейсы, выгоду и условия сотрудничества.
Задача. Понять, как они ищут информацию, какие сценарии являются приоритетными, и как сделать путь по сайту прямым и ожидаемым.
Решение. Навигация была разделена на два независимых потока.
«Продукты». Структурированная техническая информация для специалистов.
«Решения». Сервисы компании, представленные через бизнес-сценарии для ЛПРов.
(02).
Новая архитектура — основа масштабирования
Мы сформулировали четыре правила, которые помогли зафиксировать единый пользовательский опыт, сохранить целостность интерфейса и легко масштабировать страницы:
1. Разделение технического и коммерческого контента.
2. Предсказуемая прозрачная навигация между разделами.
3. Единые паттерны подачи сложных массивов данных.
4. Адаптация плотности информации под экспертизу пользователя.
1. Разделение технического и коммерческого контента.
2. Предсказуемая прозрачная навигация между разделами.
3. Единые паттерны подачи сложных массивов данных.
4. Адаптация плотности информации под экспертизу пользователя.
(03).
Проектирование шаблонов под сценарии
Задача и подход. На этом этапе главной задачей было адаптировать новую UX/UI концепцию под разные типы контента, сохранив визуальную целостность интерфейса.
Компоненты системы. Страницы собирались из гибких модульных шаблонов: текстовые секции · медиаблоки · таблицы данных · карточки продуктов · информационные и навигационные блоки.
Эффект. Это позволило масштабировать интерфейс без визуальных расхождений между разделами.
Компоненты системы. Страницы собирались из гибких модульных шаблонов: текстовые секции · медиаблоки · таблицы данных · карточки продуктов · информационные и навигационные блоки.
Эффект. Это позволило масштабировать интерфейс без визуальных расхождений между разделами.
Текстовые блоки
12+ шаблонов для разных сценариев
Слайдеры
2 базовых шаблона для разных сценариев
Карточки
Единый шаблон для раздела «Команда»
Страницы
Созданы на базе библиотеки из 16+ шаблонов
(04).
Масштабирование продукта без усложнения интерфейса
Результат. Исследование стало основой новой информационной архитектуры сайта, а система шаблонов позволила последовательно развивать продукт без постоянного усложнения интерфейса.
Что сделали:
— Сложная техническая информация стала более структурированной.
— Пользователи разных типов получили понятные сценарии навигации.
— Внутренние страницы стало возможно проектировать по единым принципам.
— Сайт стал полноценным инструментом коммуникации с клиентами и партнёрами компании.
Что сделали:
— Сложная техническая информация стала более структурированной.
— Пользователи разных типов получили понятные сценарии навигации.
— Внутренние страницы стало возможно проектировать по единым принципам.
— Сайт стал полноценным инструментом коммуникации с клиентами и партнёрами компании.
Контакты
Если у вас есть задача, проект или предложение о работе — пишите.
