Знакомство с принципом нового дизайна Microsoft: Делай больше с меньшими усилиями

Презентацию к данной лекции можно скачать здесь.

Цель лекции

Вы узнаете, как выбрать подходящие функции, исключив те, что не соответствуют выбранному высказыванию о ключевом преимуществе приложения (best-at) и сценариям.

Добавление функций в приложение

В лекции 3 вы придумывали сценарии, затем отбрасывали некоторые из них; теперь вы должны придумать функции и сопоставить их с выбранными сценариями. Так делается всегда.

Придумывание функций

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

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

Помните о высказывании "best-at" и сценариях

Помните о высказывании "best-at" и сценариях, когда будете придумывать функции, но не позволяйте им себя ограничивать. Если вы придумали отличную функцию, еще не поздно поменять сценарии и высказывание. Фактически, именно на этой стадии вы и захотите что-то изменить, потому что потом это будет уже намного сложнее.

Пример высказывания "best-at"

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

Примеры сценариев

Где мои палатки?

Постоянно показывать на карте расположение избранных палаток.

Я голоден

Поиск ближайшего места, где можно было бы перекусить.

Отличные палатки

Поиск палаток, которые рекомендуют другие пользователи.

Хочется чего-то нового

Просмотр разных палаток быстрого питания; Возможность поиска по типу пищи.

Примеры функций, найденных в ходе мозгового штурма

Поиск заведений

Поиск еды по меню

Поиск друзей

Отбор по категориям пищи

Отбор по местоположению

Отбор по оценкам других пользователей

Отбор по дате

Возможность прочитать меню

Возможность поставить заведению оценку

Возможность оставлять комментарии

Возможность читать комментарии

Карта с маркерами

Навигация

Возможность узнать контактную информацию заведения (электронная почта, юридический адрес)

Возможность просматривать галереи фотографий блюд

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

Добавить заведение в избранное

Поиск ближайшего заведения

Оповещать, когда я нахожусь рядом с заведением из избранного

Поместить на начальный экран

Добавить фото

Возможность написать рецензию

Определить моё местоположение на карте

Задание:

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

Каждая функция дополняет и улучшает сценарий

Если функция хорошая, но не подходит ни к одному из ваших сценариев, то она для другого приложения.

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

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

Функции должны быть отражать специфику приложения

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

Отметьте функции, которые могут использовать чудо-кнопки и контракты

Теперь вам нужно отметить функции, которые могут использовать чудо-кнопки и контракты. Это не только поможет убрать ненужные элементы из приложения, но и облегчит работу с приложением на любом устройстве с Windows 8.

Контракт FilePicker (работа с файлами)

Чудо-кнопки мы обсудили в лекции 1, теперь же разберемся с контрактом FilePicker (выбор файлов), включающим в себя контракты FileSaverPicker или FleOpenPicker. Их можно использовать в том случае, если вы хотите позволить пользователю сохранять данные непосредственно в другое приложение или открывать другое приложение внутри вашего. Например, его можно задействовать, когда пользователь сделает фотографию палатки-грузовика прямо из приложения FoodTruck.

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

FileSavePicker (средство сохранения файлов)

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

FileOpenPicker (средство открытия файлов)

Контракт FileOpenPicker позволяет пользователю выбрать файлы вашего приложения в любом другом приложении для Магазина Windows.

Обратите внимание на то, что чудо-кнопки не работают во время использования средств работы с файлами

Список с удаленными функциями, использующими чудо-кнопки и контракты

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

Задание:

Сделайте то же самое с вашим списком функций.

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

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

Сопоставления функций со сценариями

Сгруппируйте функции со сценариями, к которым они лучше всего подходят.

Примеры сценариев с функциями

Где мои палатки? - Постоянно показывать на карте расположение избранных палаток.

Навигация (полотно)

Написать обзор (панель приложения)

Добавить фото (панель приложения)

Оповещать, когда я нахожусь рядом с заведением из избранного (панель приложения)

Поместить на начальный экран (панель приложения)

Я голоден - Поиск ближайшего места, где можно было бы перекусить.

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

Отбор по местоположению (панель приложения)

Отбор по категориям пищи (панель приложения)

Показать на карте (панель приложения)

Показать в списке (панель приложения)

Отбор по оценкам других пользователей (панель приложения)

Поместить на начальный экран (панель приложения)

Определить местоположение на карте (полотно)

Отличные палатки - Поиск палаток, которые рекомендуют другие пользователи

Отбор по оценкам других пользователей (панель приложения)

Отбор по дате (панель приложения)

Отбор по местоположению (панель приложения)

Показать на карте (панель приложения)

Показать в списке (панель приложения)

Возможность прочитать меню (по нажатию на содержимое)

Написать обзор (панель приложения)

Поместить на начальный экран (панель приложения)

Хочется чего-то нового - Просмотр разных палаток быстрого питания; Возможность поиска по типу пищи

Отбор по категориям пищи (панель приложения)

Количество палаток в данной категории отображается на рабочем экране приложения

Возможность прочитать меню (часть контента, по нажатию на плитку)

Отбор по местоположению (панель приложения)

Показать на карте (панель приложения)

Показать в списке (панель приложения)

Написать обзор (панель приложения)

Поместить на начальный экран (панель приложения)

Задание

Сделайте то же самое со своими списками функций и сценариев.

Итоги

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

Самостоятельная работа

Изучите существующие WinRT-приложения, попробуйте воссоздать их сценарии и запишите их.

Пример сценариев для приложения Погода (Weather)

Пользователь хочет сразу видеть температуру в выбранном городе и расширенный прогноз на пять дней.

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

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

Вопросы

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

a. Послать другу меню заведения

b. Использовать камеру в приложении

c. Прокомментировать заведение

d. Поиск заведения по имени

e. Настройка региона поиска

Какие три особенности нужно учитывать при придумывании функций?

Когда функцию лучше делать частью контента?

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

Дополнительный материал поможет вам лучше понять сценарии и функции.

Книга: Storytelling for User Experience: Crafting Stories for Better Design

Whitney Quesenbery, ISBN: 1933820470

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

Планирование приложений для Магазина Windows

http://msdn.microsoft.com/en-us/library/windows/apps/hh465427.aspxhttp://msdn.microsoft.com/ru-ru/library/windows/apps/hh465427.aspx

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

Создавайте эффективные приложения для Магазина Windows

http://msdn.microsoft.com/en-us/library/windows/apps/hh464920.aspxhttp://msdn.microsoft.com/en-us/library/windows/apps/hh464920.aspx

Приложения для Магазина Windows играют огромную роль в Windows 8, они являются воплощением утонченного, элегантного и притягательного интерфейса.

Ответы

Подходящие чудо-кнопки и контракты:

a. Послать другу меню заведения (Общий доступ)

b. Использовать камеру в приложении (средство работы с файлами)

c. Прокомментировать заведение (Общий доступ)

d. Поиск заведения по имени (Поиск)

e. Настройка региона поиска (Параметры)

Каждая функция делает сценарий уникальным; Каждая функция будет использоваться большинством пользователей; Функции должны отражать специфику приложений.

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