Android Design hours


Автор:

В этот раз Design Hours был посвящен дизайну приложений под платформу Android. В этом посте я постараюсь осветить основные принципы дизайна под Android, а главное основные отличия дизайна приложения от iOS.


Расскажу немного о себе: я учусь в Вышке на  отделении ПИ 4 курс. В свободное время  я встречаюсь с друзьями, катаюсь на сноуборде.  Из языков программирования знаю Java и C#.

Презентация посвящена основным отличиям принципов дизайна iOS от Android. Написать приложение для iустройств и сделать простую конвертацию под Android не верно ни сточки зрения программной реализации, ни с точки зрения дизайна.

Android – операционная система на ядре Linux для коммуникаторов, планшетов, нетбуков, фоторамок, наручных часов… Система изначально разрабатывалась Android Inc., но была впоследствии куплена Google. Первая версия для широкого потребления была анонсирована в сентябре 2008 года. Сейчас существует большое количество различных версий системы с названиями сладостей в алфавитном порядке: Cupcake, Donut, Eclair, Froyo, Gingerbread, Honeycomb.   В настоящее время наиболее распространёнными являются системы 2.1 Eclair, 2.2 Froyo и 2.3 Gingerbread, поэтому разрабатывая приложения под 2.1, можно захватить 90% аудитории.

Платформу используют множество производителей: Samsung, HTC, LG, Motorolla и другие. И каждый из них создает собственные устройства с разным размером, расширением и емкостью экрана. В связи с эти размеры экрана разделены на 4 категории:

  • ldpi – для маленького размера
  • mdpi
  • hpdi
  • xhdpi  - для планшетов

Такое решение позволяет разработать приложение, которое будет одинаково хорошо выглядеть на всех устройствах.

Основные элементы. На телефонах на платформе Android обязательно присутствуют 3 кнопки: меню, назад и «домик».

Кнопка меню. Вызывает главное меню приложения, именно всего приложения, а не текущего экрана. Например, для браузера это вперед, назад, управление закладками и другие.  Меню фактически дублирует toolbar на iOS.

Контекстное меню. Меню для элемента формы, которое вызывается долгим нажатием на элемент. Контекстное меню не всегда очевидно для пользователя, многие забывают о нем. Поэтому не следует делать какую-либо функцию доступной только таким образом. Контекстное меню – это способ получить функции быстрее, если ты знаешь о нем.

Кнопка назад.  Возвращает пользователя на предыдущий экран, поэтому нет необходимости предусматривать эту возможность отдельно.

Кнопка домик. Возвращает пользователя на главные экран системы, приложение остается активным и запущенным, в любой момент пользователь может вернуться к нему. Но если по какой то причине телефону необходимо больше памяти, то операционная среда может завершить приложение.

Диалоги. Диалоги используются для предоставления пользователю информации или для её запроса. Существует множество встроенных диалогов, но можно описать свой собственный.

Виджеты. Виджеты располагаются на одном из рабочих столов пользователя и предоставляют ему быстрый доступ к информации или функциям приложения. Например, виджет, сообщающий об уровне заряда батареи или о температуре на улице. Или виджет, показывающий последние новости в Twitter. По нажатию на виджет, пользователь попадает в главное приложение.

Тренды.

Action Bar. Предоставляет доступ к самым важным функциям приложения. На action bar слева всегда располагается логотип приложения.

Quick Actions. Дают быстрый доступ к самым важным функциям, относящимся к этому элементу, чаще всего элементу списка. Этот тренд впервые был использован в клиенте Twitter, там это функции комментировать, ретвитнуть, добавить в избранное, профайл пользователя и поделиться.

Dashboard. Тренд, который уже отходит и мало где используется, но все таки. Dashboard содержит основные функции приложения.

Pull to refresh. Супер модный способ обновлять список, потянув его в низ. Из картинки все ясно:

Fast Scroll.  Для быстрой прокрутки списка в приложения Android существует  Fast Scroll. Он позволяет быстро перейти к нужному элементу списка. При такой прокрутке scroll bar принимает квадратный вид:

Foursquare. На основе полученных знаний, мы постарались произвести сравнительный анализ интерфейса приложения Foursquare iOS и Android.  Как можно заметить Foursquare Android поддерживает action bar, слева на котором  располагается логотип, а справа 2 кнопки уведомления и check in. Кнопка назад не присутствует на форме, поскольку она на телефоне! Доступ к настройкам осуществляется через кнопку меню. Все управляющие элементы расположены в верхней части экрана, так как внизу появляется меню.

Спасибо дочитавшим до конца, если было интересно и появились новые идеи пишите kuznecovaNI@gmail.com


Отзывы

Оставьте отзыв первым!

Оставить отзыв

WordPress Themes