Приложения для совершения покупок
В книге по созданию таких приложений описывается вымышленное приложение для Windows 8.1. Этот раздел содержит сценарии на языке дизайна Майкрософт, используемые в данной разработке.
Доступен образец кода. Компания Tallan Inc. разработала отличный образец приложения на основе книги идей по приложениям для совершения покупок. Вы можете скачать этот пример приложения, чтобы увидеть пример реализации функций, описанных в этой книге, и других возможностей. Скачайте образец приложения Tallan для совершения покупок отсюда.
Сценарии приложения для совершения покупок
В рассматриваемом в данном разделе приложении для совершения покупок используются возможности оформления Майкрософт, которые помогают сделать приложение привлекательным для пользователей.
| Живые плитки и просмотр | Поиск и изменение размеров окна | Общий доступ |
.png "внешний вид живых плиток и просмотра") |
.png "изображение поиска") |
.png "внешний вид общего доступа") |
Привлечение внимания пользователей к содержимому вашего приложения
Вы можете использовать язык дизайна Майкрософт, чтобы облегчить просмотр, а также сделать его более качественным и интересным. Можно также использовать живые плитки для привлечения внимания пользователей к приложению. Сценарий демонстрирует, как сделать ваше приложение для совершения покупок привлекательным.
.png "внешний вид живых плиток и просмотра")
Владимир Егоров использует свой планшетный компьютер под управлением Windows 8.1 в автобусе, когда возвращается домой с работы.
|
Живая плитка с сообщением "Новое поступление" извещает Владимира о поступлении новой осенней коллекции. Владимир заинтересовался и щелкнул плитку, чтобы войти в приложение.
|
Владимиру нужна новая куртка, поэтому он выбирает категорию "Верхняя одежда".
|
Эта категория размещена горизонтально и содержит подробное представление всех параметров элементов, отображенных на одном полотне. Владимир может просматривать эту категорию без навигации по всей иерархии содержимого.
|
Жестом сжатия Владимир активирует контекстное масштабирование, которое позволяет ему быстро прокрутить список элементов.
|
Щелкнув раздел "Куртки", Владимир выбирает куртку для просмотра и добавляет ее в корзину для покупок.
|
Купив куртку и рубашку, которую он ранее добавил в корзину для покупок, Владимир завершает покупки.
|
.png "внешний вид живых плиток и просмотра")
.png "внешний вид живых плиток и просмотра")
.png "внешний вид живых плиток и просмотра")
.png "внешний вид живых плиток и просмотра")
.png "внешний вид живых плиток и просмотра")
.png "внешний вид живых плиток и просмотра")
.png "внешний вид живых плиток и просмотра")
Краткая сводка информации о сценарии живых плиток и просмотра
В этом сценарии мы видим примеры использования, которые применяют следующие элементы дизайна:
- Живые плитки возвращают пользователей к вашему приложению, отображая интересующие их сведения.
- Содержимое приложения привлекает пользователей, и они совершают необходимые им действия.
Сведения о живых плитках и контекстном масштабировании содержатся в следующих разделах:
- Руководство по живым плиткам
- Пример живой плитки
- Руководство по контекстному масштабированию
- Пример контекстного масштабирования (C#, VB, C++)
- Пример контекстного масштабирования (JavaScript)
Чтобы получить помощь при выборе наилучшей схемы навигации для своего приложения, см. раздел Схемы навигации.
Посмотрите, как работает плоская схема навигации в качестве части нашей серии Компоненты приложений от "А" до "Я".
Привлечение пользователя
Язык дизайна Майкрософт можно использовать для вовлечения пользователей, когда те готовы к покупкам, путем добавления поля поиска, реализации контракта "Поиск" и предоставления пользователям многозадачности, а также путем разработки приложений, которые хорошо работают в узких окнах.
.png "внешний вид живых плиток и просмотра")
Сергей Климов использует планшетный компьютер с установленной Windows 8.1 для просмотра блога о стилях одежды.
|
Из Internet Explorer или любого другого приложения Сергей может вызвать чудо-кнопку "Поиск", расположенную справа, и найти похожую куртку.
|
|
Сергей выбирает приложение "С ног до головы", которое отображает результаты поиска для слова "куртка".
|
Сергей использует фильтр на основании цены, чтобы сократить количество результатов поиска. Затем он выбирает одну из курток.
|
Сергей сдвигает приложение на левую часть экрана, чтобы сравнить выбранную им куртку с той, которую он видел в блоге. Довольный своим выбором, Сергей добавляет куртку в корзину для покупок.
|
Все еще находясь в узком окне, Сергей решает завершить покупку.
|
.png "внешний вид живых плиток и просмотра")
.png "внешний вид живых плиток и просмотра")
.png "внешний вид живых плиток и просмотра")
.png "внешний вид живых плиток и просмотра")
.png "внешний вид живых плиток и просмотра")
.png "внешний вид живых плиток и просмотра")
.png "внешний вид живых плиток и просмотра")
Краткая сводка информации о привлечении пользователей
В этом сценарии мы видим примеры использования, которые применяют следующие элементы дизайна:
- Контракт "Поиск" помещает ваше приложение в потенциальный целевой список, когда ваш клиент намеревается совершить покупку.
- Приложение, полноценно работающее в узких окнах, позволяет пользователям просматривать и сравнивать содержимое вашего приложения с содержимым других приложений и сайтов.
Сведения о поиске и размерах окон содержатся в следующих разделах:
Подключение с общим доступом
Вы можете использовать язык дизайна Майкрософт для подключения пользователей к любому другому приложению, контакту или социальной сети.
.png "внешний вид живых плиток и просмотра")
Руслан Шашков только что купил новую куртку. После размещения заказа он может поделиться этой новостью.
|
Руслан использует контракт отправки данных, чтобы сообщить промокод друзьям.
|
.png "внешний вид живых плиток и просмотра")
.png "внешний вид живых плиток и просмотра")
Краткая сводка информации о подключении пользователей с общим доступом
В этом сценарии мы видим примеры использования, которые применяют следующие элементы дизайна:
- С помощью Windows 8.1 ваше приложение можно превратить в источник совместно используемых данных, который будет подключаться к другим приложениям, электронной почте и социальным сетям.
- Вы можете сделать ваше приложение получателем данных и получать содержимое, ссылки и структурированные данные любого другого типа.
Сведения об общем доступе содержатся в следующих разделах:
Связанные разделы
Знакомство с приложениями Магазина Windows
Рекомендации по взаимодействию с пользователем для приложений Магазина Windows
Пример приложения для совершения покупок
Пример контекстного масштабирования (C#, VB, C++)
Пример контекстного масштабирования (JavaScript)