Создание приложения для Windows Phone 7 от начала до конца. Часть 3. Определение вашего приложения

http://go.microsoft.com/fwlink/?LinkId=214312
  • Перевод
Предыдущая часть

После того, как вы определились с идеей приложения для Windows Phone, необходимо определить задачи, страницы и пути навигации (navigation flow).

В этой части вы узнаете:
  • Как определить пользовательские задачи (user tasks) для вашего приложения.
  • Как определить страницы и пути навигации.
  • Как начать думать о ваших данных.

Пользовательские задачи


Размышляя о задачах, которые пользователь может выполнить, используя ваше приложение, вы определите возможности вашего приложения. Ниже приведены некоторые способы, как начать проектирование приложения.
  • Составьте список задач, которые пользователи смогут выполнить.
  • Расставьте приоритеты в списке так, чтобы вы знали, что вы должны реализовать сразу, а что можете оставить для более поздних версий.
  • Если вы работаете в команде, пусть каждый составит свой индивидуальный список пользовательских задач. Обсудите их в команде и попытайтеся сгруппировать их.
  • Создайте эскизы страниц, которые ваше приложение может содержать, и способы, как пользователь сможет перемещаться между ними.
  • Поэкспериментируйте с различными существующими приложениями для Windows Phone, чтобы увидеть, что вам нравится и не нравится в них.
Fuel Tracker, наше приложение-пример, позволяет пользователю отслеживать расход топлива своих автомобилей. На следующем изображении показан процесс мозгового штурма и доска, на которой нарисован план работы приложения.

image

Ниже в качестве примера приведены некоторые из пользовательских задач, которые были изначально созданы при проектировании приложения Fuel Tracker.
Пользовательская задача Приоритет
Ввод информации о заправке (процессе заправки автомобиля) 1
Ввод информации об автомобиле 1
Просмотр истории заправок 1
Просмотр отчёта «километры/литр» 1
Ввод данных для нескольких автомобилей 2
Сохранение местоположения заправок 2
Карта размещения заправок 2
Переключение единиц измерения (США или метрические) 3
Просмотр отчёта «цена/литр» 3

Страницы и пути навигации


Для реализации вашего списка пользовательских задач необходимо детальнее определить страницы и пути навигации. Вы можете сделать это с помощью создания навигационного прототипа. Вы можете начать думать о том, как страницы могут выглядеть, но вам пока не нужно определять конкретные элементы управления. Ваше внимание должно быть сосредоточено на создании навигационной модели, удобной для пользователя. Следующие шаги описывают способ создания прототипа.
  1. Создайте эскизы, представляющие страницы вашего приложения. Каждая страница должна позволять пользователю выполнить по крайней мере одну задачу.
  2. Добавьте навигационные средства, такие как гиперссылки, кнопки или кнопки панели приложения, к вашим эскизам.
  3. Протестируйте навигацию по страницам с помощью навигационных средств и кнопки «Назад».
Сертификационное требование:
Нажатие кнопки «Назад» на первой странице приложения должно закрывать приложение.
Нажатие кнопки «Назад» на других страницах должно возвращать на предыдущую страницу приложения.

Совет:
Если у вас установлено Expression Studio Ultimate, вы можете использовать возможности SketchFlow для создания навигационных прототипов.

Приложение Fuel Tracker состоит из трех страниц и окна выбора фотографий. На следующем изображении показаны страницы и пути навигации.

image

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

В этой модели первая страница используется повторно, в то время как другие страницы создаются заново при каждом посещении. Другие страницы являются страницами с вводом данных, но поскольку они не используются повторно, они рассматриваются как модальные диалоговые окна. Пользователи могут либо нажать кнопку «Сохранить», чтобы сохранить изменения и перейти к первой странице, либо могут нажать кнопку «Назад», чтобы отменить изменения и вернуться назад.

Обдумывание данных


Вы должны начать думать о данных, которые приложение будет использовать, и как их организовать. Вы можете начать с составления списка необходимых данных и попытаться логически сгруппировать их. В следующей таблице приведены некоторые данные, необходимые для приложения Fuel Tracker. Это поможет вам определить элементы управления, которые необходимы в вашем приложении, и как вы будете передавать данные из пользовательского интерфейса к бизнес-логике вашего приложения. В частях «Отображение данных» и «Создание классов данных», вы узнаете больше о том, как отображать данные в пользовательском интерфейсе и как создавать классы данных для вашего приложения.
Группа Данные
Автомобиль Название
Фото
Первоначальные показания одометра
История заправок
Заправка Дата
Показания одометра
Количество топлива
Цена топлива
Следующая часть
Поделиться публикацией

Комментарии 11

    +1
    сегодня будут все части? :)
    очень интересно, кстати, спасибо!
      +1
      Нет, сегодня остальных частей не будет. В выходные опубликую ещё несколько.
      +1
      Это все прекрасно, но как потестировать и попробовать в живую приложение, если телефоны не продаются в России?
        +2
        в Visual Studio в т.ч. в бесплатной версии Express есть эмулятор телефона www.microsoft.com/downloads/en/details.aspx?FamilyID=04704acf-a63a-4f97-952c-8b51b34b00ce
          0
          Как вы понимаете, эмулятор — это хорошо, но далеко не факт, что именно так оно будет работать на реальном телефоне. Где то была статья, там описывали различия. Да и потом вы же не для эмулятора пишете программу, хочется самому покрутить, посмотреть, попробовать, понять что вот тут на самом деле не совсем удобно получается пальцем тыкать. хотя на эмуле мышкой выглядело здорово
            +1
            кстати, эмуль поддерживает мультитач мониторы.
          +1
          mixen говорил что поможет разработчикам протестить приложение
          — некоторые говорят, что XNA можено тестить на zune, который, впрочем, тоже не продается в РФ
          — можно купить телефон через всякие ебеи и проч. и кое-то уже так делал
            0
            Товарищ поставил WP7 на свой HD2, не совсем то, но для тестов вроде пока что подходит
            0
            Думаю телефон можно легко найти в интернет-магазинах. Я сам живу на Украине, купить телефон не составило труда, подозреваю, что в России та же ситуация.
              0
              Ага… и придет коробочка с песком по весу точно равная весу коробки с телефоном:)
                0
                Можно покупать наложенным платежом, т.е. вы деньги отдаете когда забираете товар у службы доставки.

          Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

          Самое читаемое