сравнение приложений на ios и android

iOS против Android: сравнение основных приложений

Наверняка многие из наших читателей и зрителей в большей или меньшей степени знакомы с iOS и Android, однако есть и те, кто ни одну из этих систем в глаза-то и не видел, а есть те, кто знаком только с одной. Сегодня мы смотрим на самые часто используемые планшетные приложения на iOS и Android и делаем выводы, где лучше, где красивее и где удобнее. Присоединяйтесь к обсуждению после просмотра!

сравнение приложений на ios и android. telegram2. сравнение приложений на ios и android фото. сравнение приложений на ios и android-telegram2. картинка сравнение приложений на ios и android. картинка telegram2.

Новости, статьи и анонсы публикаций

Свободное общение и обсуждение материалов

Лонгриды для вас

сравнение приложений на ios и android. televizor KIVI PERSS 09. сравнение приложений на ios и android фото. сравнение приложений на ios и android-televizor KIVI PERSS 09. картинка сравнение приложений на ios и android. картинка televizor KIVI PERSS 09.

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

сравнение приложений на ios и android. pixel6pro vs iphone13promax camera. сравнение приложений на ios и android фото. сравнение приложений на ios и android-pixel6pro vs iphone13promax camera. картинка сравнение приложений на ios и android. картинка pixel6pro vs iphone13promax camera.

iPhone 13 Pro Max и Pixel 6 Pro — смартфоны с лучшими камерами в своих линейках. Поэтому будет интересно сравнить, насколько хорошо они снимают, и понять, что лучше покупать для съёмки фото

сравнение приложений на ios и android. samsung. сравнение приложений на ios и android фото. сравнение приложений на ios и android-samsung. картинка сравнение приложений на ios и android. картинка samsung.

Несмотря на новинки из мира Android, пользователи смартфонов от компании Apple в последнее время не хотят переходить на устройства других компаний. А с учетом, что многие телефоны Samsung теперь запрещены в России, доля iPhone на рынке в России может вырасти еще больше.

Источник

Android или iOS: Что выбрать в 2021 году

Смартфоны и планшеты на операционных системах Android и iOS считаются самыми популярными. Именно на этих платформах работают подавляющее большинство современных мобильных устройств. У каждой из них есть свои плюсы и минусы. Поэтому при сравнении Android и iOS в 2021 году нужно учесть следующие особенности и собственные предпочтения:

Особенности существующих систем

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

Гаджеты на iOS, в особенности телефоны iPhone – это брендовая продукция компании Apple. В то время как прочие устройства на Android – это результат деятельности инженеров Google. Эта ОС используется в разных моделях от многих производителей.

Частично обе платформы схожи, хотя имеют принципиально разный подход к работе. ОС Android изначально создавалась открытой, чтобы с ней могли работать разные разработчики. У iOS закрытый тип, поэтому весь софт проходит строгий контроль перед тем, как попадет в смартфон.

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

Еще одно отличие состоит в ценовой политике. Устройства от Apple – это фирменные гаджеты единого производителя аппаратного и программного обеспечения, стоимость которых обычно завышена и недоступна среднестатистическому пользователю. Разработчики же Google создали операционку, которую устанавливают на модели телефонов различных производителей, от премиальных моделей до бюджетных.

Приложения на Android и iOS

Современные устройства поддерживают функциональность при помощи приложений. Специальные программы обеспечивают рабочие способности всех систем – от камеры до игр. Поэтому при выборе платформы важным фактором будет именно работа с приложениями.

На первый взгляд может показаться, что Android намного интереснее. Ведь в GooglePlay представлены тысячи разнообразных программ. Однако это можно отнести и к плюсам, и к минусам.

Дело в том, что ежедневно список для Android пополняется сотнями приложений. Тщательно проверить каждое из них практически невозможно, чем и пользуются недобросовестные разработчики. Часто в GooglePlay встречается контент, переполненный рекламой и вирусами.

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

Следующий момент – оплата приложений. Такая функция предусмотрена и в GooglePlay, и в AppStore. Бесплатный софт для Android встречается чаще, однако он переполнен рекламой. Это позволяет разработчикам окупить затраты, но вызывает нарекания со стороны пользователей. К тому же, бесплатные программы обычно сделаны не так качественно. В этом смысле AppStore выигрывает.

