Поделиться через


Разработка целевой страницы мобильного широкополосного приложения

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

Снимок экрана: целевая страница мобильного широкополосного приложения по постплате.

Целевая страница должна соответствовать рекомендациям по использованию макета приложения UWP. Чтобы обеспечить простоту и простоту навигации, рекомендуется поместить все содержимое целевой страницы в одну страницу. Целевая страница является центральным центром приложения. Хотя это не основной метод навигации или страница управления, он демонстрирует ваше приложение и его основные функциональные возможности.

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

Планы после погашений

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

Предоплаченные планы

Отображение использования данных упрощается для предоплаченных планов. Пользователю также следует предложить возможность пополнения или пополнения плана. Вы можете указать ссылку на страницу с вариантами оплаты. Дополнительные сведения см. в статье Проектирование страниц выставления счетов в мобильном широкополосном приложении . Ниже показана типичная страница обзора для предоплаченного плана.

Снимок экрана: целевая страница предоплаченного мобильного широкополосного приложения.

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

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

Навигация по приложениям

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

  • Кнопка "Назад" С помощью кнопки Назад можно вернуться на предыдущую страницу приложения. Дополнительные сведения о стиле кнопки Назад см. в разделе Краткое руководство. Стилизация элементов управления.

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

    Снимок экрана: раскрывающееся меню для перехода между страницами приложения.

    Дополнительные сведения о проектировании навигации по приложениям см. в статье Краткое руководство. Использование одностраничной навигации и выбор элемента | выбор объекта.

Фирменная символика оператора

Вы можете настроить мобильное широкополосное приложение в соответствии с вашим стилем фирменной символики. Используя множество настроек, вы можете сделать приложение уникальным и легко узнаваемым. Дополнительные сведения о фирменной символике приложения см. в статье Создание фирменной символики в мобильном широкополосном приложении.

Краткая сводка

Соответствующий дизайн целевой страницы

  • Отображение сведений, которые пользователи будут в первую очередь искать в вашем приложении.

  • Используйте простой макет для повышения удобочитаемости.

  • Следуйте рекомендациям по приложениям UWP.

  • Отключите кнопку Назад , если пользователь впервые посещает приложение.

Несоответствующее оформление целевой страницы

  • На целевой странице нет прокрутки. Попробуйте ограничить все содержимое одной страницей.

  • На целевой странице нет функций управления.

Дополнительные ресурсы

Проектирование пользовательского интерфейса мобильного широкополосного приложения