UI/UX / 2024

Compare Web Hosting Services

Страница сравнения веб-хостингов для Softailed: структура параметров, карточная сортировка и сценарий быстрого сопоставления провайдеров.

Обложка проекта «Compare Web Hosting Services»

НаправлениеUI/UX

Год2024

ФорматАвторский кейс

Кейс по существу

Задача, роль и решение

01

Задача

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

02

Моя роль

UI/UX-дизайн, проектирование сценариев и визуальная система.

03

Решение

Страница сравнения веб-хостингов для Softailed: структура параметров, карточная сортировка и сценарий быстрого сопоставления провайдеров.

04

Результат

Согласованность группировок: 78 % параметров были отнесены к одинаковым категориям минимум 80 % участников. Количество переходов на внутренние страницы сравний и время поиска: в среднем пользователи находят нужные позиции для сравнения за 40 секунд и осуществяют переход минимум на 3-4 страницы-сравнения

Факты собраны из опубликованного авторского кейса; неподтверждённые показатели не добавлялись.

01Что за проект

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

02Цель

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

03Задачи

Провести исследования. Разработать и внедрить новую страницу сравнения веб‑хостингов в сервисе Softailed сохранив стили и подходы сервиса.

04Результат

Согласованность группировок: 78 % параметров были отнесены к одинаковым категориям минимум 80 % участников.
Количество переходов на внутренние страницы сравний и время поиска: в среднем пользователи находят нужные позиции для сравнения за 40 секунд и осуществяют переход минимум на 3-4 страницы-сравнения

05Исследования

Результаты тестирования макетов методом карточной сортировки: необходимость алфавитной сортировки и поиска
В ходе тестирования 12 из 15 участников (80 %) демонстрировали инстинктивную потребность в упорядочивании элементов при работе с карточками. Наблюдались следующие паттерны:

7 участников (47 %) в процессе группировки спонтанно выстраивали карточки в алфавитном порядке внутри созданных категорий;
5 участников (33 %) после первичной сортировки просили «расставить всё по алфавиту» для удобства проверки;
только 3 участника (20 %) не проявляли интереса к упорядочиванию;
Без алфавитного порядка пользователи тратили на 40 % больше времени на повторный просмотр списка.

Результаты проектирования user flow: оптимизация сравнения хостингов
Избыточное количество действий:
для сравнения 2 хостингов требовалось 3–8 нажатий (открыть карточку → изучить → закрыть → открыть следующую → сравнить в уме)
при переключении между карточками пользователи тратили 20–30 секунд на поиск нужного параметра в списке сравнения;
47% прерывали процесс сравнения из‑за утомления.
Решение: вывод парных сравнений хостингов в едином интерфейсе сократит количество действий и повысит точность выбора.

06Результат

Снижение числа шагов: минимум на 66% и больше.
Экономия времени: в 3–4 раза.

Карточная соритровка для выявления параметрав сравнения
В ходе тестирования методом открытой карточной сортировки с участием 15 респондентов (веб‑разработчики, владельцы малого бизнеса, фрилансеры) были выявлены 6 устойчивых категорий параметров хостингов
Пустое состояние и поиск

Mobile и Ipad

UI/UX: Смехнова Екатерина
Сборка и реализация: FusionTech