Экран готовности eSIM: код подтверждения и варианты активации

Naked

Развитие приложения мобильного оператора

Naked — мобильный оператор в Германии. Развиваю веб- и мобильные интерфейсы в существующей дизайн-концепции: упрощаю оплату и активацию eSIM, проектирую новые экраны и состояния.

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

Перейти на сайт
Моя роль
Продуктовый дизайнер
Задачи
UX/UI, компоненты, тексты

Помочь пройти активацию eSIM

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

Прорабатываю экраны активации, инструкции и состояния ошибок. Отдельно учитываю установку на текущий телефон, ручную активацию и переход на другое устройство.

В каждом состоянии текст должен объяснять, что уже готово, какое действие нужно сейчас и как продолжить, если что-то не получилось.

Сделать оплату и расходы понятными

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

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

Собрать главное о связи на одном экране

В работе над главным экраном отталкиваюсь от четырёх вопросов пользователя:

  • Сколько начислено в этом месяце?
  • Какие услуги доступны по текущей цене?
  • Когда и как может измениться стоимость?
  • Нужно ли сейчас что-то сделать?

Прорабатываю представление расхода интернета, звонков и сообщений, счета и состояний eSIM. Информацию объединяю по задачам, чтобы человек мог быстро найти нужное.

Поддерживать единый интерфейс

Развиваю готовую визуальную концепцию и систематизирую компоненты и макеты. Новые сценарии должны выглядеть как часть одного приложения.

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