О проекте

revpn — VPN-сервис, для которого мы проектировали интерфейс клиентского приложения. Основная задача такого продукта — дать пользователю защищённое подключение через сервер в другой стране, и всё, что для этого нужно, должно помещаться на одном экране.

Задача

VPN-приложения часто перегружены настройками, протоколами и рекламой, хотя большинству пользователей нужно всего два действия: выбрать страну и включить соединение. Нам нужно было сделать интерфейс, в котором эти два действия очевидны, а дополнительная информация — нагрузка серверов, новый IP-адрес, срок подписки — видна, но не мешает.

Один экран для всего

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

Справа — состояние подключения: крупный флаг выбранной страны, большой переключатель и строка «Новый IP» под ним, по которой сразу видно, что соединение установлено и трафик идёт через другой адрес. В верхней части — оставшийся срок подписки в днях и меню с остальными настройками.

Результат

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