Что касается эксклюзивного контента, то он обычно представлен в двух вариантах – для обеих операционных систем. Однако некоторые приложения работают только на одной платформе. И эксклюзивного софта больше для iOS.

Безопасность и обновления

Если говорить о защищенности, то гаджеты от Apple работают без нареканий. Связано это с тем, что продукция брендовая и дорогая, поэтому вопросам безопасности уделяют много внимания. Смартфоны даже через несколько лет использования работают стабильно и без задержек. Хотя возможно снижение стабильности по мере износа зарядного устройства.

У гаджетов на Android дело обстоит не так хорошо. Похвастать стабильностью и отсутствием сбоев могут только дорогие бренды (Samsung, Huawei). А вот более бюджетные модели часто тормозят и зависают в самый неподходящий момент. К тому же, оптимизация выполнена неидеально, что сказывается на обновлениях и новых программах.

При накапливании определенного количества системных ошибок начинают работать со сбоями приложения. Хуже всего обстоит дело со старыми поколениями мобильных устройств. А вот новые модели совершенствуются и в большинстве случаев работают стабильно.

Есть одно серьезное преимущество у iOS перед Android. Обновления выпускаются намного чаще и, к тому же, являются более стабильными и существенными. Кроме того, служба поддержки быстрее реагирует на возможные сбои в работе и устраняет их. И понятно, почему так происходит.

Разработчикам Apple приходится работать только с одним типом гаджетов. А на системе Android требуется выполнить оптимизацию под разные модели и типы устройств.

Что выбирают пользователи?

Как показывает статистика, пользователи предпочитают приобретать смартфоны на Android. Платформа iOS не так популярна на российском рынке в основном за счет своей стоимости. Если говорить о Европе или странах Азии, то ситуация противоположная. Там гаджеты от Apple на пике популярности. Мировая же тенденция свидетельствует о том, что Android продается, все-таки, чаще.

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

Преимущества и недостатки

Вот основные плюсы Android:

Если говорить о минусах Android, то к ним относят:

У смартфонов на iOS также есть и преимущества, и недостатки.

К плюсам iOS относят:

В число минусов iOS входят:

Как выбрать

Выбирать операционную систему для смартфона необходимо в зависимости от собственных потребностей и возможностей:

Источник

Что лучше: Андроид или iOS? Обзор и сравнение двух платформ

сравнение приложений на ios и android. obektivnoe sravnenie ios i android v 2019 godu 9.0b2b2077b935f6f9ecbd9112fe344256. сравнение приложений на ios и android фото. сравнение приложений на ios и android-obektivnoe sravnenie ios i android v 2019 godu 9.0b2b2077b935f6f9ecbd9112fe344256. картинка сравнение приложений на ios и android. картинка obektivnoe sravnenie ios i android v 2019 godu 9.0b2b2077b935f6f9ecbd9112fe344256.

Что лучше : Андроид или iOS?

У кого лучше стабильность : у Андроид а или iOS?

Компания Apple на этой операционной системе производит только iPhone и iPad. Больше iOS никто и нигде не применяет. То есть iOS — это операционная система, разработанная под конкретное «железо». Поэтому разработчики сделали ее максимально стабильной и идеальной для собственных устройств. Из это следует, что в целом в ней наблюдается меньшее количество ошибок, багов и конфликтов с другим программным обеспечением.

Андроид не может похвастаться стабильностью. Эта ОС установлена на большом разнообразии устройств разных производителей. Очень часто производители устройств «докручивают» исходный код Android под свои устройства, что часто вызывает дисбаланс. Именно поэтому пользователи этих устройств часто жалуются на:

нестабильную работу устройства;

нестабильную работу приложений на устройстве.

Андроид несет в себе одно важно е отличие от iOS : он имеет двоякие результаты. Андроид более «открытый», поэтому производители устройств могут его перекодировать. Такая «перекодировка» может быть очень удачной, если делается со всей ответственностью и кропотливым трудом. Но также может быть неудачной, если «сделана на коленке» в каком-нибудь подвале.

С Apple такие «варианты» не проходят : они производят собственные устройства с собственной ОС и снабжают его тщательно отобранными приложениями.

Программное обеспечение

Есть даже отличие во внутреннем «железе» — на разных устройствах используются разные чипы: Qualcomm или MediaTek. Вся эта «каша» приводит к тому, что возникает проблема совместимости устройства и ПО. Поэтому можно часто встретить такую ситуацию, когда на одном Андроид-устройстве приложение работает нормально, а на другом — с какими-то проблемами или вообще не работает.

