Voilea

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

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

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

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

По запросу разработчика я также спроектировал настройки DNS. Совместные обсуждения определяли, какие пояснения нужны прямо в интерфейсе.

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

В длинном списке смешиваются правила для разных задач. Я предложил объединять связанные правила в наборы: например, отдельно управлять обходом блокировок и фильтрацией рекламы. Несколько наборов можно включить одновременно.

Первый набор направляет медиа и приложение через VPN, второй блокирует трекер. Локальная сеть остаётся доступной напрямую. Выключи один набор или оба, чтобы увидеть, как меняются маршруты.

Правило задаёт приложения, адреса и действие: Proxy, Direct или Block. Если заполнены оба списка, должны совпасть оба условия. Я вынес это пояснение в форму, чтобы сочетание условий не оставалось скрытой технической логикой.

Превью показывает правило до сохранения. Условия для IP-адресов, портов и протоколов находятся в разделе «Дополнительно».

DNS-настройки включают выбор поставщика, шифрование и отдельные правила. Порядок их применения объясняется под таблицей.

Журнал событий вынесен в отдельный раздел с поиском и фильтрами: сведения для диагностики не занимают главный экран подключения.

Спроектирована новая десктопная версия: подключение, наборы правил, создание правила, DNS и журнал событий. Реализация продолжается.

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