Проектирование потоков покупок в мобильном широкополосном приложении

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

Примечание Не используйте iframe для размещения этих потоков в приложении.

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

   

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

   

3. Если ваш поток покупки содержит формы, следуйте приведенным ниже рекомендациям.

   • Разрешить вертикальную прокрутку на страницах форм.

   • Убедитесь, что все поля формы выровнены по левому краю.

   • Так как приложение должно быть совместимо с несколькими форм-факторами, рекомендуется предоставлять удобные для сенсорного ввода интервалы между полями формы.

   • Оставьте много пробелов, чтобы повысить простоту.

   • Следуйте рекомендациям по поддержке форм. Это включает, помимо прочего, предоставление надлежащей поддержки для полей адреса, номера и кредита карта.

   • Убедитесь, что область ввода определен для полей формы, чтобы соответствующая сенсорная клавиатура отображала поля, например число, текст и т. д.

   • Убедитесь, что в форме правильно выровнены все элементы управления и поля.

   • Сведите к минимуму количество щелчков и полей.

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

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

Подходящий макет для страниц покупок:

• Следуйте рекомендациям по форме, которые включают выравнивание по левому краю, пробелы, правильное выравнивание сетки и удобство касания.

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

• Используйте вертикальную прокрутку для длинных форм, чтобы упростить табуляция и использовать экранную клавиатуру.

• Предоставьте пользователям возможность просматривать и выбирать планы перед началом процесса покупки.

• Поддержка покупки через Интернет и при первой покупке.

Несоответствующее оформление страниц покупки, пополнения, пополнения и выставления счетов:

• Не используйте горизонтальную прокрутку для длинных форм.

• Не заполняйте все пробелы.

• Не используйте iframe для размещения потоков.

• Не заставляйте пользователя долго ждать, не предоставляя визуальную обратную связь.

• Не ссылайтесь на веб-сайты за пределами приложения.

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

• Дополнительные сведения о представлениях и макетах см. в разделе Выбор макета.

• Дополнительные сведения о listview см. в статье Краткое руководство. Добавление ListView.

• Рекомендации по проектированию для обработки ошибок см. в статье Планирование пользовательского интерфейса.

• Рекомендации по специальным возможностям см. в статье Специальные возможности в приложениях UWP на C++, C# или Visual Basic.

• Дополнительные сведения об использовании встроенных элементов управления см. в статье Добавление элементов управления и содержимого.

• Рекомендации по вводу сенсорного ввода см. в разделе Краткое руководство. Сенсорный ввод.

Связанные темы

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