Магазин приложений

Сравнивать по количеству приложений мы не будем. Но нужно отметить, что в Play Market очень много отличных бесплатных приложений на любой вкус. В AppStore достойные приложения все платные.

Что лучше взаимодействует с внешним миром : Андроид или iOS?

Отличаются они использованием блютуз-модуля. На iOS Bluetooth можно использовать только для подключения беспроводной гарнитуры. В Андроид е с этим модулем можно делать что угодно:

подключать гарнитуру и устройства;

Понятно, что это так себе преимущество, но все же.

Синхронизация с ПК

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

создавать резервные копии;

покупать контент (музыку и видео).

Как обновляются Андроид и iOS

У Андроид а дела с обновлениями обстоят немного по-другому и несколько похуже. Сама операционная система обновляется постоянно. Но вот доступность и качество этих обновлений завис я т от производителей устройств. Поэтому ответственность тоже лежит на производителях.

В итоге мы получаем:

регулярные и качественные обновления на iOS;

отсутствующие или очень редкие обновления на малоизвестных устройствах на Android ;

обновление Андроида только на дорогих гаджетах.

Поэтому в сети для не обновляемых моделей устройств на Андроид е можно найти «прошивки» от продвинутых пользователей.

Стоимость устройств

Память устройств

В iOS вся память встроенная, вилка памяти — 16-256 Гб, а расширение памяти при помощи SD-флешек не предусмотрено. Поэтому если память на гаджете заканчивается, то нужно будет что-то придумывать:

освобождать память на устройстве путем удаления файлов;

воспользоваться облачными хранилищами;

В Андроид е несколько другая ситуация, тут есть возможность расширять память внешними SD-флешками. Помимо этого, само устройство тоже может поставляться с большим объемом внутренней памяти.

Встроенные помощники

разобраться с будильн и ком;

найти нужную информацию;

рассказать о погоде;

Но в целом это не такой функциональный помощник, как у iOS. Siri в iOS обладает более широким функционалом, с ней можно даже просто «поговорить».

Производительность

С Андро и д ом все происходит по-другому. Ему нужно время, чтобы «подумать» после нажатия кнопки на экране устройства. Особенно эта медлительность заметна в среднем и дешевом сегменте устройств. Более дорогие производители стараются свои устройства поддерживать на уровне. Но в целом со временем «тормоза» на Андроиде неизбежны. Поэтому существу е т множество приложений для оптимизации и очистки системы, чтобы хоть как-то нормализовать производительность устройства.

Персонализация устройства

Гибкость в настройках — тоже важный фактор, чтобы определить, что лучше : Андроид или iOS. Все мы любим подчеркнуть свою индивидуальность, даже в собственном гаджете.

Андроид в эт о м плане намного опередил iOS. На самом деле, он весьма гибкий и позволяет очень тонко себя настроить. Для качественной персонализации в Play Market можно найти множество различных приложений.

iOS не настолько гибкий. Да, он позволяет себя персонализировать, но по минимуму. Элементарно, там нельзя сменить стандартную клавиатуру. А на Андроиде это можно сделать в десятках вариаций.

Заключение

Это просто разные ОС для разной аудитории людей. Если вы цените быстродействие и производительность и вам не хочется тратить время на всякие там настройки, при этом завышенная цена вам не важна и вы хотите обрести «статус», то вам нужно устройство под управлением iOS.

Если вы цените свободу и индивидуальность, вам нравится самостоятельно «копаться» в гаджете, при этом вы не хотите тратить лишние деньги за практически одинаковый с iOS функционал, то вам нужно устройство под управлением Android.

i OS — это бренд, статус, качество, но постоянный контроль разработчиков. Android — это свобода, качество, эксперименты и открытость.

Мы будем очень благодарны

если под понравившемся материалом Вы нажмёте одну из кнопок социальных сетей и поделитесь с друзьями.

Источник

32 отличия дизайна мобильного приложения под iOS и Android

Железный дизайнер из Redmadrobot Design Lab Артур Абраров делится наблюдениями.

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

