Android паттерны навигации

компания WOXAPP

План

1. Паттерны навигации.

2. Перенос связи экранов со смартфона на планшет.

3. Перестроение экрана при переходе с портретного режима в

ландшафтный.

4. Стандартные анимации в Android Lollipop.

5. Частые ошибки которые допускаются при построении прототипа.

Навигация при помощью кнопок Назад и Вверх

Навигация по приложению

Навигация по приложению

Навигация с помощью виджетов главного экрана и уведомлений

Навигация при помощи косвенных и всплывающих уведомлений

Типичная архитектура Android приложения

Что же рекомендует Google?

Табы нужно использовать если:

- Нужен быстрый доступа клиента к основному контенту.

- У вас есть ограниченное количество, не больше трех, представлений верхнего уровня.

- Вы ожидаете, что пользователи вашего приложения будут часто переключать

представления.

- Вы хотите, чтобы пользователи были хорошо осведомлены об альтернативных

представлениях.

Категории могут быть табами если:

- Их не более 5-7 вкладок

- Категории это основной

контент к которому нужно

дать быстрый доступ

- Категории знакомы и

понятны пользователю

Счетчик нужно использовать если:

- Вы же не хотите использовать часть вертикали экрана для выделенной панели вкладок.

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

(например: календарь событий по дням, неделям или месяцам) или наборы данных одного

и того же типа (таких как контент для двух различных учетных записей).

Используйте меню навигации если:

- Вы не хотите использовать часть

вертикали экрана для выделенной панели

вкладок.

- У вас есть большое количество

представлений верхнего уровня.

- Вы хотите обеспечить прямой доступ к

экранам на более низких уровнях.

- Вы хотите обеспечить быструю навигацию

к представлениям, которые не имеют

прямых связей между собой.

- Вы имеете особенно глубокие ветки

навигации.

Основное

- Найти способы отображения полезного содержания на вашем

стартовом экране.

- Используйте панели действий, чтобы обеспечить последовательную

навигацию.

- Держите иерархию неглубокой, используя горизонтальную навигацию и

ярлыки.

- Используйте множественный выбор, чтобы позволить пользователю

работать с коллекцией данных.

- Позвольте быстро перемещаться между детализацией элементов с

помощью перемещающихся представлений.

Перенос связи экранов со смартфона на планшет.

Перестроение экрана при смене ориентации.

Перестроение сетки

Перестроение списка

Перестроение navigation bar

Хороший пример перестроения ориентаци

Стандартные анимации в Android lollipop.

Инструменты для анимации

- View Animation (lagacy framework)

- Drawable Animation

- Property Animation

Принцип работы анимации

Drawable Animation

Влияем на:

- серию элементов

- скорость смены элементов

Property Animation

Проблемы которые мы допускаем

- не правильно табы использовать

как переключатель типа

отображения.

Правильное использование табов

Переход назад

Спасибо за внимание!