Одним из первых шагов при проектировании и разработке Android приложений является определение того, что пользователи могут видеть и делать в приложении. Как только вы узнаете, с какими типами данных пользователи будут работать в приложении, следующим шагом будет проектирование взаимодействия, которое позволить пользователям осуществлять навигацию по различным частям содержимого приложения.
Этот курс показывает вам как планировать высокоуровневую иерархию экрана для вашего приложения и затем выбирать соответствующие формы навигации позволяя пользователям эффективно и интуитивно просматривать содержимое.Каждый уровень раскрывает различные этапы в проектировании взаимодействия и создания навигации в хронологическом порядке. После прохождения всех уроков вы будете способны применять методологию и парадигмы навигации описанные в них в ваших собственных приложениях предоставляя пользователям эффективную навигацию
Большинство приложений имеют неотъемлемую информационную модель которая может быть представлена в виде дерева или графа объектов. В более очевидных условиях вы можете нарисовать диаграмму различных видов информации которая покажет тип вещей с которыми пользователи взаимодействуют в вашем приложении. Разработчики программного обеспечения и архитекторы часто используют диаграммы сущность-связь(ERDs) для описания информационной модели приложения.
Давайте рассмотрим пример приложения, которое позволяет пользователям просматривать набор новостей, разбитых по категориям и фотографии. Возможная модель для такого приложения представлена ниже в виде ERD.
Рисунок 1. Диаграмма сущность-связь для новостного приложения-примера.
Создание списка экранов.
После определения информационной модели вы можете приступить к определению условий, позволяющих пользователям эффективно находить, просматривать и и взаимодействовать с данными в вашем приложении. На практике, одним из способов является определение исчерпывающего набора экранов необходимого для навигации и взаимодействия с данными. Множество создаваемых экранов будет отличаться в зависимости от целевого устройства, очень важно учитывать это в начале разработки, чтобы убедиться что приложение может адаптироваться к среде..
В нашем приложении-примере мы хотим позволить пользователям просматривать, сохранять и делиться категоризированными новостными заметками и фотографиями. Ниже представлен исчерпывающий список экранов, который покрывает все варианты взаимодействия пользователей.
- "Домашний" экран или экран "запуска" для доступа к историям и фотографиям
- Список категорий
- Список новостных заметок для данной категории
- Детальный вид заметки (из которого мы можем сохранять и делиться)
- Список фотографий, не разбитый по категориям
- Детальный вид фото(из которого мы можем сохранять и делиться)
- Список всех сохраненных элементов
- Список сохраненных фотографий
- Список сохраненных заметок
Схема отношений экранов.
Теперь мы можем определить прямые отношения между экранами, стрелка от экрана А к экрану Б означает что экран Б должен быть доступен напрямую при взаимодействии с пользователем в экране А. Как только мы определим набор экранов и отношения между ними мы можем представить это в виде карты экранов, которая показывает все ваши экраны и отношения.
Если в будущем мы захотим позволить пользователям отправлять новости или загружать фотографии мы можем добавить дополнительные экраны на эту диаграмму.
Не только упрощенный дизайн.
На данный момент возможно спроектировать полностью функциональное приложение на основе исчерпывающей карты экранов. Упрощенный пользовательский интерфейс может содержать кнопки и списки, ведущие к дочерним экранам:
- Кнопки, ведущие к различным секциям(заметки, фото, сохраненные элементы)
- Вертикальные списки отображающие коллекции(списки заметок, фотографий)
- Детальная информация (вид с заметкой, полноэкранный вид с фото)
Кроме того, вы можете применять техники группировки экранов и более сложные элементы навигации для представления содержимого в более интуитивном и зависящим от типа устройства виде.В следующем уроке мы рассмотрим техники группировки экранов, таких, как предоставление многопанельных разметок для планшетов. Позже мы углубимся в различные навигационные шабланы характерные для Android.
Комментариев нет:
Отправить комментарий