Чтобы адаптировать дизайн правильно, нужно соблюдать гайдлайны платформ: Human Interface Guidelines (HIG) у iOS и Material Design у Android. И общаться с разработчиками, в идеале подключать их к дизайну как можно раньше, чтобы они могли сразу задать технические ограничения.

Но в чём именно отличается дизайн под iOS от дизайна под Android? В этой статье я разберу 32 конкретных отличия дизайна под iOS и Android. Они поделены на четыре группы:

Базовые отличия

Human Interface Guidelines vs Material Design

Почти все отличия этой статьи взяты из анализа этих гайдлайнов. Их суть на идейном уровне следующая. HIG — это про плоский, лёгкий, дружелюбный дизайн, пришёл он из постепенного отказа от скевоморфизма.

Material же имеет несколько основополагающих принципов: материал как метафора; смелый, графический, сознательный; осмысленная анимация; гибкая основа и кроссплатформенность. Если вы не знакомы с гайдлайнами, лучше их прочесть до того, как ознакомитесь со статьёй.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

2. Единицы измерения: pt vs dp

Дизайн iOS-приложения создаётся в pt, а Android-приложения — в dp. Мы, как правило, создаём дизайн в 1x (или mdpi) и выгружаем в Zeplin. Zeplin отображает для iOS дизайн в pt и генерирует иконки и иллюстрации в 2х и 3х. Под Android отображает дизайн в dp и генерирует графику в hdpi, xhpdi, xxhdpi и xxxhdpi.

3. Размер экрана: 320 pt x 568 pt vs 360 dp x 640 dp

Предпочитаю проектировать iOS-приложение под наименьший размер — iPhone 5 с размером экрана 320pt х 568pt. Делаю это, чтобы избежать некорректного отображения контента на маленьких экранах. Некоторые предпочитают проектировать под iPhone 8.

Под Android есть общепринятый размер экрана — 360dp х 640dp.

При дизайне под iOS иногда создаю дизайн и под iPhone X (375pt х 812 pt). Это нужно, чтобы разработчик понимал, как правильно расставить отступы у экрана этого размера. Ещё при дизайне под iPhone X нужно помнить про Safe area — зону, вне которой не стоит размещать контент.

4. Системный шрифт: San Francisco vs Roboto

5. Android Navigation Bar

В отличие от iOS, у Android есть встроенный инструмент навигации назад. Это Android Navigation Bar.

Он либо физически встроен в смартфон, либо является частью интерфейса. С помощью стрелки пользователь перемещается на один шаг назад в хронологической последовательности (reverse chronological navigation). Навигация происходит как внутри приложения, так и между ними.

В начале профессионального пути в качестве дизайнера мобильных приложений я долго мучил Android-разработчиков вопросом: зачем нужны две кнопки назад? Одна есть внизу в Navigation Bar, вторая появляется в Top App Bar при переходе на дочернюю страницу.

Ответ такой. Есть два вида навигации назад: reverse chronological navigation (её осуществляем с помощью стрелки назад в Navigation Bar, зовем её Back).

И upward navigation (её осуществляем с помощью верхней стрелки, зовем её Up).

Представим, что у нас есть путь A-B-C, где A — это материнская страница, а B и С — дочерние. Представим, что пользователь попал напрямую из A в С. Если он нажмёт на кнопку Back, то вернётся на A. Но если нажмёт Up, то сначала попадёт на B — и уже по второму нажатию попадёт на A.

Это сложно реализовать и путанно для пользователя, поэтому сейчас эти две кнопки назад осуществляют одинаковое действие back, как в iOS. То есть если пришли из A в С, то из С вернёмся обратно в А.

6. Важность Elevation в Material

В iOS принципиально нет теней. Как исключение, тени можно обнаружить на главном экране App Store и в Health. Но в целом HIG никак не прописывает использование теней.

В Material тени играют большую роль. Они добавляют интерфейсу третье пространство (ось Z), за счёт чего у каждого компонента появляется своё строгое место на этой оси (от 0 dp до 24 dp). Причём эта ось Z существует не просто на идейном уровне: у разработчиков есть параметр elevation, в котором они задают положение компонента по этой оси.

Навигация и смена состояний сопровождается изменением elevation компонентов. Поэтому при дизайне под Android нам стоит осознанно подходить к созданию теней.

7. Отличия в нейминге

Отличий в нейминге много. Предлагаю рассмотреть эти пять.

a. Tab Bar vs Bottom Navigation Bar

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

