Різниця нативного дизайну під iOS та Android: стандартні засоби керування

Продовжуємо розповідь про особливості дизайну для платформ iOS та Android.

Читайте попередню частину ТУТ!

Нестандартні реалізації засобів керування вимагають додаткового часу розробки та невідомі користувачам

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

Кожна платформа має свої унікальні взаємодії. Гарний дизайн – це дизайн, який поважає звички користувачів у кожній операційній системі. Дуже важливо пам'ятати про різницю між платформами під час розробки мобільної програми для iOS і Android, щоб ви створювали програми, які відповідають очікуванням користувачів.

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

Ліворуч – стандартні елементи керування iOS; праворуя – Android
Ліворуч – iOS; праворуч – Android

Стилі кнопок на пристроях iOS та Android

Є два стилі кнопок у Material Design Guidelines – плоскі та підняті. Ці кнопки використовуються в різних ситуаціях. Текст на кнопках у матеріалі Design зазвичай пишуться великими літерами. У нативних додатках iOS натомість зазвичай капс-лок не використовують.

Ліворуч – стандартні кнопки Material Design; праворуч – стандартні кнопки

Існує також іще один тип кнопок: floating action на Android і call to action на iOS. Літаюча кнопка являє собою основну дію у програмі. Наприклад, кнопка “Створити” у поштовому додатку або кнопка “Нова пошта” у додатках соціальної мережі можуть бути літаючими кнопками. Аналогічним дизайном для основних дій у програмах iOS є кнопка “заклик до дії”, яка розташована в центрі панелі вкладок.

iOS ліворуч, підхід Android – праворуч

Відмінності між нативними bottom sheet у Android та action sheet та activity view в iOS

У Android є два типи нижніх списків: нижні льні списки та постійні нижні списки. Модальні нижні списки мають два типи вмісту: нижні модальні списки з різними ми та список додатків, який з'являється після того, як користувач натискає значок спільного доступу. Ми можемо знайти однакові типи вмісту в нативних таблицях дій та переглядах активності в iOS. Але ці компоненти виглядають інакше, ніж нижні списки Android.

Ліворуч – стандартні нижні списки Android; праворуч – список дій в додатку iOS

Відмінності в контактних об'єктах і мережах

iOS та Android мають дещо інші інструкції для сенсорних цілей (44px @ 1x для iOS та 48dp/48px @ 1x для Android). Material Design Guidelines рекомендують вирівняти всі елементи по сітці з квадратною базою 8 дп.

Типографічні відмінності

San Francisco – це системний шрифт в iOS. Roboto є стандартним шрифтом в Android. Noto – це стандартний шрифт для Chrome та Android, які не підтримуються Roboto. Вам потрібно буде приділяти особливу увагу типографським процедурам та схемам компонування кожної платформи.

Ліворуч – Material Design; праворуч – типографія HIG

За матеріалами: medium.muz.li

ДАЛІ БУДЕ!

Вас також ЗАЦІКАВИТЬ:

Залишити відповідь