Спонсор: Microsoft
Опубликован: 27.12.2012 | Доступ: свободный | Студентов: 427 / 35 | Длительность: 09:19:00
Специальности: Программист
Лекция 4:

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

< Лекция 3 || Лекция 4 || Лекция 5 >
Аннотация: В этой лекции вы будете продолжать работу, начатую в лекции 3. Вы поймете, как опыт взаимодействия относится к функциям и структуре приложения для Магазина Windows.

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

Цель лекции

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

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

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

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

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

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

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

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

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

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

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

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

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

Я голоден

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

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

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

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

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

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

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

Задание:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Средство выбора файлов в 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. Функцию лучше сделать частью содержимого, если она является содержимым, то есть она видима и с ней можно взаимодействовать прямо в приложении. Например, звездочки для голосования или изображения в галерее.
< Лекция 3 || Лекция 4 || Лекция 5 >
Максим Домшенко
Максим Домшенко
Россия, Курск, Региональный Финансово-Экономический Институт
Андрей Бобылев
Андрей Бобылев
Россия, Москва