b. Navigation Bar vs Top App Bar

Этот bar у обеих платформ выполняет примерно одинаковые задачи: сообщает пользователю его текущее местоположение в приложении, даёт возможность вернуться на предыдущий экран и предлагает одно или несколько контекстных действий. Подробнее об отличиях — ниже в статье.

c. Segmented Controls vs Tabs

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

d. Alerts vs Dialogs

Интересно, что в iOS описан только один инструмент предупреждения пользователя — Alerts. В Android их три: Snackbars, Banners и Dialogs.

Snackbar предназначен для сообщений низкой приоритетности и не требует действий. Dialogs блокирует взаимодействие с интерфейсом и требует совершить действие. Banners находятся между ними: не блокирует взаимодействие, но требует совершить действие.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

e. Touch ID vs Android Fingerprint

сравнение приложений на ios и android. 16377434e45d90d86fa79652fe7114ca. сравнение приложений на ios и android фото. сравнение приложений на ios и android-16377434e45d90d86fa79652fe7114ca. картинка сравнение приложений на ios и android. картинка 16377434e45d90d86fa79652fe7114ca.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Отличия в навигации и паттернах (UX)

8. Способы верхнеуровневой навигации

Начнём с самого верха. iOS рекомендует только один способ верхнеуровневой навигации — через Tab bar. У Android в ответ есть три способа: Navigation Drawer, Bottom Navigation Bar и Tabs.

Если количество верхнеуровневых страниц больше пяти, используем Navigation Drawer. Если меньше — Bottom Navigation Bar. Tabs нечасто применяют для этой навигации, но способ нам доступен. Однако Material рекомендует не совмещать Tabs и Bottom Navigation Bar, так как взаимодействие с данными компонентами влияет на контент страницы и пользователь может запутаться.

9. Отличия в поведении Tab Bar и Bottom Navigation Bar

Это отличие предлагает Material.

Если вы в iOS перейдёте от материнской страницы к дочерней, потом через Tab Bar переключитесь на другую материнскую страницу, то по возвращении на первую материнскую страницу вы всё также будете находиться на дочерней.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

В Android всё строже — при переключении через Bottom Navigation Bar вы всегда переключаетесь между материнскими страницами. Если до этого вы были на дочерней, она сбросится.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Наши разработчики Android уверены, что такое поведение системы неверное. В случае переключения по Bottom Navigation стоит сохранять открытые дочерние страницы, как на iOS.

10. Особое поведение Tabs у Android

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Это потому, что страницы табов находятся на одной высоте (elevation).

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Это важно знать потому, что при использовании табов в Android нам не стоит добавлять в дизайн элементы с похожими жестами. Например, карусель картинок или взаимодействие с карточками с помощью свайпов.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

В целом эти два компонента не заменяют друг друга полностью. Segmented control — это control, который управляет контентом страницы. А Tabs — инструмент навигации.

Поэтому стоит советоваться с разработчиками перед тем, как при адаптации рассматривать их как равноценные компоненты. Иногда корректнее заменять андроидовские Tabs на Page Control. Всё зависит от контекста.

11. Отличия в появлении дочернего экрана

В iOS появление дочернего экрана (не считая модалок) происходит только одним образом: дочерняя страница появляется справа поверх материнской с эффектом slide in. Возвращение на материнский экран происходит с эффектом slide out.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Material рекомендует показывать пользователю иерархическую взаимосвязь материнской и дочерней страницы с помощью осмысленной анимации.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

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

Переход происходит с помощью Standard Easing.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

12. Особый паттерн вызова Navigation Drawer

При проектировании приложения с Navigation Drawer важно помнить, что этот компонент «забирает» себе жест edge swipe слева вправо. Поэтому не стоит добавлять этому жесту другую логику.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

В iOS у этого жеста есть устоявшийся паттерн перехода с дочерней на материнскую страницу. Этот паттерн постепенно перекочевал и во многие андроидовские приложения.

13. Поведение контента при скролле

По HIG контент в iOS при скролле ведёт себя так: Navigation Bar уменьшается в ширине, исчезает Tool Bar. Но в целом iOS-разработчики могут настроить любое поведение контента и баров при скролле.

Material предлагает больше вариантов поведения при скролле. Например, Bottom Navigation Bar, Search и Bottom App Bar при скролле могут исчезать.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Top App Bar может либо исчезать, либо подниматься выше основного контента.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Разное поведение поиска

