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

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

Цель лекции

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

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

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

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

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

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

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

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

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

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

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

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

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

Я голоден

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

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

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

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

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

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

• Поиск заведений
• Поиск еды по меню
• Поиск друзей
• Отбор по категориям пищи
• Отбор по местоположению
• Отбор по оценкам других пользователей
• Отбор по дате
• Возможность прочитать меню
• Возможность поставить заведению оценку
• Возможность оставлять комментарии
• Возможность читать комментарии
• Карта с маркерами
• Навигация
• Возможность узнать контактную информацию заведения (электронная почта, юридический адрес)
• Возможность просматривать галереи фотографий блюд
• Посмотреть на карте или в виде списка ближайшие заведения
• Добавить заведение в избранное
• Поиск ближайшего заведения
• Оповещать, когда я нахожусь рядом с заведением из избранного
• Поместить на начальный экран
• Добавить фото
• Возможность написать рецензию
• Определить моё местоположение на карте

Задание:

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

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

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

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

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

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

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

В Windows 8 вы можете использовать возможности чудо-кнопок, панель которых расположена у правого края экрана

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

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

Средство выбора файлов в Windows 8

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

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

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

Средство сохранения файлов

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

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

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

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

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

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

Задание:

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

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

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

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

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

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

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

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

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

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

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

• Отбор по оценкам других пользователей (панель приложения)
• Отбор по дате (панель приложения)
• Отбор по местоположению (панель приложения)
• Показать на карте (панель приложения)
• Показать в списке (панель приложения)
• Возможность прочитать меню (по нажатию на содержимое)
• Написать обзор (панель приложения)
• Поместить на начальный экран (панель приложения)

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

• Отбор по категориям пищи (панель приложения)
  • Количество палаток в данной категории отображается на рабочем экране приложения
• Возможность прочитать меню (часть контента, по нажатию на плитку)
• Отбор по местоположению (панель приложения)
• Показать на карте (панель приложения)
• Показать в списке (панель приложения)
• Написать обзор (панель приложения)
• Поместить на начальный экран (панель приложения)

Задание

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

Итоги

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

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

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

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

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

Вопросы

1. Соотнесите функции, перечисленные ниже, с подходящими чудо-кнопками. Подсказка: это могут быть Поиск, Общий доступ, Параметры или средство работы с файлами
   • a. Послать другу меню заведения
   • b. Использовать камеру в приложении
   • c. Прокомментировать заведение
   • d. Поиск заведения по имени
   • e. Настройка региона поиска
2. Какие три особенности нужно учитывать при придумывании функций?
3. Когда функцию лучше делать частью контента?

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

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

• Книга: 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, они являются воплощением утонченного, элегантного и притягательного интерфейса.

Ответы

1. Подходящие чудо-кнопки и контракты:
   • a. Послать другу меню заведения (Общий доступ)
   • b. Использовать камеру в приложении (средство работы с файлами)
   • c. Прокомментировать заведение (Общий доступ)
   • d. Поиск заведения по имени (Поиск)
   • e. Настройка региона поиска (Параметры)
2. Каждая функция делает сценарий уникальным; Каждая функция будет использоваться большинством пользователей; Функции должны отражать специфику приложений.
3. Функцию лучше сделать частью содержимого, если она является содержимым, то есть она видима и с ней можно взаимодействовать прямо в приложении. Например, звездочки для голосования или изображения в галерее.