Роман Мазур: Шаблони проектування Android UI

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

Наш план

Їх усього 5

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

•Операційна панель (Action Bar)

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

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

•Допоміжний віджет (Companion Widget)

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

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

• Ваше обличчя – будьте акуратні

• Ваша стартова точка

• Хороше місце, аби показати нові фішки

Наш план

Лишилося 4

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

•Операційна панель (Action Bar)

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

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

•Допоміжний віджет (Companion Widget)

Операційна панель (Action Bar)

• Присутня на всіх ваших екранах (за винятком…)

• Заміна стандартному сірому заголовку

• Дозволяє перехід на головний екран – навігація

• Дає доступ до операцій, загальних для вашої аплікації: пошук, оновлення, зміна статусу

• Може містити індикатор завантаження

Наш план

Лишилося 3

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

•Операційна панель (Action Bar)

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

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

•Допоміжний віджет (Companion Widget)

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

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

• Замінює операційну панель (верхня частина екрана)

• Показує припущення

• Мітить додаткові елементи для контролю режиму пошуку

Простіша альтернатива: Search Box DialogШвидша реалізація, менші можливості.

Наш план

Лишилося 2

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

•Операційна панель (Action Bar)

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

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

•Допоміжний віджет (Companion Widget)

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

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

• Використовується, якщо доступні кілька дій на вибраним елементом

• Спливаючий елемент

• Не руйнує будови вашого екрана (не діалог, залишає доступними елементи на основному екрані)

• Може мати анімацію, створювати “ого” ефект

• НЕ використовується в контексті з можливістю вибору кількох елементів

Наш план

Останній шаблон

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

•Операційна панель (Action Bar)

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

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

•Допоміжний віджет (Companion Widget)

Допоміжний віджет (Companion Widget)

• Щось більше, ніж іконка

• Відображує дані від вашої аплікації

• Представляє ваш функціонал на робочому столі

• Стартує відповідні активності для виконання реальних задач

• Повинен ефективно використовувати досить обмежену площу

Що подивитися

Основні матеріали:

•Google IO

•Google Developer Day

Не забувайте дотримуватися рекомендацій стосовно дизайну.

•User Interface Guidelines

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

Roman 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