Знакомство с принципом нового дизайна 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.
Средство выбора файлов сделано таким образом, чтобы после выполнения какой-либо задачи пользователь вернулся в то приложение, из которого запущена задача. Таким образом, ваша страница, содержащая средство выбора файлов, должна быть нацелена именно на работу с файлами, позволять пользователю быстро выполнить его задачи и вернуться обратно в приложение.
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
Вам необходимо меньше думать о функциях, которые вы хотите включить в приложение, и больше — о том, как создать для пользователя удобный интерфейс. -
Создавайте эффективные приложения для Магазина Windows
Приложения для Магазина Windows играют огромную роль в Windows 8, они являются воплощением утонченного, элегантного и притягательного интерфейса.
Ответы
- Подходящие чудо-кнопки и контракты:
- a. Послать другу меню заведения (Общий доступ)
- b. Использовать камеру в приложении (средство работы с файлами)
- c. Прокомментировать заведение (Общий доступ)
- d. Поиск заведения по имени (Поиск)
- e. Настройка региона поиска (Параметры)
- Каждая функция делает сценарий уникальным; Каждая функция будет использоваться большинством пользователей; Функции должны отражать специфику приложений.
- Функцию лучше сделать частью содержимого, если она является содержимым, то есть она видима и с ней можно взаимодействовать прямо в приложении. Например, звездочки для голосования или изображения в галерее.