Интересно, что HIG относит поиск к барам и называет его Search Bar. В Material мы находим поиск в разделе Navigation, не в Components. То есть для Material поиск — это ещё один способ навигации.

Как в iOS, так и в Android поиск может статично присутствовать на экране и, как правило, прибит к Navigation Bar или Top App Bar.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

На обеих платформах поиск может быть в виде иконки, только в iOS иконка раскрывается в самостоятельный компонент Search Bar, а в Android поиск раскрывается внутри Top App Bar.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Особенность поиска в iOS — его можно «спрятать» под Navigation Bar и вызывать по жесту Swipe down. Такой же жест типичен и для рефреша (pull to refresh), поэтому не стоит вызывать поиск и рефреш по этому одному действию.

Отличия в компонентах (UI)

15. Каких компонентов нет в iOS

В iOS нет многих нативных компонентов Android. Пробежимся по ним.

a. Navigation Drawer

iOS в принципе не признаёт бургер-меню. Как говорили раньше, в iOS верхнеуровневая навигация только по Tab Bar.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

b. Backdrop

Backdrop — самый удивительный для меня компонент в Material. На момент написания статьи Android ещё только планирует реализовать его как нативный. В целом при изучении компонентов Material стоит проверять, доступны ли они уже для использования.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Сам Material любит этот компонент. Посмотрите, например, на победителей Material Design Award 2019.

c. Banner

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

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

d. Snackbar

Как и Banner, Snackbar — не нативный для iOS. Snackbar применяют, чтобы донести до пользователя короткое сообщение о результате его действия.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

e. Chips

Chips также отсутствует среди нативных компонентов iOS. Они используются для ввода информации, описания и действия.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

f. Bottom App Bar

Тут можно поспорить, что у iOS есть похожий компонент — Tool Bar. Но они разные, вот почему: Toolbar — это бар для контекстных действий. Например, при редактировании списка сообщений в Messages появляется Tool Bar с действиями Read All и Delete.

Bottom App Bar — это перемещение Top App Bar вниз с теми же действиями верхнего уровня: открытие Navigation Drawer, вызов поиска и так далее. Ещё в Bottom App Bar мы размещаем FAB.

g. FAB

Да, FAB тоже нет в iOS. FAB — это кнопка для совершения основного действия на экране. Например, в почтовом приложении FAB будет создавать новое письмо.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Если вы используете в Android FAB для основного действия на экране, то в iOS это основное действие стоит разместить наверху в Navigation Bar справа (смотри пример: iMessages).
сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

h. Bottom Navigation Drawer

Разновидность Navigation Drawer, типичная только для Android. Вызывается нажатием кнопки бургер-меню в Bottom App Bar.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

i. Side Sheet

Хоть Material и разрешает использовать этот компонент в мобильном приложении, я бы рекомендовал заменить его на более привычный Bottom Sheet.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

j. Expanding Bottom Sheet

Этот очень красивый компонент Android не найти среди нативных для iOS. Expanding Bottom Sheet — это поверхность, которая прибита к низу страницы. При нажатии поверхность расширяется до полноценной страницы.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

k. Standard Bottom Sheet

Standard Bottom Sheet — разновидность Bottom Sheet, и его нет среди компонентов iOS.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

16. Каких компонентов нет в Android

Теперь рассмотрим, каких компонентов не найти в библиотеке Android.

a. Page Controls

Page Control показывает, на какой из страниц находится пользователь. Его нет среди нативных компонентов Android.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

b. Toolbar

Toolbar привычен только для iOS.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

c. Steppers

Steppers — стандартный control iOS, не описан в Material. Используем его для ввода небольших значений. Пример: количество копий при печати.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

d. Popover

Popover — всплывающая панель, которая в основном используется на iPad.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

В iOS есть одно стандартное применение Popover — настройка текста в ридерах или браузерах.

сравнение приложений на ios и android. . сравнение приложений на ios и android фото. сравнение приложений на ios и android-. картинка сравнение приложений на ios и android. картинка .

17. Разные Status Bar

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Ещё у Status Bar Android есть такая особенность, когда приходит уведомление из приложения, в Status Bar появляется иконка этого приложения. В iOS такого нет.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

18. Refresh Content Controls vs Swipe to refresh

