Приложения для совершения покупок

Applies to Windows and Windows Phone

В книге по созданию таких приложений описывается вымышленное приложение для Windows 8.1. Этот раздел содержит сценарии на языке дизайна Майкрософт, используемые в данной разработке.

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

Сценарии приложения для совершения покупок

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

Живые плитки и просмотрПоиск и изменение размеров окнаОбщий доступ
внешний вид живых плиток и просмотраизображение поискавнешний вид общего доступа

 

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

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

внешний вид живых плиток и просмотра

Владимир Егоров использует свой планшетный компьютер под управлением Windows 8.1 в автобусе, когда возвращается домой с работы.

внешний вид живых плиток и просмотра

Живая плитка с сообщением "Новое поступление" извещает Владимира о поступлении новой осенней коллекции. Владимир заинтересовался и щелкнул плитку, чтобы войти в приложение.

внешний вид живых плиток и просмотра

Владимиру нужна новая куртка, поэтому он выбирает категорию "Верхняя одежда".

внешний вид живых плиток и просмотра

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

внешний вид живых плиток и просмотра

Жестом сжатия Владимир активирует контекстное масштабирование, которое позволяет ему быстро прокрутить список элементов.

внешний вид живых плиток и просмотра

Щелкнув раздел "Куртки", Владимир выбирает куртку для просмотра и добавляет ее в корзину для покупок.

внешний вид живых плиток и просмотра

Купив куртку и рубашку, которую он ранее добавил в корзину для покупок, Владимир завершает покупки.

внешний вид живых плиток и просмотра

 

Краткая сводка информации о сценарии живых плиток и просмотра

В этом сценарии мы видим примеры использования, которые применяют следующие элементы дизайна:

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

Сведения о живых плитках и контекстном масштабировании содержатся в следующих разделах:

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

Посмотрите, как работает плоская схема навигации в качестве части нашей серии Компоненты приложений от "А" до "Я".

Привлечение пользователя

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

внешний вид живых плиток и просмотра

Сергей Климов использует планшетный компьютер с установленной Windows 8.1 для просмотра блога о стилях одежды.

внешний вид живых плиток и просмотра

Из Internet Explorer или любого другого приложения Сергей может вызвать чудо-кнопку "Поиск", расположенную справа, и найти похожую куртку.

внешний вид живых плиток и просмотра

внешний вид живых плиток и просмотра

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

внешний вид живых плиток и просмотра

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

внешний вид живых плиток и просмотра

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

внешний вид живых плиток и просмотра

Все еще находясь в узком окне, Сергей решает завершить покупку.

внешний вид живых плиток и просмотра

 

Краткая сводка информации о привлечении пользователей

В этом сценарии мы видим примеры использования, которые применяют следующие элементы дизайна:

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

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

Подключение с общим доступом

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

внешний вид живых плиток и просмотра

Руслан Шашков только что купил новую куртку. После размещения заказа он может поделиться этой новостью.

внешний вид живых плиток и просмотра

Руслан использует контракт отправки данных, чтобы сообщить промокод друзьям.

внешний вид живых плиток и просмотра

 

Краткая сводка информации о подключении пользователей с общим доступом

В этом сценарии мы видим примеры использования, которые применяют следующие элементы дизайна:

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

Сведения об общем доступе содержатся в следующих разделах:

Связанные разделы

Знакомство с приложениями Магазина Windows
Рекомендации по взаимодействию с пользователем для приложений Магазина Windows
Пример приложения для совершения покупок
Пример живой плитки
Руководство по живым плиткам
Пример контекстного масштабирования (C#, VB, C++)
Пример контекстного масштабирования (JavaScript)
Руководство по контекстному масштабированию
Пример поиска
Руководство по поиску
Руководство по размеру окон
Руководство по узким макетам
Пример источника данных
Пример получателя данных
Руководство по общему доступу

 

 

Показ:
© 2014 Microsoft