Шаблони проектування Android UI. Наш план Їх усього 5 Головний екран (Dashboard) Операційна панель (Action Bar) Пошукова панель (Search Bar) Швидкі дії. - презентация

1 Шаблони проектування Android UI

2 Наш план Їх усього 5 Головний екран (Dashboard) Операційна панель (Action Bar) Пошукова панель (Search Bar) Швидкі дії (Quick Actions) Допоміжний віджет (Companion Widget)

3 Головний екран (Dashboard)

4 Ваше обличчя – будьте акуратні Ваша стартова точка Хороше місце, аби показати нові фішки

5 Наш план Лишилося 4 Головний екран (Dashboard) Операційна панель (Action Bar) Пошукова панель (Search Bar) Швидкі дії (Quick Actions) Допоміжний віджет (Companion Widget)

6 Операційна панель (Action Bar) Присутня на всіх ваших екранах (за винятком…) Заміна стандартному сірому заголовку Дозволяє перехід на головний екран – навігація Дає доступ до операцій, загальних для вашої аплікації: пошук, оновлення, зміна статусу Може містити індикатор завантаження

7 Наш план Лишилося 3 Головний екран (Dashboard) Операційна панель (Action Bar) Пошукова панель (Search Bar) Швидкі дії (Quick Actions) Допоміжний віджет (Companion Widget)

8 Пошукова панель (Search Bar)

9 Замінює операційну панель (верхня частина екрана) Показує припущення Мітить додаткові елементи для контролю режиму пошуку Простіша альтернатива: Search Box Dialog Швидша реалізація, менші можливості.

10 Наш план Лишилося 2 Головний екран (Dashboard) Операційна панель (Action Bar) Пошукова панель (Search Bar) Швидкі дії (Quick Actions) Допоміжний віджет (Companion Widget)

11 Швидкі дії (Quick Actions)

12 Використовується, якщо доступні кілька дій на вибраним елементом Спливаючий елемент Не руйнує будови вашого екрана (не діалог, залишає доступними елементи на основному екрані) Може мати анімацію, створювати ого ефект НЕ використовується в контексті з можливістю вибору кількох елементів

13 Наш план Останній шаблон Головний екран (Dashboard) Операційна панель (Action Bar) Пошукова панель (Search Bar) Швидкі дії (Quick Actions) Допоміжний віджет (Companion Widget)

14 Щось більше, ніж іконка Відображує дані від вашої аплікації Представляє ваш функціонал на робочому столі Стартує відповідні активності для виконання реальних задач Повинен ефективно використовувати досить обмежену площу

15 Що подивитися Основні матеріали: Google IO Google Developer Day Не забувайте дотримуватися рекомендацій стосовно дизайну. User Interface Guidelines

16 Stanfy шукає Android-розробників

17 Roman Mazur Head of Android/Java Unit Stanfy iPhone/iPad and Android Applications Skype: roman.mazur.f Twitter: roman_mazur