Рефрешеры вызываются одним и тем же жестом swipe down на обеих платформах. Но в iOS Refresh Content Control «толкает» остальной контент вниз, в то время как Swipe to refresh у Android появляется поверх контента. Кроме того, рефреш iOS при скроле контента исчезает, а у Android остаётся видимым.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

19. Разные Control

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Ещё Material предлагает использовать родительский чекбокс, когда нужно дать пользователю возможность быстро выбрать все варианты.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

20. Разный вид стрелки «Назад» и положение заголовка

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

21. Разный вид иконки трёх точек

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

22. Разный вид Picker

В iOS выбор даты происходит с помощью барабана. Барабан iOS можно использовать для ввода любых других данных. В Android Picker даты имитирует вид физического календаря.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Material также рекомендует давать пользователям возможность вводить дату с помощью Input Field-а.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

23. Разные Text Fields

HIG куда менее требователен к Text Fields, по сравнению с Material.

Отличия

В iOS Label находится внутри поля ввода и исчезает во время ввода текста. Material рекомендует поднимать Label при вводе текста.

Схожее

Обе платформы советуют при необходимости добавлять Clear Button.

Что ещё просит Material

Material также рекомендует выделять Label и полосу под Text Field основным цветом — это помогает понять, что поле выделено. Material описывает поведение поля при ошибке ввода. В Material на выбор есть две формы: Filled и Outlined.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

24. Context Menus vs Menus

Context Menus появился в iOS 13. Этот контрол предлагает пользователю нескольких контекстных действий, связанных с выбранным элементом. В Android есть частично похожий на него элемент — Menus.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Menus Android применяется в большем числе кейсов: оно предлагает контекстные действия как для выбранного элемента, так и для всей страницы в целом; используется как инпут с несколькими вариантами на выбор (дропдаун меню); применяется для редактирования текста. Context Menus — компонент только iOS. А Menus Android можно использовать как в мобильном приложении, так и на десктопе.

25. Action View/Activity View vs Modal Bottom Sheet

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.
сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

26. Edit Menus vs Text Selection Tool Bar

Помимо визуального отличия Edit Menus и Text Selection Tool Bar отличаются следующим: при долгом нажатии в Android пользователь может продолжить выделение текста. В iOS после долго нажатия возникает лупа для точного выбора места в слове.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

Также Android отличается от iOS тем, что при вызове дополнительных действий Text Selection Tool Bar принимает форму Menus.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

27. Разный размер divider

В iOS это 0,5 pt, в Android — 1 dp.

Прочие отличия

28. Разные требования к размеру зоны нажатия

По гайдлайнам минимальная зона нажатия в iOS — 44 x 44 pt, а в Android — 48 x 48 dp.

29. App Store vs Google Play

Ваше приложение для iOS будут скачивать из App Store. Приложение для Android — из Google Play. Чтобы разместить приложение в сторах правильно, нужно соблюдать их требования. Требования App Store стоит прочесть здесь, а Google Play — здесь. Там много особенностей, поэтому рекомендую изучить перед публикацией.

30. Особый паттерн в iOS — Undo and Redo

Это особый паттерн iOS: если потрясти смартфон, приложение предложит пользователю отменить или повторить последнее совершенное действие. Как правило, этот жест используется для удаления введённого текста.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

31. Отношение к Branded Launch

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

сравнение приложений на ios и android. image loader. сравнение приложений на ios и android фото. сравнение приложений на ios и android-image loader. картинка сравнение приложений на ios и android. картинка image loader.

32. Дополнительные темы Material Design

На сайте Material раскрыты ещё и такие темы, как: Data Formats (разные форматы данных), Data Visualization (правильная инфографика), Empty States (дизайн пустых состояний), Offline States (интерфейс при отсутствии интернета), Accessibility (доступный дизайн) и Bidirectionality (дизайн для читающих справа налево).

Заключение

Знание гайдлайнов повышает наш уровень осознанности. Мы понимаем сложившиеся пользовательские паттерны и создаём приложение, которое органично вписывается в привычки пользователей.

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

А если мы хотим внедрить новое, кастомное решение, знание гайдлайнов помогает аргументировать это нововведение.

Итого: знание гайдлайнов и их отличий — важный навык дизайнера мобильных приложений.

Какие ещё отличия вы знаете? Поделитесь ими в комментариях.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *