Upload
wox-app
View
260
Download
0
Embed Size (px)
Citation preview
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
Проблемы которые мы допускаем
- не правильно табы использовать
как переключатель типа
отображения.
Правильное использование табов
Переход назад
Спасибо за внимание!