Слайд 1Шаблони проектування Android UI
Слайд 2Наш план
Їх усього 5
Головний екран (Dashboard)
Операційна панель (Action Bar)
Пошукова панель (Search
Bar)
Швидкі дії (Quick Actions)
Допоміжний віджет (Companion Widget)
Слайд 4Головний екран (Dashboard)
Ваше обличчя – будьте акуратні
Ваша стартова точка
Хороше місце, аби
показати нові фішки
Слайд 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 Bar)
Замінює операційну панель (верхня частина екрана)
Показує припущення
Мітить додаткові
елементи для контролю режиму пошуку
Простіша альтернатива: Search Box Dialog
Швидша реалізація, менші можливості.
Слайд 10Наш план
Лишилося 2
Головний екран (Dashboard)
Операційна панель (Action Bar)
Пошукова панель (Search Bar)
Швидкі
дії (Quick Actions)
Допоміжний віджет (Companion Widget)
Слайд 12Швидкі дії (Quick Actions)
Використовується, якщо доступні кілька дій на вибраним елементом
Спливаючий
елемент
Не руйнує будови вашого екрана (не діалог, залишає доступними елементи на основному екрані)
Може мати анімацію, створювати “ого” ефект
НЕ використовується в контексті з можливістю вибору кількох елементів
Слайд 13Наш план
Останній шаблон
Головний екран (Dashboard)
Операційна панель (Action Bar)
Пошукова панель (Search Bar)
Швидкі
дії (Quick Actions)
Допоміжний віджет (Companion Widget)
Слайд 14Допоміжний віджет (Companion Widget)
Щось більше, ніж іконка
Відображує дані від вашої аплікації
Представляє
ваш функціонал на робочому столі
Стартує відповідні активності для виконання реальних задач
Повинен ефективно використовувати досить обмежену площу
Слайд 15Що подивитися
Основні матеріали:
Google IO
Google Developer Day
Не забувайте дотримуватися рекомендацій стосовно дизайну.
User
Interface Guidelines
Слайд 16Stanfy шукає Android-розробників
Слайд 17Roman Mazur
Head of Android/Java Unit
Stanfy
iPhone/iPad and Android Applications
Skype: roman.mazur.f
Twitter: roman_mazur
rmazur@stanfy.com.ua
http://stanfy.com.ua